Home › Knowledge base › WCAG criterion
Visible focus per WCAG 2.4.7
Anyone navigating with the keyboard must see at all times which element has focus. An outline: none without a replacement breaches criterion 2.4.7.
Common mistakes
*:focus { outline: none } in the reset CSS without a replacement, a focus style with too low a contrast, or a focus ring hidden by the next element.
How to do it right
Use :focus-visible (shows the ring only on keyboard use), at least 2 px, clear contrast, a little spacing (outline-offset). The ring may stay visible even if it is disruptive — it just cannot be absent.
How a11yglass helps
The free scan checks the delivered HTML and CSS for automatically recognisable WCAG breaches, and names per finding the success criterion and a concrete step. It finds roughly 20–35% of issues and does not replace a full assessment.
Read on
General information to the best of our knowledge, not legal advice. For an individual case, contact a law firm specialising in IT law.