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

Can't tab to locale search field #70

Closed
iandunn opened this issue Apr 12, 2023 · 2 comments · Fixed by #93
Closed

Can't tab to locale search field #70

iandunn opened this issue Apr 12, 2023 · 2 comments · Fixed by #93
Assignees
Milestone

Comments

@iandunn
Copy link
Member

iandunn commented Apr 12, 2023

  1. Load the home page and start tabbing through the items until you reach the Swag link
  2. Hit tab one more time, which will take you to #select2-wp20-locale-switcher-container
  3. Hit enter to open the menu
  4. The focus is on the currently selected locale, and you can arrowup / arrowdown to move between them
  5. Hit shift-tab to go to the search field, and it will close the list and take you back to #select2-wp20-locale-switcher-container instead of moving the focus to the search input.
@iandunn iandunn added this to the WP20 launch milestone Apr 12, 2023
@iandunn
Copy link
Member Author

iandunn commented Apr 12, 2023

Oh, huh, the selectWoo demo behaves the same way. The select2 demo focuses the caret in the search field like I'd expect, though. That seems really odd, given that selectWoo was designed to fix the a11y problems with select2 🤔

The selectWoo demo does still let you search, though, with a sequence like this:

  1. Tab to list
  2. Hit enter
  3. Start typing

There's no visual affordance that you can/should start typing, though, which seems odd. Our instance doesn't work with a sequence like that.

@iandunn
Copy link
Member Author

iandunn commented Apr 12, 2023

It may be a known issue in selectWoo, and fixed in latest version of select2.

It may be better to just replace it with something that was designed to be accessible though, like alphagov/accessible-autocomplete. I'll try that out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Done
2 participants