Understanding SC 2.4.13 Focus Appearance (W3C WCAG)

Quelle / bibliografische Angaben

W3C WAI: „Understanding SC 2.4.13 Focus Appearance (Level AAA)“, Teil von Understanding WCAG 2.2.

URL: https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance.html, abgerufen 2026-10-18 (über Firecrawl)
Datum: auf der abgerufenen Seite nicht angegeben
Ausgewertet: Kriterium, Intent, Abschnitt „Minimum area“

Legt fest, wie groß und kontrastreich ein Fokusindikator mindestens sein muss.

Der Indikator muss mindestens so viel Fläche haben wie ein 2 CSS-Pixel dicker Rahmen um das unfokussierte Element.
Zwischen fokussiertem und unfokussiertem Zustand müssen dieselben Pixel mindestens 3:1 Kontrast haben.
Ausnahmen: Der Browser bestimmt den Indikator und er lässt sich nicht anpassen, oder die Website verändert weder Indikator noch dessen Hintergrund.
Am einfachsten erfüllt man das mit einem durchgehenden, 2 CSS-Pixel dicken Rahmen. Vorgeschrieben ist diese Form aber nicht.
Schatten- und Glow-Effekte außerhalb der Komponente zählen nicht zum Umriss der Komponente.

AAA ist für die meisten Projekte keine Pflicht, die Zahlen sind aber eine brauchbare Messlatte: mindestens 2px, mindestens 3:1.