-
Bug
-
Resolution: Fixed
-
Low
-
5.13.0
-
Severity 3 - Minor
-
Issue Summary
An error message is not communicating to the screen reader users.
Steps to Reproduce
- Navigate to the "Get IT help" form.
- Keep the form field empty.
- Submit the form and verify that the error message is not communicated.
Screen Recording
Screen Recording 2024-05-29 at 9.00.48 PM.mov
Actual Results
When user keep the "Reason for appeal" empty an error message is appearing below the form field and focus is also remains on the "Create" button itself. As a result, error message is not being communicated to the screen reader users.
Expected Results
Apply the following changes: * Add 'aria-describedby' attribute to the form field.
- Reference 'id' attribute value of the containner used to display the error message to 'aria-describedby' attribute.
- Set focus on the first field with error using the JavaScript .focus() method as soon as the form is submitted.
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3
