Navigating to button using skip links breaks accessibility affordances
Opened this issue · 0 comments
qjac commented
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:
