Congratulations! You’ve learned so much throughout this course!
Let’s recap some of the essential points we covered for creating accessible web content:
Creating perceivable websites allows users to experience the content through different senses: sight, sound, and touch. Perceivable content:
Provides alternatives to images, audio and video, such as alternative text descriptions, captions and transcripts.
Backs up any information presented visually in a semantic way, either by using meaningful HTML elements, or using ARIA markup.
Doesn’t rely on only one type of sensory cue, such as color, shape, or sound, to communicate information.
Helps users see content better by allowing it to scale, making sure text and visual elements have enough contrast with the background and separating text from images.
Creating operable web content allows users to interact with your site in different ways. Instead of a mouse or touch-based interaction, some people use a keyboard, switch access, voice control, or other assistive technologies. Operable content:
Is fully interactable with a keyboard, which also supports other input methods.
Allows users to get around time limits, including extending sessions that could time out and stopping moving content.
Follows a logical tab order and lets users know what element they are interacting with by having a visible focus indicator.
Makes it easy for users to know where they are and where they are going by having unique and descriptive programmatic titles, meaningful link text, clear headings and labels, and allowing several ways of finding content on the site.
Creating understandable content helps make the site and its functionality clear. Understandable content:
Is predictable. It doesn’t surprise users with unexpected events and has consistent navigation and interactive elements.
Helps users fill out forms by clearly describing the information they need to provide and having helpful error messages.
Creating robust content helps ensure that it can be reliably rendered by different user agents and assistive technologies. Robust content:
Uses markup properly so that assistive technologies can properly parse out information and communicate it to users.
Identifies roles states and properties programmatically by using ARIA to communicate the behavior of custom components and complex interactions.