search

tsdataclinic / scout

Scout is a data discovery tool to explore open data portals worldwide.
https://scout.tsdataclinic.com
Apache License 2.0
33 stars 12 forks source link

Focus Visible Failures #306

Closed Detroit-the-Dev closed 2 years ago

Detroit-the-Dev commented 2 years ago

Describe the bug Keyboard users who use the tab key to navigate through page aren't able to see which dataset they are focused on on the page. The elements ARE focused but not visibly; updated to include outline for visual tracking.

To Reproduce Steps to reproduce the behavior:

  1. Go to: https://scout.tsdataclinic.com/explore/NYC
  2. Advance through screen using Tab key to 1st dataset link.
  3. Unable to see where I was on the page as there's no outline to indicate focus.
  4. Added outline to dataset link to allow for visual tracking of focused element.

Expected behavior User should be able to see where their tab focus is when navigating through the page.

Screenshots If applicable, add screenshots to help explain your problem.

Before Dataset Link Outline

Dataset Link With Outline

Additional context Add any other context about the problem here.