WCAG-Konformität: Was die Stufen A, AA und AAA wirklich verlangen

In Ausschreibungen, Angeboten und Gesetzestexten taucht immer dieselbe Formulierung auf: die Website muss „WCAG-konform“ sein. Was sich hinter diesen vier Buchstaben verbirgt, welche der drei Stufen A, AA und AAA Sie wirklich brauchen und wie Sie dorthin kommen, klärt dieser Ratgeber. Vorab die kurze Antwort: Für fast alle Unternehmen ist Stufe AA der Maßstab, denn genau darauf verweisen das Barrierefreiheitsstärkungsgesetz (BFSG) und der European Accessibility Act. Und weil Theorie ohne Befund wenig nützt, können Sie Ihre Website direkt hier prüfen, bevor Sie weiterlesen.

Was WCAG-Konformität wirklich bedeutet

Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Web-Inhalte, herausgegeben vom World Wide Web Consortium (W3C). Sie übersetzen ein großes Ziel, nämlich Websites für Menschen mit Seh-, Hör-, Motorik- oder kognitiven Einschränkungen nutzbar zu machen, in konkrete, prüfbare Anforderungen. Diese Anforderungen heißen Erfolgskriterien. Die aktuelle Fassung WCAG 2.2 umfasst 86 solcher Kriterien, verteilt auf drei Stufen: 31 auf Stufe A, weitere 24 auf Stufe AA und 31 auf Stufe AAA.

Konformität ist dabei kein Gefühl und keine Selbsteinschätzung, sondern eine klare Regel: Eine Seite ist erst dann konform mit einer Stufe, wenn sie jedes einzelne Kriterium dieser Stufe und aller darunterliegenden Stufen erfüllt. AA-Konformität heißt also: alle 31 A-Kriterien plus alle 24 AA-Kriterien, zusammen 55. Ein einziger echter Verstoß reicht, und die Seite ist formal nicht mehr konform. Genau deshalb lohnt sich ein systematisches Vorgehen statt punktueller Kosmetik.

WCAG, BITV, EN 301 549: die Begriffe sauber sortiert

Rund um die Barrierefreiheit kursieren viele Kürzel, die oft durcheinandergeworfen werden. Dabei ist die Hierarchie einfacher, als sie wirkt. Die WCAG sind der technische Kern, alles andere sind rechtliche Rahmen, die auf diesen Kern verweisen.

Für die Praxis heißt das: Wer die WCAG auf Stufe AA erfüllt, hat den technischen Teil aller genannten Regelwerke abgedeckt. Die Unterschiede liegen im Drumherum, etwa bei Meldepflichten, Erklärungen und Zuständigkeiten, nicht bei den eigentlichen Anforderungen an Ihre Website.

Die drei Konformitätsstufen: A, AA und AAA

Die Stufen bauen aufeinander auf wie Etagen eines Hauses. Jede höhere Stufe schließt alle darunter ein. Die Tabelle zeigt den Überblick, danach schauen wir uns jede Stufe einzeln an.

Stufe A: das Fundament

Stufe A umfasst die Kriterien, ohne die eine Website für bestimmte Gruppen schlicht unbenutzbar ist. Dazu gehören Alternativtexte für Bilder, die vollständige Bedienbarkeit per Tastatur, Untertitel für aufgezeichnete Videos und der Verzicht auf Inhalte, die nur über Farbe verständlich sind. Wer hier durchfällt, sperrt Besucher komplett aus. Stufe A allein gilt deshalb nirgendwo als ausreichend, sie ist die Eintrittskarte.

Stufe AA: der gesetzliche Standard

Stufe AA ergänzt das Fundament um Anforderungen, die den Alltag der meisten Nutzer betreffen: ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text, Überschriften und Beschriftungen, die ihren Zweck beschreiben, sichtbarer Tastaturfokus, Texte, die sich auf 200 Prozent vergrößern lassen, und eine konsistente Navigation. Wenn ein Gesetz, ein Auftraggeber oder eine Ausschreibung „WCAG-Konformität“ verlangt, ist praktisch immer diese Stufe gemeint.

Stufe AAA: die Kür

Stufe AAA verschärft viele Anforderungen noch einmal deutlich, etwa auf ein Kontrastverhältnis von 7:1 oder Gebärdensprachvideos für Audioinhalte. Das W3C selbst sagt, dass AAA nicht für ganze Websites als Ziel geeignet ist, weil manche Inhalte diese Stufe gar nicht erfüllen können. Sinnvoll ist es, einzelne AAA-Kriterien gezielt mitzunehmen, wo es wenig kostet, zum Beispiel großzügige Kontraste im eigenen Designsystem.

Drei Missverständnisse, die teuer werden können

• „Wir sind zu 90 Prozent konform.“ Diese Aussage klingt gut, existiert in den WCAG aber nicht. Konformität ist binär: Eine Stufe ist erfüllt oder nicht. Sinnvoller ist die Formulierung, wie viele Kriterien noch offen sind und welche.
• „Unsere Agentur hat das damals barrierefrei gebaut.“ Der Zustand von damals sagt nichts über heute. Jedes Content-Update, jedes neue Plugin und jedes Redesign kann Barrieren einführen. Konformität hat ein Ablaufdatum, wenn niemand nachprüft.
• „AAA ist besser, also nehmen wir das als Ziel.“ Gut gemeint, aber unrealistisch und nirgendwo gefordert. Wer AAA als Gesamtziel ausruft, verbrennt Budget an Stellen mit wenig Wirkung, statt erst einmal sauber AA zu erreichen.

Die vier Prinzipien hinter allen Kriterien

Alle 86 Kriterien folgen vier Prinzipien, im Englischen als POUR abgekürzt. Wer sie versteht, kann auch Situationen bewerten, für die es kein wörtliches Kriterium gibt:

• Wahrnehmbar: Informationen müssen so präsentiert werden, dass alle Sinne sie erreichen können. Bilder brauchen Text-Alternativen, Videos Untertitel, Farben ausreichenden Kontrast.
• Bedienbar: Jede Funktion muss ohne Maus erreichbar sein, Nutzer brauchen genug Zeit, und nichts darf Anfälle auslösen. Die Tastatur ist hier der härteste und ehrlichste Test.
• Verständlich: Sprache, Aufbau und Verhalten der Seite müssen vorhersehbar sein. Formulare erklären ihre Fehler, Navigation bleibt über alle Seiten konsistent.
• Robust: Der Code muss so sauber sein, dass Browser und assistive Technologien wie Screenreader ihn zuverlässig interpretieren können, heute und in künftigen Versionen.

Neu in WCAG 2.2: neun Kriterien, ein Wegfall

WCAG 2.2 ist seit Oktober 2023 der offizielle Stand und bringt neun neue Erfolgskriterien mit, davon sechs auf den Stufen A und AA. Sie zielen vor allem auf Menschen mit motorischen und kognitiven Einschränkungen und sind erfreulich praxisnah:

• Konsistente Hilfe (A): Hilfe-Angebote wie Kontakt oder Chat stehen auf jeder Seite an derselben Stelle.
• Redundante Eingaben (A): Bereits eingegebene Daten müssen im selben Prozess nicht erneut eingetippt werden.
• Fokus nicht verdeckt (AA): Der Tastaturfokus darf nicht hinter Cookie-Bannern oder Sticky-Headern verschwinden.
• Ziehbewegungen (AA): Alles, was per Drag-and-drop geht, braucht eine Alternative mit einfachen Klicks.
• Zielgröße (AA): Klickflächen sind mindestens 24 mal 24 Pixel groß oder haben genug Abstand zueinander.
• Barrierefreie Authentifizierung (AA): Logins verlangen keine Merk- oder Transkriptionsleistung, Passwort-Manager und Einfügen müssen funktionieren.

