You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
The text was updated successfully, but these errors were encountered:
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:
The text was updated successfully, but these errors were encountered: