-
Notifications
You must be signed in to change notification settings - Fork 165
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鈥檒l occasionally send you account related emails.
Already on GitHub? Sign in to your account
馃摎 Documentation: poor contrast focus indicators on buttons [a11y][TheA11y100] #276
Open
2 tasks done
Labels
documentation
Improvements or additions to documentation
Comments
I wouldlovetoworkonthis! Can you please assign this to me? |
Will you assign this one to me, please? Web Accessibility is my thing. Thanks. |
2 tasks
This needs some insight from the design team before I can assign someone 馃憤馃徎 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
馃挱 Description
Issue
Focus indicators on buttons are barely visible, the contrast with the background should be improved.
Why it matters
People navigating via keyboard rely on focus indicators to see where they are on the page. Without these it is easy to get lost when tabbing through the page.
Suggested fix
Focus indicators should have a contrast ratio with the background of at least 3:1.
Find a suitable colour using the WebAim colour contrast tool.
One colour that could work is #fd366ebb if needing to use opacity.
Relevant Success Criterion WCAG
WCAG focus visible
WCAG focus appearance
Additional Notes
Good first issue, needs fixing site-wide.
Found on stream on 2023-10-25
馃憖 Have you spent some time to check if this issue has been raised before?
馃彚 Have you read the Code of Conduct?
The text was updated successfully, but these errors were encountered: