Was Ihre Website nach WCAG 2.1 und 2.2 erfüllen muss

Die WCAG sind die weltweiten Richtlinien für barrierefreie Websites. Gesetzlich gefordert ist in Deutschland die mittlere Stufe AA der WCAG 2.1, festgelegt über die europäische Norm EN 301 549. Sie müssen die Richtlinie nicht auswendig kennen, aber ihre Logik verstehen: vier Prinzipien, drei Stufen, ein klares Ziel. Dieser Artikel erklärt beides ohne Fachjargon, damit Sie wissen, was Ihre Unternehmenswebsite konkret erfüllen muss.

WCAG, BFSG und EN 301 549: Wie hängt das zusammen?

Drei Abkürzungen begegnen Ihnen beim Thema Barrierefreiheit immer wieder. Sie klingen kompliziert, beschreiben aber nur eine einfache Kette: eine fachliche Grundlage, eine europäische Norm und ein deutsches Gesetz.

Die drei Begriffe kurz erklärt

• WCAG: Die Web Content Accessibility Guidelines des W3C sind die internationale fachliche Grundlage. Sie beschreiben in den Versionen 2.1 und 2.2, wie barrierefreie Webinhalte technisch gestaltet sein müssen.
• EN 301 549: Die europäische Norm macht die WCAG für Europa verbindlich und ergänzt sie um eigene Punkte. Für Webinhalte übernimmt sie die WCAG-Kriterien bis einschließlich Stufe AA.
• BFSG: Das Barrierefreiheitsstärkungsgesetz ist das deutsche Gesetz, das diese Vorgaben umsetzt. Es verpflichtet seit dem 28. Juni 2025 viele Unternehmen mit digitalen Produkten und Dienstleistungen für Verbraucher zur Barrierefreiheit.

Für Sie heißt das: Egal über welchen Weg Sie zur Pflicht kommen, der praktische Maßstab ist am Ende immer WCAG 2.1 Stufe AA. Diese Logik ist kein deutscher Sonderweg. Auch der European Accessibility Act und das US-amerikanische Section 508 stützen sich auf dieselben WCAG-Kriterien.

Welche Bußgelder bei Verstößen drohen

Wer gegen das BFSG verstößt, riskiert nicht nur Abmahnungen, sondern auch Bußgelder. Je nach Verstoß sieht das Gesetz Bußgelder von bis zu 100.000 Euro vor. Diese Pflicht ist allerdings nur die eine Seite. Die andere ist Reichweite, denn in Deutschland leben 7,9 Millionen Menschen mit anerkannter Schwerbehinderung, das sind 9,3 Prozent der Bevölkerung.

Was ist die WCAG und warum betrifft sie Ihr Unternehmen?

Was bedeutet WCAG?

WCAG steht für Web Content Accessibility Guidelines, zu Deutsch Richtlinien für barrierefreie Webinhalte. Herausgeber ist das World Wide Web Consortium (W3C), das internationale Gremium, das die technischen Standards des Web entwickelt. Die WCAG-Richtlinien beschreiben, wie eine Website gestaltet sein muss, damit Menschen mit Behinderungen sie nutzen können. Damit sind nicht nur blinde Menschen gemeint. Es geht ebenso um Menschen mit eingeschränktem Sehvermögen, motorischen Einschränkungen, Hörbehinderungen oder kognitiven Beeinträchtigungen.

Wichtig für das Verständnis: Barrierefreiheit hilft weit mehr Menschen, als die reine Behindertenstatistik vermuten lässt. Auch ein gebrochener Arm, grelles Sonnenlicht auf dem Smartphone-Display oder eine laute Umgebung ohne Kopfhörer schaffen vorübergehende Barrieren. Wer seine Website für den Härtefall baut, macht sie für alle besser bedienbar. Darin liegt der oft übersehene betriebswirtschaftliche Kern: Eine barrierefreie Seite ist schlicht eine besser gemachte Seite.

Für Ihr Unternehmen ist die WCAG aus einem einfachen Grund wichtig: Fast jedes Barrierefreiheitsgesetz der Welt verweist auf sie. Auch in Deutschland steht die WCAG nicht direkt im Gesetz, sie ist aber über die europäische Norm EN 301 549 der technische Maßstab, an dem Behörden und seit 2025 auch viele Unternehmen gemessen werden. Wer wissen will, was eine "barrierefreie Website" technisch bedeutet, landet also immer bei der WCAG.

