WCAG AA vs. AAA: Welche Kontraststufe sollten Sie anstreben?
WCAG 2.2 definiert zwei Stufen für Textkontrast. AA ist die Stufe, auf die sich die meisten Barrierefreiheitsgesetze und -richtlinien beziehen; AAA ist eine erweiterte Stufe für Inhalte, die für möglichst viele Menschen lesbar sein müssen.
Die Schwellenwerte im Überblick
| Inhalt | AA (Minimum) | AAA (erweitert) |
|---|---|---|
| Normaler Text | 4,5:1 | 7:1 |
| Großer Text (≥ 24 px oder ≥ 18,66 px fett) | 3:1 | 4,5:1 |
| UI-Komponenten & Grafiken (EK 1.4.11) | 3:1 | Keine eigene AAA-Stufe |
Die Textkriterien sind EK 1.4.3 Kontrast (Minimum) für AA und EK 1.4.6 Kontrast (erweitert) für AAA. Logos, rein dekorativer Text und deaktivierte Bedienelemente sind ausgenommen.
Was gilt als „großer Text“?
WCAG definiert großen Text als mindestens 18 Punkt normal oder 14 Punkt fett. Im Web gilt 1 pt = 1,333 px, das entspricht also etwa 24 px normal oder 18,66 px fett. Der meiste Fließtext (14–18 px) ist normaler Text und muss den strengeren Schwellenwert erfüllen.
Beispiele
Klicken Sie auf ein Beispiel, um es im Checker zu öffnen.
Welche Stufe sollten Sie anstreben?
- Überall mindestens AA. Die ADA-Leitlinien in den USA, Section 508, EN 301 549 und der European Accessibility Act verweisen alle auf WCAG-Stufe AA. Wer AA verfehlt, geht ein echtes Compliance-Risiko ein.
- AAA für lange Lesetexte. Artikel, Dokumentation sowie Inhalte von Behörden und aus dem Gesundheitswesen profitieren von Fließtext mit 7:1 – besonders für ältere Lesende und Menschen mit Sehbehinderung.
- AAA nicht für die ganze Website vorschreiben. Das W3C selbst weist darauf hin, dass AAA nicht für alle Inhalte erreichbar ist. Betrachten Sie es als Ziel für den Haupttext, nicht als Hindernis für Markenfarben in großen Überschriften.
- Nicht-Text-Kontrast nicht vergessen. Eingabefeldrahmen, Fokusindikatoren und bedeutungstragende Icons brauchen 3:1 zu angrenzenden Farben – auch wenn Ihr Text besteht.
Prüfen Sie Ihre Farben
Fügen Sie Ihre Palette in den ContrastCheck Farbkontrast-Checker ein und sehen Sie sofort die AA- und AAA-Ergebnisse. Fällt eine Kombination durch, schlägt er die nächstgelegene Helligkeitsanpassung vor, die besteht.