Navigating to button using skip links breaks accessibility affordances
- Dominant language
- JavaScript
- Stars
- 67
- Forks
- 37
- Avg merge
- 2d 12h
- Merged PRs (30d)
- 5
Description
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.
Screenshot of markup before using skip link to focus button:
Screenshot of markup after using skip link to focus button:
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.