Pathwise

Manuals / UI/UX Foundations / Chapter 10

D · Ship quality · advanced · Week 5 · Chapter 10 of 13

Accessibility as UX

Accessibility is usability for everyone — and a hiring signal. Keyboard, contrast, labels, focus order on your redesigned screen.

Path progress
72%

Step 1 of 3

Keyboard pass

Tab through your app flow. Can you complete the job without a mouse?

Keyboard passDrag stickies · tap for tips
Study mapDrag stickies · tap for tipsKeep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Assert the UIdrag · tap →Retry wiselydrag · tap →Seed datadrag · tap →Close the loopdrag · tap →Keep it shortdrag · tap →Name the waitdrag · tap →Scope locatorsdrag · tap →Trace when stuckdrag · tap →One browser firstdrag · tap →Isolate statedrag · tap →Pathwise hackdrag · tap →Keyboard passdrag · tap →Try thisdrag · tap →Follow the dashed drag · tap →

Do this now

Keyboard-only test on subject app. Log blockers.

Was this step clear?
Chapter learning outcomes
  • WCAG AA basics
  • Keyboard navigation
  • Screen reader labels
  • Focus management

Clear these before you leave

Side quest

VoiceOver / NVDA lite

5-min screen reader pass on one flow. Note unlabeled controls.