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

[backport 8.x] accessibility fix: facet focus ring styles #3481

Merged
merged 3 commits into from
Dec 18, 2024

Conversation

seanaery
Copy link
Contributor

Backports to 8.x three commits from main that together address accessibility problems with the current release-8.x; namely that facets are difficult to navigate via keyboard because of missing focus ring styles on the facet headers and mobile toggler button.

Before: Facet Header with Focus

Screenshot 2024-12-18 at 3 34 13 PM

After: Facet Header with Focus

Screenshot 2024-12-18 at 3 32 53 PM

Before: Show Facets Toggle with Focus

Screenshot 2024-12-18 at 3 34 25 PM

After: Show Facets Toggle with Focus

Screenshot 2024-12-18 at 3 33 13 PM

It's odd to use navbar-toggler for a button that doesn't exist in a .navbar.  This lead us to setting a bunch of properties we wouldn't need to set if we just use a .btn
@jcoyne jcoyne merged commit 8afe948 into release-8.x Dec 18, 2024
14 checks passed
@jcoyne jcoyne deleted the backport-facet-focus-ring branch December 18, 2024 20:55
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

Successfully merging this pull request may close these issues.

2 participants