Details
-
Bug
-
Resolution: Fixed
-
Low
-
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: Provide a group name that's less than 50 characters error text.
Location of the element: Create a reviewer group page.
Issue details:Provide a group name that's less than 50 characters error is not associated with group name form field.
Note: Same issue is on group members field.
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: 739538