WCAG 2.0, 2.1 und 2.2: die drei Versionen im Überblick

Es gibt drei Versionen, die heute eine Rolle spielen. Die WCAG 2.0 erschien 2008, die WCAG 2.1 am 5. Juni 2018 und die WCAG 2.2 am 5. Oktober 2023. Jede neue Version baut auf der vorherigen auf und ergänzt sie, ohne alte Anforderungen zu streichen. Wer die WCAG 2.2 erfüllt, erfüllt damit automatisch auch 2.1 und 2.0.

Welche WCAG-Stufe muss Ihre Website erfüllen?

Stufe A, AA und AAA im Vergleich

Die WCAG kennt drei Konformitätsstufen: A, AA und AAA. Sie beschreiben, wie weit die Barrierefreiheit reicht. Stufe A deckt die grundlegendsten Anforderungen ab, ohne die eine Website für manche Menschen gar nicht nutzbar wäre. Stufe AA umfasst zusätzlich die Kriterien, die in der Praxis den größten Unterschied machen, etwa ausreichende Farbkontraste. Stufe AAA ist die strengste Ausbaustufe und in vielen Fällen gar nicht für eine ganze Website erreichbar.

Warum Stufe AA der gesetzliche Maßstab ist

Für die Praxis gilt eine klare Faustregel: Gefordert ist Stufe AA. Die europäische Norm EN 301 549, auf die sich das Barrierefreiheitsstärkungsgesetz stützt, übernimmt die Kriterien der WCAG 2.1 bis einschließlich Stufe AA. AAA müssen Sie nicht anstreben. Das W3C selbst empfiehlt AAA ausdrücklich nicht als generelles Ziel für komplette Websites.

Ein Beispiel macht den Unterschied greifbar. Beim Thema Farbkontrast verlangt Stufe A noch gar keinen Mindestwert, Stufe AA fordert einen klar messbaren Kontrast zwischen Text und Hintergrund, und Stufe AAA verschärft diesen Wert noch einmal deutlich. In der Praxis scheitern viele Websites bereits an der AA-Vorgabe, weil helle Grautöne auf weißem Grund modern aussehen, aber für ältere oder sehbeeinträchtigte Nutzer kaum lesbar sind. Die geforderte AA-Stufe ist also kein bürokratisches Detail, sondern adressiert genau die Probleme, die echte Menschen täglich erleben.

Das ist eine gute Nachricht für Entscheider. Sie müssen nicht das technisch Maximale umsetzen, sondern ein klar definiertes, erreichbares Niveau. Ob diese Pflicht überhaupt für Ihr Unternehmen gilt, hängt von Ihrer Branche und Ihrem Angebot ab. Diese Frage klären Sie am schnellsten mit unserem BFSG-Quick-Check, der zeigt, ob das BFSG für Sie gilt.

Die vier Prinzipien der WCAG einfach erklärt

Hinter den vielen Einzelkriterien der WCAG stehen nur vier Grundgedanken. Im Englischen ergeben ihre Anfangsbuchstaben das Merkwort POUR. Auf Deutsch lauten die vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Wenn Sie diese vier Begriffe verstehen, verstehen Sie die ganze Richtlinie.

Wahrnehmbar

Jede Information muss für die Sinne erfassbar sein. Ein Bild braucht einen Alternativtext, damit ein Screenreader es vorlesen kann. Ein Video braucht Untertitel. Texte brauchen genug Kontrast zum Hintergrund, damit auch Menschen mit schwachem Sehvermögen sie lesen können. Niemand darf von einer Information ausgeschlossen sein, nur weil er sie nicht sehen oder hören kann.

Bedienbar

Die Website muss sich vollständig steuern lassen, auch ohne Maus. Viele Menschen bedienen das Web ausschließlich über die Tastatur oder über Hilfsmittel, die eine Tastatur nachbilden. Jeder Link, jedes Formularfeld und jeder Button muss also per Tab-Taste erreichbar und auslösbar sein. Auch genügend Zeit für Eingaben und der Verzicht auf flackernde Inhalte gehören hierher.

Verständlich

