Details
-
Bug
-
Resolution: Unresolved
-
Low
-
None
-
9.7.0
-
9.07
-
Severity 3 - Minor
-
Description
Issue Summary
On the “Profile settings” page, the “Issues per page must be a number between 1 and 1000” error message is not associated with the “Page Size” input field in the "Update user preferences" modal dialog.
Note: Similar issues were observed with the error messages in the "Edit Profile" and "Change Password" modal dialogs.
Steps to Reproduce
- Navigate onto the above mentioned page.
- Navigate onto the "Update user preferences" modal dialog by activating the "Update user preferences" link.
- Navigate onto the above mentioned input field and trigger the error message by activating the "Update" button without entering any data.
- Inspect the code.
- Observe that the error message is not programmatically associated with the input field.
Screenshot
Actual Results
There is a “Page Size” input field with the error message “Issues per page must be a number between 1 and 1000” (that appears on the submitting the form with an empty value). This error message gets visually pinned to the input field. However, this error message is not programmatically associated with the input field. As a result, the users might not understand the complete state of the input field.
Expected Results
The visual errors must be correctly associated with the form fields. To achieve this, use “aria-describedby”. Make sure that the “aria-describedby” value and “id” match correctly. As well, make sure that this attribute is defined on the interactive element, rather than defining it on the parent or child element. Code Snippet <label for="a1">Page size</label> <input type="number" id="a1" aria-describedby="e1" ...> <span id="e1">Issues per page must be a number between 1 and 1000</span>
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environments
MacBook Pro (16-inch, 2021)
macOS Monterey Version 12.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest