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

bug(Button): Firefox accessibility tree error on tertiary variant #3197

Open
tujoworker opened this issue Jan 9, 2024 · 0 comments
Open
Labels
discussion Good for discussion

Comments

@tujoworker
Copy link
Member

As seen above:

Screenshot 2024-01-09 at 12 45 23

It only is an issue displayed in the FF a11y tree. Axe nor Chrome dev tools do show anything about it.


There are two issues, the yellow and the red:

  1. The red is cause by the usage of :after, which is again implemented via buttonFocusRing.
  2. While the yellow is caused by outline: none;

Both are only throwing, as long as the code is wrapped inside :focus-visible (@include focus-visible). When using @include focus, the issue is not present anymore.

The code above is inside button--tertiary.scss.


I assume that it is not a real issue. But to be sure, we should check with VoiceOver and NVDA. But my assumption is that it reports a potential "visual" issue.

@tujoworker tujoworker added the discussion Good for discussion label Jan 9, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
discussion Good for discussion
Development

No branches or pull requests

1 participant