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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

馃摎 Documentation: Buttons (links) on docs homepage do not have focus indicators [a11y][TheA11y100] #283

Open
2 tasks done
GrahamTheDevRel opened this issue Oct 26, 2023 · 3 comments
Labels
documentation Improvements or additions to documentation

Comments

@GrahamTheDevRel
Copy link

GrahamTheDevRel commented Oct 26, 2023

Issue

The buttons (links) for different technologies on the docs homepage do not have visible focus indicators.

Flutter link is focused, shown via DevTools with "focus", "focus-within" and "focus-visible" yet no focus indicator appears

Why it matters

People navigating via keyboard rely on focus indicators to make sure they do not get lost on the page.

Suggested fix

Add focus indicators. They should have at least a 3:1 contrast ratio.

Relevant Success Criterion WCAG

WCAG focus visible
WCAG focus appearance

Additional Notes

Issue 276 has suggestions for a focus indicator colour that could work, but please check with Appwrite before proceeding.

@jasonetorres was interested in fixing this one.

Found on stream on 2023-10-25

馃憖 Have you spent some time to check if this issue has been raised before?

  • I checked and didn't find similar issue

馃彚 Have you read the Code of Conduct?

@GrahamTheDevRel GrahamTheDevRel added the documentation Improvements or additions to documentation label Oct 26, 2023
@jasonetorres
Copy link
Contributor

I'll take it!

@TorstenDittmann
Copy link
Contributor

This needs some insight from the design team before I can assign someone 馃憤馃徎

@jasonetorres
Copy link
Contributor

@TorstenDittmann yeah @GrahamTheDevRel did mention there were a couple similar cases. I'd love to be involved so just lmk!

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

No branches or pull requests

3 participants