AA oder AAA: Welches Level solltest du anstreben?

Stell zwei Versionen derselben Dokumentationsseite nebeneinander — die linke erfüllt den WCAG-AA-Kontrast, die rechte AAA. Auf den ersten Blick sind sie fast Zwillinge: die Überschriften stimmen überein, das Layout stimmt überein. Sieh genauer hin, und der Fließtext der rechten Seite ist dunkler, ihre Bildunterschriften haben ihre hellgraue Zurückhaltung verloren, und die markenblauen Links sind zu Marineblau vertieft. Ob diese zweite Seite ein Fortschritt oder ein Preis ist, hängt ganz davon ab, wofür die Seite da ist — und das ist die eigentliche Frage hinter den Stufen.

Strebe AA an — 4,5:1 für Fließtext, 3:1 für großen Text und UI-Komponenten — als Untergrenze für alles: Das ist es, was Gesetze und Verträge mit „WCAG-konform“ meinen. Behandle AAA-Kontrast — 7:1 für Fließtext, 4,5:1 für großen Text — als selektive Aufwertung für leseintensive Oberflächen statt als seitenweites Ziel; das W3C selbst rät davon ab, AAA über ganze Websites hinweg zu verlangen. Der Rest dieses Beitrags aus unserem Kontrast-Leitfaden ist die Entscheidung: was jede Stufe kostet, was sie übersteht und wo sich AAA wirklich lohnt.

Was bedeuten A, AA und AAA eigentlich?

Die drei Buchstaben sind kumulative Konformitätsstufen: Jede Stufe schließt alles darunter ein, und jedes WCAG-Erfolgskriterium ist genau einer Stufe zugeordnet. Speziell für Kontrast tragen zwei Kriterien die Zahlen. Bei AA verlangt „Kontrast (Minimum)“ 4,5:1 für normal großen Text und 3:1 für großen Text — ab 24px normal, ab 18,66px fett. Bei AAA hebt Kontrast (verbessert) die Untergrenzen auf 7:1 für normalen Text und 4,5:1 für großen an. Zwei Ankerpunkte machen die Stufen konkret: Auf Weiß ist das hellste Grau, das AA-Fließtext besteht, #767676 (≈4,5:1); um AAA zu bestehen, muss dasselbe Grau auf ≈#595959 (≈7,0:1) abdunkeln.

Konformität wird pro Kriterium beansprucht, nicht nach Gefühl — ein Produkt kann das AA-Kontrastkriterium überall erfüllen und das AAA-Kriterium in seiner Leseansicht, und zu sagen „wir sind AAA“ beansprucht weit mehr als nur Kontrast.

Warum ist AA die Standardantwort?

Weil AA das ist, was die Außenwelt meint, wenn sie WCAG sagt. Die Normenkette des European Accessibility Act läuft über EN 301 549 zu WCAG 2.1 Stufe AA; die US-Praxis unter dem ADA und Section 508 verweist auf dieselbe Stufe; Beschaffungs-Checklisten und Vertragsklauseln, die „WCAG-konform“ sagen, meinen AA, sofern sie nichts anderes angeben. AAA taucht in Vorschriften praktisch nirgends als pauschale Anforderung auf. AA ist also nicht die zaghafte Wahl — es ist die Stufe, auf die das gesamte Compliance-Ökosystem geeicht ist, und sie vollständig zu erfüllen ist mehr, als viele ausgelieferte Produkte schaffen.

Warum rät das W3C von pauschalem AAA ab?

Diese Haltung stammt aus der Norm selbst, und es lohnt sich, den Kern zu zitieren: Die Konformitäts-Leitlinien des W3C besagen, dass es nicht empfohlen wird, AAA als allgemeine Richtlinie für ganze Websites zu verlangen, weil manche Inhalte nicht alle AAA-Kriterien erfüllen können. Beim Kontrast ist der ehrliche Preis der Spielraum in der Palette — und er lässt sich berechnen statt behaupten.

Auf weißem Hintergrund lässt die AA-Untergrenze für Fließtext jedes Grau bis hinunter zu #767676 zu. Die AAA-Untergrenze endet bei ≈#595959. Das Band dazwischen — Grautöne von #595959 bis #767676 — ist genau der Bereich, den Paletten für Sekundärtext, Bildunterschriften, Platzhalter und Zeitstempel nutzen: sichtbar, aber zurückhaltend. Bei AAA ist dieses gesamte Mittelton-Band für normal großen Text tabu, was bedeutet, dass die Palette ihr wichtigstes Werkzeug für typografische Hierarchie unterhalb der Größenschwelle verliert. Feinheit wird genau dort schwieriger, wo sie ihre Arbeit tut.

