# WCAG 2.2 – 2.4.7 Focus Visible

- Level: AA
- Principle: 2 Operable
- Guideline: 2.4 Navigable
- Introduced in: WCAG 2.0

## What the rule requires

You can always see which element has keyboard focus. Without a visible focus, using a keyboard is like using a mouse without a pointer.

## How to get it right

Never remove outline without a replacement. Design focus on purpose: :focus-visible { outline: 3px solid; outline-offset: 3px; }

## Who benefits

- People with motor disabilities
- People with low vision

## Sources

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

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