Web Accessibility by Google
Free!
|
Skills Covered: Accessibility, Screen Readers, Focus, Semantics, ARIA
ABOUT THIS COURSE
In this course, you’ll get hands-on skills in making web applications accessible.
- How making a page work properly with screen readers,
- Managing input focus (e.g. the highlight you see when tabbing through a form.)
- What “semantics” and “semantic markup” mean for web pages
- Add ARIA markup to enable navigating the interface with a range of assistive devices.
- Styling techniques that help users with partial vision navigate your pages easily and reliably.
This course is also featured in Full-Stack Web Developer Nanodegree program.
WHAT YOU WILL LEARN
Overview
- Learn why accessibility matters
- and who it affects.
- Get a first look at the web accessibility guidelines (WAI – Web Accessibility Initiative).
- Understand “POUR” means for accessibility
- and locate checklists to help make your own sites accessible.
Focus
- Learn how to make a page usable for anyone navigating with the keyboard.
- An exploration of focusable elements.
- Learn how to manage focus in forms
- in custom components
- pop-ups
- and off-screen content.
Semantics Basics
- Make a page work for people who are unable to use a standard user interface.
- Use a screen reader to try out ordinary form elements and add markup to make them work even better.
- Understand the accessibility tree the browser constructs from the DOM.
Semantics Extras
- Dive deeper into the screen-reader experience to add hyper-fast navigation.
- Learn how to arrange headings and label links so screen reader users can fly through your pages!
- Call out “landmarks” into your page to speed up navigation even more.
Semantics – ARIA
- Move beyond the native elements of HTML into building custom controls and interactions.
- Accessible Rich Internet Applications (ARIA).
- Learn how to add attributes to your custom interactions to make them as accessible as native elements.
Style
- Learn the third pillar of Accessibility (after Focus and Semantics): Styling.
- Highlight the focus
- Indicate ARIA states
- Zoomed in or out
- and support limited color or contrast vision.
- Audit your page with the Chrome Accessibility Tools and correct any styling issues that pop up.
Videos: Web Accessibility by Google
Only logged in customers who have purchased this product may leave a review.
Related Courses
Added to favoritesRemoved from wishlist 0
Added to favoritesRemoved from wishlist 0
There are no reviews yet.