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

Navigation lacks clear hover / focus interaction states #31

Open
alexgibson opened this issue Oct 6, 2023 · 0 comments
Open

Navigation lacks clear hover / focus interaction states #31

alexgibson opened this issue Oct 6, 2023 · 0 comments
Labels
a11y bug Something isn't working

Comments

@alexgibson
Copy link
Member

alexgibson commented Oct 6, 2023

STR:

  1. Open https://main--mozilla-rise25.netlify.app/
  2. Click "See the Winners"
  3. Hover over the category navigation links with a mouse, or tab to the links to focus them

Expected results:

Both hover and focus states should clearly indicate which link is selected.

Actual results:

We do get a mouse pointer change on hover, but it's not easy to spot. The links are also small and not so easy to click. Similarly, we get a default outline on focus, but it's very small and at the start / end items is also partially obscured.

@alexgibson alexgibson added bug Something isn't working a11y labels Oct 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant