Issue Summary

An error message is not communicating to the screen reader users.

Steps to Reproduce

1. Navigate to the "Get IT help" form.
2. Keep the form field empty.
3. 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