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

Navigating to button using skip links breaks accessibility affordances #1189

Open
qjac opened this issue Jul 11, 2023 · 0 comments
Open

Navigating to button using skip links breaks accessibility affordances #1189

qjac opened this issue Jul 11, 2023 · 0 comments

Comments

@qjac
Copy link

qjac commented Jul 11, 2023

When you click the skip link, in addition to focusing the 'feedback' button, it removes visual focus styles (the outline is set to 0px). The user has no visual indicator that the feedback button is currently focused. And after tabbing away, the button is removed from tab order (sets tabindex=-1) and is no longer accessible via keyboard navigation.

Tabbing directly to the button or using a mouse click works as expected and keeps the button focusable and keeps focus styles intact.

skiplink-to-button

Screenshot of markup before using skip link to focus button:
before-skiplink

Screenshot of markup after using skip link to focus button:
after-skiplink

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant