Skip to content

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

@GrahamTheDevRel

Description

@GrahamTheDevRel

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?

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentation

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions