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

Refactors trln/local toggle for accessibility. Fixes TD-1403. #484

Merged
merged 1 commit into from
Dec 18, 2024

Conversation

seanaery
Copy link
Collaborator

  • Removes label element, not appropriate for buttons so WAVE flags as violation
  • Reduces CSS complexity by using flexbox & BS5 styles
  • Improves keyboard accessibility; focus ring now surrounds focused button
  • Makes the element look more like a connected toggle, esp. when vertically stacked
  • Removes unused cruft
  • Restyles so the present scope is gray and the scope you can toggle to looks like a link (was backward before)

Before

Screenshot 2024-12-17 at 11 53 07 AM Screenshot 2024-12-17 at 11 53 54 AM Screenshot 2024-12-17 at 11 57 05 AM

After

Screenshot 2024-12-17 at 11 53 16 AM Screenshot 2024-12-17 at 11 54 04 AM

- Removes label element, not appropriate for buttons so WAVE flags as violation
- Reduces CSS complexity by using flexbox & BS5 styles
- Improves keyboard accessibility; focus ring now surrounds focused button
- Makes the element look more like a connected toggle, esp. when vertically stacked
- Removes unused cruft
- Restyles so the present scope is gray and the scope you can toggle to looks like a link (was backward before)
@kazymovae kazymovae merged commit a5d6092 into Blacklight-8 Dec 18, 2024
8 checks passed
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