Plate III. Web accessibility, 2024
Accessible Form Patterns
A documented set of form patterns for a healthcare client's component library — error handling, autofill, and keyboard flows that meet WCAG 2.2 AA.
Context
Audit of an existing form library turned up three recurring failure modes:
labels linked by proximity rather than for/id, error text that screen
readers skipped, and autofill mapping that broke on iOS.
Process
- Patterns catalogued against WCAG 2.2 AA
- Live screen-reader review with a sighted and non-sighted tester
- Rebuilt six core components with written rationale
- Added axe and keyboard-only E2E tests to CI
Outcome
The pattern library shipped internally. Forms-related support tickets dropped meaningfully in the next quarter; I’d add the number here when you have it.