Details
-
Bug
-
Resolution: Duplicate
-
Low
-
None
-
7.17.0
-
Severity 3 - Minor
-
0
-
Description
Issue Summary
The form field with an error is not identified in text, or text alternative, or via programmatic association.
Element Name: error text 'Invalid size range....'
Location of the element: Size pop-up
Issue details: Error 'Invalid size range...' is not associated with size pop-up.
Steps to Reproduce
- Step 1
Actual Results
Actual results
Expected Results
Expected Results
Fix Information
RULE :
Text-based alerts that identify the field in error MUST be provided to users for form validation cues and errors.
HOW TO FIX:
Fix this issue by doing AT LEAST ONE of the following:
1. Programmatically associate the error message and the field in error - typically using the aria-describedby attribute to reference a unique id attribute value on the error message container. (STRONGLY PREFERRED)
2. Include the field name in the error message.
REFERENCE:
Deque University: https://dequeuniversity.com/class/forms2/form-validation/error-identification
W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/notifications/
BACKGROUND:
When form fields that have an error are not identified with a text-based error message people who are blind or have low vision may not be able to understand that an error has occurred and what went wrong. In order to provide feedback that can be accessed by all users, error messages must be provided in a text format. Error messages must indicate which input is in error - either by the text of the error message or programmatically - and the nature of the error. This will allow people to recover from mistakes while filling out a form.
Screenshot
Screen Recording
screen recording
Workaround
workaround
Bug Ref: 735464
Attachments
Issue Links
- duplicates
-
BSERV-13297 View Repositories : Error messages not accessible to screen reader users.
- Closed
- mentioned in
-
Page Loading...