WCAG AA vs. AAA: Welche Kontraststufe solltest du anpeilen?
Für den Farbkontrast definiert die WCAG zwei relevante Konformitätsstufen: AA und AAA. AA ist die Stufe, die die meisten Barrierefreiheitsgesetze verlangen, und das realistische Ziel für nahezu jede Website. AAA ist der erhöhte Standard für höchste Zugänglichkeit. Wer die genauen Werte kennt — und weiß, welche Stufe für ihn gilt —, gestaltet rechtssicher und tatsächlich lesbar.
| Aspekt | WCAG AA | WCAG AAA |
|---|---|---|
| Kontrast, normaler Text | Mindestens 4,5:1 | Mindestens 7:1 |
| Kontrast, großer Text | Mindestens 3:1 | Mindestens 4,5:1 |
| Bedienelemente / Grafiken | Mindestens 3:1 | 3:1 (unverändert) |
| Rechtlich gefordert? | Ja — in den meisten Regelwerken | Selten gefordert |
| Realistisch für die ganze Website | Ja | Für alle Inhalte schwer |
| Beste Verwendung | Standard für alle Websites | Kritische Inhalte mit hohem Anspruch |
Was AA verlangt
WCAG AA verlangt ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text (18 pt/24 px regulär oder 14 pt/~18,7 px fett). Auf diese Stufe beziehen sich die EU-Richtlinie über den barrierefreien Zugang, Section 508 in den USA, der britische Equality Act und die meisten Auslegungen des ADA.
AA ist auf einer ganzen Website erreichbar, ohne die Palette stark einzuschränken. Es ist das richtige Standardziel: Text bleibt für die große Mehrheit lesbar, auch bei mäßiger Sehschwäche oder Farbfehlsichtigkeit.
Was AAA hinzufügt
WCAG AAA hebt die Latte auf 7:1 für normalen und 4,5:1 für großen Text. Dieser zusätzliche Kontrast hilft Menschen mit stärkeren Seheinschränkungen, schränkt die möglichen Farbkombinationen aber deutlich ein — viele Markenfarben erreichen auf Weiß schlicht keine 7:1.
AAA ist selten flächendeckend gesetzlich gefordert. Das W3C selbst hält fest, dass AAA nicht für alle Inhalte erreichbar ist. Pragmatisch ist: überall AA erfüllen und AAA für die wichtigsten Texte anstreben — etwa zentrale Anleitungen, rechtliche Hinweise oder medizinische Angaben.
Welche Stufe solltest du anpeilen?
Für fast jedes Projekt gilt: durchgehend AA anpeilen und AAA als Zusatzziel für Fließtext behandeln, wo die Palette es hergibt. 7:1 im Fließtext anzustreben ist eine gute Angewohnheit, weil es Spielraum für unterschiedliche Bildschirme und Lichtverhältnisse lässt.
Am schnellsten bleibst du konform, wenn du jede Kombination aus Text und Hintergrund schon beim Gestalten prüfst. Ein Kontrast-Prüfer zeigt alle vier Schwellen auf einmal, sodass du sofort siehst, ob eine Kombination AA, AAA oder keines von beiden erfüllt.
Häufig gestellte Fragen
Ist WCAG AA oder AAA rechtlich vorgeschrieben?
AA ist die Stufe, auf die sich die meisten Barrierefreiheitsgesetze weltweit beziehen, darunter Section 508, die EU-Richtlinie über den barrierefreien Zugang und die ADA-Rechtsprechung. AAA ist gesetzlich selten gefordert und gilt als erhöhtes Ziel, nicht als Grundlinie.
Welches Kontrastverhältnis verlangt WCAG AA?
4,5:1 für normalen Text und 3:1 für großen Text (18 pt/24 px regulär oder 14 pt/~18,7 px fett). WCAG 2.1 verlangt zusätzlich 3:1 für Bedienelemente und bedeutungstragende Grafiken.
Warum darf großer Text weniger Kontrast haben?
Größere Buchstaben haben dickere Striche und mehr Fläche, bleiben also auch bei geringerem Kontrast lesbar. Die WCAG bildet das ab, indem sie für großen Text auf Stufe AA 3:1 statt 4,5:1 verlangt.
Sollte ich überall AAA anstreben?
Meist ist das unpraktisch — die 7:1 von AAA schließen viele Markenfarben aus. Ziel ist AA auf der ganzen Website, AAA gezielt für die wichtigsten Texte. AA verlässlich zu erfüllen ist deutlich wertvoller, als AAA uneinheitlich zu treffen.