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

No visible focus indicator on tabs #685

Closed
matteason opened this issue Sep 15, 2023 · 0 comments · Fixed by #690
Closed

No visible focus indicator on tabs #685

matteason opened this issue Sep 15, 2023 · 0 comments · Fixed by #690
Labels
bug Something isn't working

Comments

@matteason
Copy link

Version

@nuxt/ui: 2.8.1

Reproduction Link

https://ui.nuxt.com/navigation/tabs

Steps to reproduce

  1. Use the tab key to navigate to the tabs on the screen
  2. Observe that they have no visible focus state

What is Expected?

Like, other controls, tabs should have a visible focus state to indicate they're currently focussed. For example, buttons have a green ring:

Two green buttons, one with a green ring around it to show it has focus

What is actually happening?

There's no visible indication when the a tab has focus. This is an accessibility issue and apps using this component would fail WCAG 2.4.7 (Focus Visible)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant