ARIA Timer
The timer
role is to be used on any timer or clock, including stopwatch readouts and countdown timers. Because of the immediate nature of the information given, it is recommended you use aria-live="assertive"
to announce the value of the timer.
Timer Example
This solution is good for new as well as existing work.
This demo is based on code from this article by Mateusz Rybczonek . It has been modified to add accessibility features to it.
Code Walkthrough of the Above Example
Below is the HTML of the above example. Use the dropdown to highlight each of the individual steps that makes the example accessible.