Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Radio groups are not considered when maintaining tab focus #159

Open
basham opened this issue Jul 21, 2017 · 0 comments
Open

Radio groups are not considered when maintaining tab focus #159

basham opened this issue Jul 21, 2017 · 0 comments

Comments

@basham
Copy link

basham commented Jul 21, 2017

I'm reviewing the Accessible Dialog Tutorial, and I've started to explore the associated JSBin. Because tabbing works differently for radio groups, I wanted to see how robust Ally.js is.

Expected behavior:

  • When tabbing into a radio group, the checked radio input is put in focus.
  • If there is no checked radio input in the group, and the user keys Tab into it, the first enabled radio is focused.
  • If there is no checked radio input in the group, and the user keys Shift+Tab into it, the last enabled radio is focused.

However, within the dialog maintained by Ally.js, every radio button is individually tabbable, regardless of how they're grouped. This should probably be investigated further. This JSBin clones the tutorial and adds radio button groups outside and inside the dialog, for comparison:

https://jsbin.com/qehewot/1/edit?html,css,js,output

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant