aem-core-cif-components [Accessibility] [Reset Password] The form field constraints/errors are not associated with their fields programmatically.

[Accessibility] [Reset Password] The form field constraints/errors are not associated with their fields programmatically.

Open LevelAccessA11y opened this issue 3 years ago • 3 comments

Steps to Reproduce

Enable NVDA screen reader.
Open page in Google Chrome.
Activate the "Reset Password" button without inputting any information in form fields.
Navigate through form fields using TAB or TAB + SHIFT.
Notice that no error is announced when focusing fields.

Current Behavior The field input elements make no reference to the constraints and error messages associated with them. Screen reader users are not informed that the inputs have errors when they navigate through the form.

Expected behavior/code Authors should use an aria-describedby attribute on the input elements with an ID reference to the associated constraints/errors. Follow the best practices for accessible form error identification.

Environment Chrome 92, Windows 10, NVDA 2020.4 AEM Core Components v. 2.17

Affected Users Screen reader users

WCAG SC 1.3.1 Info and Relationships