Level AAASince WCAG 2.2New in 2.2
2.4.13 Focus Appearance
Guideline 2.4: Navigable – People can find their way and always know where they are.
What does the rule require?
The focus indicator is large and strong enough: at least the size of a 2 pixel border around the element, with 3:1 contrast between focused and unfocused states.
How to get it right
A solid 3 pixel outline with a small offset and at least 3:1 contrast against the background behind it meets this.
Who benefits most?
- People with low vision
- People with motor disabilities
Official wording
This page explains the rule in simple words. Only the original W3C text is normative.
- “Understanding Focus Appearance” at W3C (external site)
- Techniques in the WCAG Quick Reference (external site)