Amplify-js: Authenticator Form is not accessible

[iamstratos]

Describe the bug
The links in the React's Authenticator form are not accessible. The user cannot navigate in the form links using the keyboard's tab button.
For example, on the Sign In, the links Reset password or Create account are not accessible.

Expected behavior
The user should be able to access all the links in the form with the tab button.

Screenshots

Additional context
Added an href="" to the links will make them accessible.

[Ashish-Nanda]

Hi

Could you share which framework's authenticator component you encountered this issue with (eg. React, Angular)?

[iamstratos]

Hi

Could you share which framework's authenticator component you encountered this issue with (eg. React, Angular)?

Hey, I'm using React!

[iamstratos]

No solutions found so far and it's a critical issue. We cannot continue using Amplify if it's not fixed :/

[sammartinez]

@iamstratos We are looking to get this prioritize, I will let you know that we are open to Pull Requests if you wanted to create one for this. In the meantime, know this is in our backlog with high priority.

[sammartinez]

Resolving issue as this is now part of our new UI Components. Please let us know if you are experiencing any issues with the newer implementation and we can reopen this issue. Thanks!

[sawyerh]

@sammartinez It would be great if a fix could still be published for aws-amplify-react for projects that aren't yet able to migrate to @aws-amplify/ui-components, which isn't 1:1 in terms of feature parity. It _looks_ like #4692 would fix the issue described here. I'd also be happy to open up a separate, smaller PR that only changes aws-amplify-react if that would get this fixed sooner.