Recommendation 4.3.4:
Support screen readers with appropriate ARIA labels and HTML tags
Benefits Users
Visual | Cognitive | Physical
Relevant W3C Guidance
Phase 1: Gather & Organize
Additional Information
- The Web Accessibility Initiative (WAI)’s Accessible Rich Internet Applications (ARIA) standard specifies how to make dynamic web content more accessible to assistive technology.
Read More
-
WAI-ARIA standards for screen readers
-
Screen reader shortcuts and gestures
- Https://dequeuniversity.com/screenreaders/
-
Mozilla’s development guide for WAI-ARIA
Phase 2: Design & Implement
Tip
-
Include screen reader support for response option buttons
-
Identify the sender of each message within the <sr-only> span
-
When offering the user choices, set the focus to the last message sent so that the user can tab through each option to hear it read out.
Phase 3: Test & Evaluate
Self Check
- All interactive elements of the chatbot are correctly tagged for screen readers with ARIA labels
Testing
- Run user testing scenarios with a screen reader to look for gaps in screen reader support