Uncharted territory: using aXe to forge a path
summary
Argues that a legacy chat widget can be made meaningfully accessible incrementally within tight time and resource limits using automated tests and focused fixes: runs aXe audits in Node and component tests, wires into React/Redux, and puts checks in CI; finds missing alts, inputs without change handlers, wrong roles, and trapped focus; removes decorative attention-grabber via aria-hidden, adds a top-of-page link to chat, and implements an aria-live announcer to speak chat events.
AI-written summary · about
chapters (24)
- 0:00Introduction
- 1:40Why is this important
- 1:55The web
- 2:54Following the map
- 3:16Meeting standards
- 3:48Following the rules
- 4:22Backpacking
- 5:44Scoping
- 7:00Accessibility
- 8:24React Alli
- 11:14Marcy Sutton
- 11:28Why testing
- 13:01aXe run
- 13:58creating a new DOM
- 15:35running the audit
- 16:32the image component
- 17:09the results
- 18:05UI walkthrough
- 25:15Chat box link
- 25:38Adjusting focus
- 25:56Turnbyturn directions
- 26:13arialive
- 27:00Alert
- 28:10Conclusion