Dieses Prinzip zielt auf Inhalt und Bedienung. Texte sollten klar formuliert sein, die Navigation vorhersehbar, und Formulare sollten verständlich erklären, was eingegeben werden soll und was bei einem Fehler zu tun ist. Eine Seite, die technisch zugänglich, aber inhaltlich verwirrend ist, hilft niemandem.

Robust

Dies ist das technische Prinzip. Der Code muss so sauber sein, dass aktuelle und künftige Hilfsmittel ihn korrekt interpretieren. Hier zeigt sich, warum die technische Grundlage einer Website so wichtig ist. Sauberes, semantisches HTML ist die Voraussetzung dafür, dass ein Screenreader eine Überschrift als Überschrift und einen Button als Button erkennt.

Von den Prinzipien zu den prüfbaren Erfolgskriterien

Diese vier Prinzipien sind bewusst abstrakt gehalten. Unter ihnen hängen die konkreten, prüfbaren Erfolgskriterien, von denen jedes einer der drei Stufen A, AA oder AAA zugeordnet ist. Sie als Entscheider müssen die Einzelkriterien nicht kennen. Es genügt, die vier Begriffe als Checkliste im Kopf zu haben: Kann das jeder wahrnehmen, kann es jeder bedienen, versteht es jeder, und ist es technisch sauber gebaut? Wer bei einem neuen Feature diese vier Fragen stellt, vermeidet die meisten Barrieren von vornherein.

Was hat sich mit WCAG 2.2 geändert?

Neun neue Erfolgskriterien gegenüber der WCAG 2.1

Die WCAG 2.2 ist keine Revolution, sondern eine Erweiterung. Sie ergänzt neun zusätzliche Erfolgskriterien gegenüber der WCAG 2.1. Die meisten davon betreffen Details, die im Alltag echte Hürden abbauen. Dazu gehört etwa, dass der Tastaturfokus nicht von anderen Elementen verdeckt werden darf, dass klickbare Flächen eine Mindestgröße haben sollen und dass Anmeldevorgänge ohne Gedächtnistests wie das Abtippen von Codes auskommen sollen.

Eine Änderung ist für die Praxis besonders relevant: Das alte Kriterium 4.1.1 zur korrekten Code-Auszeichnung wurde in der WCAG 2.2 als überholt gestrichen, weil moderne Browser den ursprünglichen Zweck heute selbst erfüllen. Sie müssen sich diese Kriteriennummern nicht merken. Wichtig ist die Richtung: Die WCAG wird laufend an die reale Nutzung angepasst, etwa an die Bedienung per Smartphone und per Touchscreen. Gerade die größeren Klickflächen aus der WCAG 2.2 sind ein direktes Zugeständnis an die Tatsache, dass die meisten Menschen heute mobil unterwegs sind.

WCAG 2.1 oder 2.2: worauf Sie heute setzen sollten

Sollten Sie heute also auf 2.1 oder 2.2 setzen? Rechtlich verbindlich ist in Deutschland aktuell die Stufe AA der WCAG 2.1. Wer neu baut, sollte sich trotzdem an der WCAG 2.2 orientieren. Der Mehraufwand ist gering, und Sie bauen Ihre Website zukunftssicher, statt einem absehbar steigenden gesetzlichen Niveau später hinterherzulaufen. Mehr zum großen Bild liefert unser vollständiger Überblick zur Web-Barrierefreiheit.

Welche WCAG-Fehler sind auf Unternehmenswebsites am häufigsten?

Die drei häufigsten WCAG-Verstöße

Die gute Nachricht zuerst: Die meisten Verstöße sind keine exotischen Sonderfälle, sondern immer dieselben Klassiker. Der WebAIM-Million-Report 2025 hat eine Million Startseiten geprüft und auf 94,8 Prozent messbare WCAG-Fehler gefunden, im Schnitt 51 Fehler pro Seite. Wer diese Top-Fehler kennt, weiß, wo zuerst anzusetzen ist.

An der Spitze stehen drei Probleme. Zu geringe Textkontraste betreffen 79,1 Prozent der Seiten, fehlende Alternativtexte für Bilder 55,5 Prozent und fehlende Formularbeschriftungen 48,2 Prozent. Alle drei lassen sich den vier Prinzipien direkt zuordnen: Kontraste und Alternativtexte gehören zu "wahrnehmbar", beschriftete Formulare zu "verständlich". Darin liegt der praktische Wert des Vier-Prinzipien-Modells. Es ordnet jeden Fehler einer klaren Kategorie zu.

