-
Notifications
You must be signed in to change notification settings - Fork 0
Accessibility: keyboard navigation and ARIA labels on countdown #3
Copy link
Copy link
Open
Labels
good first issueGood for newcomersGood for newcomers
Description
Accessibility improvements
The countdown intercept page (src/pages/Intercept.tsx) currently has no ARIA attributes on the timer or progress ring, and the buttons after the countdown aren't keyboard-navigable in a logical order on some browsers.
What needs to be done:
- Add
aria-live="polite"andaria-labelto the countdown number so screen readers announce it - Add
role="progressbar"witharia-valuenow,aria-valuemin,aria-valuemaxto the SVG ring - Ensure the two action buttons (Continue / Close) receive focus in the correct order when the countdown ends
- Test with VoiceOver (iOS) or TalkBack (Android)
Relevant file: src/pages/Intercept.tsx lines 89–104
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
good first issueGood for newcomersGood for newcomers