search

appwrite / website

The Appwrite website, docs and blog 🏠
https://appwrite.io
213 stars 203 forks source link

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

Open GrahamTheDevRel opened 1 year ago

GrahamTheDevRel commented 1 year ago

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?

🏢 Have you read the Code of Conduct?

jasonetorres commented 1 year ago

I'll take it!

TorstenDittmann commented 1 year ago

This needs some insight from the design team before I can assign someone 👍🏻

jasonetorres commented 1 year ago

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