03.5 · Capability in Experience

Accessibility

Building products that people with disabilities can use, which tends to make them better for everyone.

Map5 skills

Not startedLearningComfortable

5 skillsClick a hexagon to set your status

03.5.1Inclusive designDesigning for the full range of human ability, situation and context.
03.5.2Keyboard interactionMaking every function usable without a mouse.
03.5.3Semantic markupUsing the right HTML elements so meaning is available to all software.
03.5.4Assistive technology supportWorking well with screen readers, magnifiers and voice control.
03.5.5WCAG principlesThe web accessibility guidelines, built on four principles.

Mark all 5

Where to start

3 resources

docsStart here
Quick reference to web accessibility principles ↗
WebAIM · 2023 · 3 min
The main WCAG principles on one printable page.
docsStart here
HTML: a good basis for accessibility ↗
MDN Web Docs · 25 min
Why the right HTML element does most of the accessibility work for you, with examples to compare.
courseStart here
Design and user experience ↗
web.dev (Google) · 2022 · 10 min
Inclusive design decisions that belong in the design phase, before any code is written.

3 tools

ToolFreemium
axe DevTools
deque.com ↗
Automated accessibility checks in the browser and in tests, built on the open-source axe-core engine.
ToolFree
WAVE
wave.webaim.org ↗
Free accessibility evaluation tool that marks problems directly on the page.
ToolOpen source
Lighthouse
developer.chrome.com ↗
Open-source audits for performance, accessibility, SEO and best practices, built into Chrome.