duo-labs / webauthn.io

The source code for webauthn.io, a demonstration of WebAuthn.
https://webauthn.io
BSD 3-Clause "New" or "Revised" License
645 stars 120 forks source link

fix/82-accessibility-aria-live #86

Closed MasterKale closed 1 year ago

MasterKale commented 1 year ago

This PR adds the aria-live attribute to the alerts that appear under the username input box. This should help screen readers communicate alerts to users.

Fixes #82.

Screenshots

I tested with macOS' VoiceOver and did observe that alerts started getting read when I added this attribute:

Screenshot 2023-03-01 at 12 17 12 PM

Screenshot 2023-03-01 at 12 17 04 PM

Screenshot 2023-03-01 at 12 16 47 PM