Accessibility
Design learning experiences so people with different abilities can access, navigate, understand, and engage with the content.
Accessibility
Design so more people can get through the door.
Accessible learning removes unnecessary barriers so people can find, understand, navigate, and interact with the experience.
Accessibility works best when it shapes design decisions from the beginning — not when it is added as a final QA task.
Make Information Easy to See and Understand
Visual accessibility is more than choosing high-contrast colors. The entire screen should help learners understand what matters and where to look next.
Make sure important information remains distinguishable from the background.
Pair color with labels, icons, patterns, or other visual cues.
Use headings, spacing, scale, and placement to reveal relationships.
Give the Content a Meaningful Structure
Visual organization should also exist underneath the surface so assistive technology can interpret the information correctly.
Create a logical hierarchy instead of choosing headings only for appearance.
Buttons, links, controls, and images should communicate their purpose.
The sequence should make sense even when the visual layout is not available.
Make Navigation Predictable and Keyboard Friendly
Learners should be able to move through the experience, understand where focus is, and activate controls without depending on a mouse.
Navigate through interactive elements in a logical order.
Make the currently selected element visually obvious.
Let learners select buttons and controls without a mouse.
Keep navigation consistent and predictable throughout.
Provide More Than One Way to Access Media
Images, audio, and video can strengthen learning — as long as the important information isn't available through only one sensory channel.
Provide useful alternative text when an image communicates information. Decorative images should not add unnecessary noise.
Describe the meaningInclude accurate captions and make sure essential visual information is available to learners who cannot see it.
Caption + describeProvide a transcript or equivalent text so the information does not depend on hearing.
Provide an alternativeDesign Interactions People Can Actually Use
An interaction isn't accessible simply because the information technically exists somewhere on the screen.
Meaning depends on color, mouse use, and visual location.
The control is clearly labeled, keyboard accessible, and has a visible focus state.
Test Accessibility Before You Call It Done
Automated checks can catch some issues, but accessibility also requires human review and realistic testing.