# WCAG 2.2 – 2.4.13 Focus Appearance

- Level: AAA
- Principle: 2 Operable
- Guideline: 2.4 Navigable
- Introduced in: WCAG 2.2

## What the rule requires

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

- People with low vision
- People with motor disabilities

## Sources

- [This rule on wcag.dehl.net](https://wcag.dehl.net/en/wcag/2-4-13/)
- [Interactive demo](https://wcag.dehl.net/en/demos/#focus)
- [Official W3C explanation](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance)
- [Techniques (WCAG Quick Reference)](https://www.w3.org/WAI/WCAG22/quickref/#focus-appearance)

_Plain-language explanation. Only the original W3C text is normative._