search

AlaskaAirlines / AuroSvelteDemo

1 stars 2 forks source link

svelteDemo: a11y broken with radio button options #18

Closed blackfalcon closed 3 years ago

blackfalcon commented 3 years ago

Describe the bug

When tabbing through the Svelte app, the YES/NO options are not accessible.

To Reproduce

Steps to reproduce the behavior:

  1. Clone repo
  2. npm i / npm run dev
  3. Open demo page in browser
  4. Start with name and tab through the UI
  5. You are unable to tab to the yes/no options

Looking at the inspector, notice that both radio buttons are set to tabindex="-1"

Expected behavior

User has the ability to tab to yes/no radio buttons to toggle UI. This is NOT an issue with the React app, so the root cause does not appear to be the auro-radio element. Although... Svelte may be exposing an interesting issue.

Screenshots

Svelete

Screen Shot 2021-07-26 at 10 14 02 AM

React

Screen Shot 2021-07-26 at 10 16 55 AM
geoffrich commented 3 years ago

Looks like the demo is on v1.3.2 of auro-radio, and the latest is 1.5. This may be fixed by https://github.com/AlaskaAirlines/auro-radio/pull/38.

blackfalcon commented 3 years ago

@geoffrich updating locally worked. Submitting patch soon.