Accessibility
Accessibility is part of quality, not an extra. Most of it comes from choices designers make early: contrast, target size, labels, focus and structure.
Not yet reviewedLevel
Resources
Terms
- BeginnerWeb accessibility (a11y)Web accessibility means designing and building so people with disabilities can perceive, operate and understand a site.Not yet reviewed
- BeginnerWCAGWCAG, the Web Content Accessibility Guidelines, is the standard for accessible web content.Not yet reviewed
- BeginnerColor contrastContrast is the difference in brightness between text and its background.Not yet reviewed
- BeginnerAlt textAlt text is a short written description of an image for people who cannot see it.Not yet reviewed
- BeginnerKeyboard navigationKeyboard navigation means everything can be reached and used without a mouse, with Tab, Shift Tab, Enter, Space and the arrow keys.Not yet reviewed
- BeginnerFocus indicatorThe focus indicator is the visible outline that shows which element has keyboard focus.Not yet reviewed
- IntermediateFocus managementFocus management is moving keyboard focus deliberately as the interface changes, so people do not lose their place.Not yet reviewed
- IntermediateARIAARIA is a set of attributes that add accessibility information to elements when HTML alone cannot express it, such as roles, states and labels.Not yet reviewed
- BeginnerScreen readerA screen reader is software that reads the interface aloud or sends it to a braille display.Not yet reviewed
- IntermediateLandmarksLandmarks are page regions, like header, nav, main and footer, that let screen reader users jump straight to a section.Not yet reviewed
- BeginnerTouch target sizeA touch target is the area that responds to a tap or click.Not yet reviewed
- BeginnerForm labels and errorsEvery form field needs a visible label tied to it, and errors should say what went wrong and how to fix it in text, not only with color.Not yet reviewed
- IntermediateAccessibility testingAccessibility testing combines automated scans, keyboard checks and screen reader checks.Not yet reviewed
Documentation
WCAG 2 Overview
The overview of the standard most laws and contracts refer to.
Tools
WebAIM Contrast Checker
A quick checker for text and background color pairs against WCAG levels.
Courses
Learn Accessibility
A course and reference covering ARIA, semantic HTML, color contrast, forms, media and testing.
Know more about Accessibility?
Suggest a term, a change, or a resource. No account needed.
Suggest a change