Woran Websites wirklich scheitern

Wie groß die Lücke zwischen Anspruch und Realität ist, zeigt die WebAIM-Million-Studie, die jedes Jahr die Startseiten der eine Million meistbesuchten Websites prüft. Ergebnis 2026: durchschnittlich 56 automatisch erkennbare Verstöße pro Startseite, Tendenz steigend. Bemerkenswert dabei: 96 Prozent aller gefundenen Fehler stammen aus nur sechs Kategorien, und es sind seit sieben Jahren dieselben:

1. Zu geringer Textkontrast auf 83,9 Prozent der Startseiten, der mit Abstand häufigste Verstoß
2. Fehlende Alternativtexte für Bilder auf 53,1 Prozent der Seiten
3. Formularfelder ohne Beschriftung auf 51 Prozent
4. Leere Links ohne erkennbares Ziel auf 46,3 Prozent
5. Leere Buttons ohne Namen auf 30,6 Prozent
6. Fehlende Sprachangabe im Dokument auf 13,5 Prozent

Die gute Nachricht steckt in derselben Statistik: Genau diese sechs Fehlerklassen sind maschinell zuverlässig auffindbar und gehören zu den am schnellsten behebbaren überhaupt. Wer sie systematisch abräumt, erledigt den Großteil der sichtbaren Verstöße.

Warum sich Konformität doppelt auszahlt

Barrierefreiheit wird gern als reine Pflichtübung behandelt. Das unterschätzt sie gewaltig. In Deutschland leben rund 7,9 Millionen Menschen mit einer anerkannten Schwerbehinderung, europaweit hat etwa jeder vierte Erwachsene eine Beeinträchtigung, die die Nutzung digitaler Angebote erschweren kann. Dazu kommen ältere Nutzer, Menschen mit temporären Einschränkungen wie einem gebrochenen Arm und alle, die eine Website bei grellem Sonnenlicht auf dem Handy bedienen. Wer Barrieren abbaut, öffnet sein Angebot für zahlende Kunden, die die Konkurrenz aussperrt.

Der zweite Gewinn ist Sichtbarkeit: Viele WCAG-Anforderungen decken sich fast wörtlich mit dem, was Suchmaschinen belohnen. Saubere Überschriften-Struktur, aussagekräftige Linktexte, Alternativtexte für Bilder, korrekte Sprachangaben und schnelle, robuste Seiten helfen Screenreadern und Google-Crawlern gleichermaßen. Ein Teil Ihres Konformitäts-Aufwands ist also verkappte Suchmaschinenoptimierung, die Sie ohnehin bezahlen würden.

In sechs Schritten zur WCAG-Konformität

Der Weg zur Konformität folgt immer demselben Muster, unabhängig davon, ob Sie einen kleinen Firmenauftritt oder einen großen Shop betreiben. Entscheidend ist die Reihenfolge: erst messen, dann gezielt beheben, statt blind irgendwo anzufangen.

1. Ist-Zustand messen: Starten Sie mit einem automatischen Scan Ihrer wichtigsten Seiten. Er findet die maschinell erkennbaren Verstöße, zeigt Fundstellen im Code und gibt Ihnen eine ehrliche Ausgangsbasis samt Priorisierung.
2. Fehler priorisieren: Beheben Sie zuerst A-Verstöße, dann AA. Und denken Sie in Vorlagen statt in Einzelseiten: Ein korrigiertes Navigations-Template repariert jede Seite, die es nutzt.
3. Systematisch beheben: Kontraste im Designsystem anheben, Alternativtexte ergänzen, Formularfelder beschriften, Linktexte aussagekräftig machen, Tastaturfokus sichtbar halten. Jeder Punkt ist Handwerk, keiner ist Hexerei.
4. Manuell gegentesten: Automatische Prüfungen finden viele, aber nicht alle Verstöße. Bedienen Sie Ihre Website einmal komplett ohne Maus, vergrößern Sie auf 200 Prozent und hören Sie sich zentrale Seiten mit einem Screenreader an.
5. Barrierefreiheitserklärung veröffentlichen: Dokumentieren Sie den Stand der Konformität, bekannte Ausnahmen und einen Feedback-Weg. Für viele Anbieter ist diese Erklärung ohnehin Pflicht.
6. Dranbleiben: Jedes Update, jeder neue Inhalt kann neue Barrieren einbauen. Ein regelmäßiger automatischer Check hält den Stand, den Sie sich erarbeitet haben.

