2.18 Error messages not announced by screen readers (H)
FIGURE 2.37: Error message highlighted on the ‘Add programme’ modal’
FIGURE 2.38: Error message highlighted on the Patient Details Monitoring page
FIGURE 2.39: Error message highlighted on the Hypertension Monitoring page within Programmes
2.18.1 WCAG 3.3.1 (A) - Desktop
On different functions through the Monitoring and Programmes pages, error messages are displayed on screen based on the user’s input, for example, when an input option is not selected or when an invalid input is typed in.
These messages are only conveyed visually on screen and are not announced by screen readers. As screen reader users are not notified of the errors on the page, they might abandon the form thinking it isn’t functional.
2.18.2 Source
- Add programmes modal
- Patient Details within Monitoring page
- Hypertension Monitoring page
2.18.3 Recommendation
Errors should be indicated by setting aria-live="assertive" so that dynamic elements on the page are announced by screen readers.
2.18.4 Resources
2.18.5 Spot check: December 2022
This issue is unresolved. Please refer to the recommendation above to fix the issue.