Authentication error messages are not accessible to assistive devices about amplify-ui

[ashika01]

@sawyerh : Thank you for reporting. We are aware of this. We have a task to do accessibility audit and update the components.

[sawyerh]

@ashika01 Great to hear, I appreciate the quick response. Any chance there's an estimate on the timeline for the accessibility updates?

[ashika01]

@sawyerh We have as fast follow up item. I will update this ticket with an estimate soon.

[ashika01]

@sawyerh : would you be interested in putting up a PR for this.? There is bigger audit piece on all new UI components, that is happening with LightHouse which is WIP.

[ErikCH]

Hi @ashika01 and @sawyerh

With our new authenticator we have taken accessibility in mind with all our designs. Recently I pushed up a PR to add in a role=alert to all the alert messages and errors. This will give screen readers a better indiction of when errors occur. We are also using aria-invalid in several of our inputs as well.

We decided not to change focus on alert's because we feel like it's an unexpected experience for the user. However, we are always up for suggestions on how to make this better.

I believe this is a good first start, and we'd really like more feedback on more places we can make our app more accessible.

You can check out our new authenticator documents here to get started.
https://ui.docs.amplify.aws/ui/getting-started/installation

[ErikCH]

I'll close this now. Please reopen it if needed.