Not sure where to start?
Start with a free analysis of your website's accessibility.
GET STARTEDDigital Accessibility Index: Learn where the world’s leading brands fall short on accessibility.
See ReportProvide some sort of visual indicator to indicate which element has the keyboard focus. If the browser provides a default presentation, do not use styles to remove it. (You may replace it with a different presentation more in keeping with your site design)
2.4.7 Focus Visible: Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible. (Level AA)
:focus
CSS pseudo element to indicate which element has the user focus.onfocus
and onblur
event handlers to add style treatments, for browsers that do not support the :focus
pseudo element natively.