All errors should have role alert for better accessibility when using client side validation

Created on 26 June 2025, 10 days ago

Problem/Motivation

Error messages are visible on the screen but not communicated to assistive technologies, preventing screen reader users from receiving important information, making it difficult for people with visual impairments to correct mistakes and complete the form accurately. This can also lead to a failure to meet 4.1.3 Status messages.

The solution is to ensure they are announced by adding role="alert" to error elements. Alternatively, use aria-live regions to ensure changes to error messages are promptly communicated. For more guidance on how to implement live region

Proposed resolution

Add role="alert" to all errors when using client side validation.

Feature request
Status

Active

Version

6.3

Component

Accessibility

Created by

🇩🇪Germany majid.ali

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024