• Alle Bilder haben passende Alternativtexte oder ein leeres alt-Attribut, wenn sie dekorativ sind
• Normaler Text erreicht mindestens ein Kontrastverhältnis von 4,5:1
• Jede Funktion ist ohne Maus erreichbar und der Fokus ist immer sichtbar
• Formularfelder haben programmatisch verknüpfte Beschriftungen und verständliche Fehlermeldungen
• Links und Buttons beschreiben ihr Ziel, kein „hier klicken“
• Die Seite trägt eine korrekte Sprachangabe im HTML
• Inhalte funktionieren bei 200 Prozent Zoom ohne horizontales Scrollen
• Videos haben Untertitel, Audio-Inhalte eine Textalternative

Richtig prüfen: automatisch, manuell und mit echten Nutzern

Ein weit verbreitetes Missverständnis lautet: „Der Scanner findet keine Fehler mehr, also sind wir konform.“ So einfach ist es leider nicht. Automatische Prüfungen erkennen die messbaren Kriterien zuverlässig, also Kontraste, fehlende Alternativtexte, unbeschriftete Felder, Sprachangaben und ähnliche Klassiker. Ob ein Alternativtext aber inhaltlich sinnvoll ist, ob die Tab-Reihenfolge logisch wirkt oder ob eine Fehlermeldung wirklich weiterhilft, kann nur ein Mensch beurteilen.

Die sinnvolle Arbeitsteilung sieht so aus: Der automatische Scan läuft zuerst und regelmäßig, weil er schnell, günstig und wiederholbar ist und den Großteil der Verstöße aufdeckt. Danach folgt der manuelle Kurztest, den jedes Team selbst schafft: die komplette Seite nur mit der Tastatur bedienen, den Zoom auf 200 Prozent stellen, zentrale Abläufe mit einem kostenlosen Screenreader wie NVDA anhören. Für kritische Anwendungen, etwa einen Checkout oder ein Kundenportal, lohnt sich zusätzlich ein Test mit betroffenen Nutzern oder ein externes Audit. Diese Reihenfolge spart Geld: Je mehr der Scan vorab abräumt, desto weniger Zeit verbrennt der teure manuelle Teil mit Offensichtlichem.

Konformität belegen: Erklärung und laufender Nachweis

Konform zu sein ist die eine Hälfte, es belegen zu können die andere. Das zentrale Instrument dafür ist die Barrierefreiheitserklärung: eine öffentliche Seite, die den Konformitätsstand beschreibt, bekannte Einschränkungen ehrlich benennt und einen Kontaktweg für Barriere-Meldungen anbietet. Sie zeigt der Marktüberwachung, Kunden und Auftraggebern, dass Sie das Thema im Griff haben. Dazu gehört ein aktueller Prüfstand, denn eine Erklärung auf Basis eines zwei Jahre alten Audits überzeugt niemanden. Wer Prüfung, Behebung und Erklärung als laufenden Prozess versteht statt als einmaliges Projekt, bleibt dauerhaft auf der sicheren Seite.

Häufige Fragen zur WCAG-Konformität

WCAG-Konformität ist kein Hexenwerk, sondern eine Abfolge gut verstandener Handgriffe: messen, priorisieren, beheben, testen, erklären, dranbleiben. Den ersten Schritt können Sie in den nächsten zwei Minuten machen, der Scan oben auf dieser Seite wartet schon.