Visible focus
Show a visible :focus-visible indicator on every interactive element.
Draft — not yet reviewed by a maintainer
Why it matters
Keyboard users need to see where they are. Removing the outline without a replacement leaves them navigating blind.
How to check it
Tab through at 1440 and 390: each stop shows an uncovered indicator at 3:1 contrast.
The default it guards against
outline: none in a global reset with no replacement, or a focus style that is only a faint colour change.
Library items that apply it
No library item applies this rule yet. Items list the rules they follow in their taste notes, and this page picks them up automatically.
Where it comes from
- WCAG 2.2 SC 2.4.7 Focus Visible (AA)
- WCAG 2.2 SC 2.4.11 Focus Not Obscured (Minimum) (AA)
- WCAG 2.2 SC 1.4.11 Non-text Contrast (AA)
Repository paths refer to the Tessli repository ; WCAG references are to WCAG 2.2.