Warum die technische Basis über den Aufwand entscheidet

Auffällig ist, dass fast alle dieser Fehler in der Verantwortung der technischen Umsetzung liegen, nicht der Redaktion. Ein Kontrast wird im Design festgelegt, eine Formularbeschriftung im Code. Auf einem modernen, komponentenbasierten System wird eine einmal korrekt gebaute Schaltfläche überall richtig verwendet. Auf einer über Jahre gewachsenen Seite mit vielen Erweiterungen muss dagegen oft jede Stelle einzeln nachgebessert werden. In Projekten mit B2B-Kunden sehe ich immer wieder, dass die saubere technische Basis am Ende über Aufwand und Kosten entscheidet.

Wir setzen bei Evelan auf einen Stack aus Next.js und einem Headless-CMS, weil sauberes, semantisches HTML dort die Regel ist und nicht die Ausnahme. Das zahlt direkt auf das WCAG-Prinzip "robust" ein und senkt den Aufwand, eine Website konform zu halten. Wie viel eine barrierefreie Umsetzung kostet, lesen Sie in unserem Beitrag dazu, was eine barrierefreie Website kostet.

Wie prüfen Sie, ob Ihre Website die WCAG erfüllt?

Automatische WCAG-Tools und ihre Grenzen

Der erste Reflex vieler Unternehmen ist ein kostenloses Online-Tool. Programme wie axe, WAVE oder der in Chrome eingebaute Lighthouse scannen eine Seite in Sekunden und liefern eine Fehlerliste. Das ist ein sinnvoller Einstieg, aber nur die halbe Wahrheit. Automatische Werkzeuge decken nur einen Teil der WCAG-Probleme auf, längst nicht alle. Sie erkennen einen fehlenden Alternativtext, können aber nicht beurteilen, ob ein vorhandener Text auch sinnvoll ist.

Manuelle Prüfung mit Tastatur und Screenreader

Ein wichtiger zweiter Teil ist die manuelle Prüfung. Dabei wird die Seite ausschließlich per Tastatur bedient und mit einem Screenreader durchgegangen, so wie betroffene Menschen es täglich tun. Erst dann zeigt sich, ob die Reihenfolge logisch ist, ob der Fokus sichtbar bleibt und ob Formulare wirklich verständlich sind.

Ein weiterer Baustein, nicht der wichtigste, aber oft unterschätzt, ist der Test mit echten Nutzern. Wenn Menschen mit Behinderung Ihre Website tatsächlich bedienen, treten Hürden zutage, die weder ein Tool noch eine Checkliste erfasst. Für viele KMU ist das kein Pflichtschritt, doch schon zwei oder drei Rückmeldungen aus der Praxis sind oft aufschlussreicher als jeder automatische Bericht. Eine seriöse Prüfung verlässt sich deshalb nicht auf ein einzelnes Werkzeug, sondern kombiniert mehrere Ebenen. Die folgende Checkliste hilft Ihnen, Ihre Website grob selbst einzuordnen, bevor Sie eine professionelle Prüfung beauftragen.

Verwandte Evelan-Artikel

• Barrierefreie Website: Der Leitfaden für Unternehmen
• BFSG-Quick-Check: Gilt die Barrierefreiheitspflicht für meine Website?
• Barrierefreie Website erstellen lassen: Kosten, Ablauf und was Agenturen nicht sagen
• Website-Relaunch als Investition in die Zukunft

Quellen

• W3C Web Accessibility Initiative: WCAG 2 Overview (2023)
• W3C Web Accessibility Initiative: What's New in WCAG 2.2 (2023)
• WebAIM: The WebAIM Million — Annual Accessibility Analysis of the Top 1.000.000 Home Pages (2025)
• Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik: Harmonisierte Europäische Norm EN 301 549 (2025)
• Bundesfachstelle Barrierefreiheit: Das Barrierefreiheitsstärkungsgesetz (BFSG) — Übersicht und Inkrafttreten (2025)
• gesetze-im-internet.de: BFSG § 37 — Bußgeldvorschriften (2025)
• Statistisches Bundesamt: 7,9 Millionen schwerbehinderte Menschen leben in Deutschland (2024)