Markenfarben mittlerer Helligkeit ergeht es schlechter: Sie fallen ganz aus der Fließtext-Nutzung heraus. Das Markenblau #2563eb besteht AA auf Weiß mit ≈5,2:1, verfehlt aber 7:1; selbst einen vollen Schritt abgedunkelt zu #1D4ED8 erreicht es nur ≈6,7:1. Der Farbton kehrt erst um #1E40AF (≈8,7:1) herum in die Fließtext-Legalität zurück — ein Marineblau, das sichtbar nicht mehr die Markenfarbe ist. Unter AAA ist farbiger Fließtext größtenteils eine geschlossene Kategorie.

Was übersteht beide Ziele?

Dieselben fünf Textrollen auf Weiß, gegen beide Untergrenzen geprüft — jede Zahl berechnet:

Vier der fünf Rollen müssen abgedunkelt werden, und die Korrekturen ballen sich: Sekundär-, gedämpfter und Primärtext landen zusammengedrängt in einem schmalen dunklen Band, sodass der visuelle Abstand, der einst drei Textstufen trennte, jetzt zwischen #4B5563 und #111827 passen muss. Die Hierarchie überlebt, aber mit weniger Raum zum Atmen — und die beiden farbigen Rollen verschieben sich weit genug, um als andere Farben gelesen zu werden, was ein Marken-Thema ist, nicht nur ein Kontrast-Thema.

Öffne diese Palette bei beiden Zielen in Scale Composer — dieselben Rollen zweimal abgeleitet, AA neben AAA, jedes Verhältnis bei der Ableitung berechnet und die Rollen, die die höhere Untergrenze verfehlen, neu abgeleitet, um sie zu erreichen.

Wann lohnt sich AAA-Kontrast?

Drei Situationen kommen wieder vor. Leseintensive Produkte — Dokumentation, Nachrichten, E-Reader, Langtext jeder Art — wo Nutzer anhaltend Zeit im Fließtext verbringen und die Begründung des Kriteriums (Lesende mit mäßig eingeschränktem Sehvermögen, etwa 20/80, die ohne assistive Technik lesen) reale Nutzer in realem Umfang beschreibt. Zielgruppen, die älter oder sehschwach sind: Die Kontrastempfindlichkeit nimmt mit dem Alter ab, sodass ein Produkt für Rentner genau die Bevölkerungsgruppe bedient, für die 7:1 geeicht ist. Behörden und Gesundheitsdienste, wo die Zielgruppe per Definition alle sind und die Leitlinien mehrerer Länder ohnehin schon über die Mindestwerte hinausgehen.

Und in jedem Fall selektiv. Die kohärente Haltung ist Fließtext bei 7:1, während UI-Chrome, Bildunterschriften und Bedienelemente bei AA bleiben — Lesekomfort dort, wo gelesen wird, Palettenspielraum dort, wo nicht. Das ist eine Entscheidung pro Ableitung, kein seitenweiter Schalter: In Scale Composer ist die Untergrenze pro Ziel wählbar, sodass eine Leseoberfläche gegen AAA abgeleitet werden kann, während der Rest des Produkts bei AA bleibt.

Wie sieht die pragmatische Leiter aus?

Drei Sprossen, der Reihe nach:

1. AA überall, wirklich erfüllt. Jede Textrolle, jede Oberfläche, beide Themes — geprüft statt angenommen. Das ist die Compliance-Latte und für sich schon eine echte Leistung.
2. AAA für Fließtext, wo Lesen das Produkt ist. Die Artikelansicht, die Doku-Seite, der Lesemodus — bewusst aufgewertet, mit den abgedunkelten Rollen aus der Tabelle oben.
3. prefers-contrast für den Rest. Nutzer, die überall mehr Kontrast brauchen, können das signalisieren; ein prefers-contrast: more-Stylesheet, das die AAA-abgeleiteten Textrollen einwechselt, bedient sie, ohne allen den Preis aufzuzwingen.

Die Leiter investiert Aufwand dort, wo die Evidenz liegt: Untergrenzen für alle, Verbesserung dort, wo sich das Lesen konzentriert, Nutzerwahl für den Long Tail.

Probiere beide Ziele an derselben Palette

Der Preis von 7:1 lässt sich am leichtesten an deinen eigenen Farben beurteilen, nicht an unserer Tabelle. Leite deine Palette bei AA ab, dann kipp das Ziel auf AAA — die Rollen, die die höhere Untergrenze verfehlen, werden an Ort und Stelle dunkler neu abgeleitet, und du siehst genau, welche deiner Farben überleben und welche als Marineblau zurückkommen.