D · Ship qualityAdvanced50 min read
10. Accessibility as UX
UI/UX Foundations · 52 pages source format
Accessibility is usability for everyone — and a hiring signal. Keyboard, contrast, labels, focus order on your redesigned screen.
What you'll learn
- WCAG AA basics
- Keyboard navigation
- Screen reader labels
- Focus management
Keyboard pass
Tab through your app flow. Can you complete the job without a mouse?
Do this now
Keyboard-only test on subject app. Log blockers.
Clear?
Contrast & touch targets
Text 4.5:1, large text 3:1. Touch targets ~44×44px minimum.
Do this now
Audit your hi-fi screen with Stark or WebAIM.
Clear?
Annotate for dev
Focus order numbers, aria-label for icon buttons, heading hierarchy.
Do this now
Annotation layer on Figma redesign.
Clear?