Wahrnehmbar (Perceivable)
Inhalte müssen über mehr als einen Sinn wahrnehmbar sein – nicht nur sehen, sondern auch hören oder ertasten lassen. Beispiel: Alt-Texte für Bilder, Untertitel für Videos, ausreichende Farbkontraste.
Aktuell: WCAG 2.2 · W3C-Standard seit Oktober 2023
Website WCAG-konform machen – Standard verstehen, umsetzen, prüfen.
Die WCAG sind der technische Maßstab hinter BFSG und EAA – jetzt zählt die Umsetzung. So bringst du deine Website auf WCAG-Konformität: Ist-Zustand ehrlich prüfen, Probleme im Quellcode beheben, dranbleiben. Die WCAG selbst – Prinzipien, Stufen, Versionen – erklärt verständlich der <a href="/ratgeber/wcag/">WCAG-Ratgeber</a>.
Was sind die WCAG?
Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Websites, herausgegeben vom World Wide Web Consortium (W3C). Sie sind in drei Ebenen aufgebaut: vier Prinzipien (POUR), darunter Richtlinien, und darunter testbare Erfolgskriterien. Wichtig: BFSG und EAA definieren keine eigene Technik – sie verweisen über die Norm EN 301 549 auf die WCAG. Wer WCAG erfüllt, erfüllt damit den technischen Kern beider Gesetze.
Das Fundament
Die vier Prinzipien: POUR
Jedes WCAG-Kriterium gehört zu einem von vier Prinzipien. Sie beschreiben, was eine Website für alle nutzbar macht.
Bedienbar (Operable)
Alle Funktionen müssen sich bedienen lassen – auch ohne Maus, mit genug Zeit und ohne auslösende Blitzeffekte. Beispiel: vollständige Tastaturbedienung, sichtbarer Fokus, ausreichend große Klickziele.
Verständlich (Understandable)
Texte müssen lesbar und die Bedienung vorhersehbar sein – und Fehler werden klar erklärt statt nur angezeigt. Beispiel: beschriftete Formularfelder, konsistente Navigation, verständliche Fehlermeldungen.
Robust (Robust)
Inhalte müssen mit verschiedenen Technologien zuverlässig funktionieren – besonders mit assistiver Technik wie Screenreadern. Beispiel: valides, semantisches HTML und korrekte ARIA-Auszeichnung.
A, AA, AAA – welche Stufe zählt?
Jedes Erfolgskriterium ist einer von drei Stufen zugeordnet. Für die meisten gesetzlichen Anforderungen – auch über EN 301 549, BFSG und EAA – ist Stufe AA der Maßstab.
Konformitätsstufen
A
Mindeststandard – grundlegende Barrierefreiheit; ohne diese Stufe ist eine Seite für viele praktisch unbenutzbar.
AA
Der rechtliche Zielwert (hier ansetzen) – umfasst A und AA; auf diese Stufe beziehen sich die meisten Gesetze und Normen.
AAA
Höchste Stufe – erweiterte Anforderungen; nicht für alle Inhalte erreichbar und selten flächendeckend Pflicht.
Gut zu wissen: WCAG selbst ist kein Gesetz, sondern ein technischer Standard – Gesetze wie das BFSG verweisen aber darauf. Wer WCAG AA erfüllt, erfüllt den technischen Kern der gesetzlichen Anforderungen.
Aktuelle Version
Was ist neu in WCAG 2.2?
Am 5. Oktober 2023 wurde WCAG 2.2 als W3C-Standard veröffentlicht – aufbauend auf 2.1 und vollständig abwärtskompatibel. Sechs der neuen Kriterien betreffen die Zielstufe AA. Hier sind sie in verständlichem Deutsch:
Hilfe an gleicher StelleA
Wiederkehrende Hilfe- und Kontaktelemente erscheinen auf allen Seiten an derselben Stelle. (3.2.6 Consistent Help)
Keine doppelte EingabeA
Bereits eingegebene Informationen werden nicht erneut verlangt, sondern vorausgefüllt oder auswählbar. (3.3.7 Redundant Entry)
Fokus bleibt sichtbarAA
Der Tastaturfokus darf nicht von anderen Elementen wie Sticky-Headern oder Cookie-Bannern verdeckt werden. (2.4.11 Focus Not Obscured)
Alternativen zum ZiehenAA
Was per Ziehbewegung geht, muss auch mit einem einfachen Klick funktionieren. (2.5.7 Dragging Movements)
Größere KlickzieleAA
Interaktive Ziele sind mindestens 24 × 24 CSS-Pixel groß – oder haben genug Abstand zueinander. (2.5.8 Target Size)
Barrierefreies AnmeldenAA
Logins dürfen keine kognitiven Tests (etwa Captcha-Rätsel) als einzigen Weg verlangen. (3.3.8 Accessible Authentication)
Drei weitere Kriterien betreffen Stufe AAA (strengere Fokus-Sichtbarkeit und -Darstellung sowie erweiterte Authentifizierung). Zusätzlich wurde das alte Kriterium 4.1.1 „Parsing” entfernt – moderne Browser und assistive Technik lösen das heute von selbst.
In der Praxis
Die häufigsten WCAG-Verstöße.
Die meisten Barrieren entstehen nicht durch exotische Sonderfälle, sondern durch immer dieselben Dinge. Genau die findet der Welcoma-Scanner – und zeigt dir die betroffene Code-Stelle.
Fehlende Alt-TexteWahrnehmbar
Bilder ohne Textalternative sind für Screenreader unsichtbar.
Zu schwache KontrasteWahrnehmbar
Text unter 4,5:1 Kontrast ist für viele kaum lesbar.
Keine TastaturbedienungBedienbar
Funktionen, die nur mit der Maus gehen, schließen Tastaturnutzer aus.
Unsichtbarer FokusBedienbar
Wer per Tastatur navigiert, sieht nicht, wo er gerade ist.
Fehlende Formular-LabelsVerständlich
Eingabefelder ohne Beschriftung sind nicht eindeutig zuzuordnen.
Kaputte Überschriften-StrukturRobust
Springende oder fehlende H-Ebenen zerstören die Orientierung.
Ehrlich gesagt: Ein Scanner findet nicht alles – aber das Wichtigste.
Automatische Prüfung erkennt die maschinell testbaren Verstöße zuverlässig – fehlende Alt-Texte, schwache Kontraste, Strukturfehler, zu kleine Ziele. Einige Kriterien brauchen zusätzlich ein menschliches Auge (etwa ob eine Hilfe wirklich verständlich ist). Der Welcoma-Scanner nimmt dir den größten Teil ab und zeigt klar, wo du selbst noch hinschauen solltest – statt zu behaupten, mit einem Klick sei alles erledigt.
So gehst du vor
Von der Liste zur konformen Seite.
WCAG wird greifbar, wenn man es Schritt für Schritt abarbeitet – nicht, wenn man es versteckt.
Scannen (bald verfügbar)
Der Scanner prüft deine Seite gegen die WCAG-Erfolgskriterien und priorisiert die Funde nach Schweregrad.
Beheben
Jeder Fund zeigt auf die Code-Stelle. Das Bedienmenü senkt zusätzlich Barrieren für deine Besucher.
Nachweisen
Mit dem Statement-Generator erstellst du deine Erklärung zur Barrierefreiheit – inklusive Feedback-Weg.
Zum Weiterlesen Mehr zum Thema
WCAG verständlich erklärt
Der Ratgeber: die vier Prinzipien (POUR), Konformitätsstufen A/AA/AAA, Versionen und der Zusammenhang mit BFSG und EN 301 549.
Kontrast-Checker
Farben gegen die WCAG-Schwellen prüfen – mit Farbvorschlag.
BFSG & EAA
Die Gesetze, die über EN 301 549 auf die WCAG verweisen.
BFSG-Check
Bist du betroffen? Drei Fragen, eine erste Einschätzung.
Häufige Fragen
WCAG – kurz erklärt
Was bedeuten A, AA und AAA?
Das sind die drei Konformitätsstufen. A ist der Mindeststandard, AA umfasst A plus weitere Kriterien und ist der gängige rechtliche Zielwert, AAA ist die höchste Stufe mit erweiterten Anforderungen. Für die meisten gesetzlichen Vorgaben – auch über EN 301 549 – genügt AA.
Welche Stufe brauche ich?
In aller Regel Stufe AA. Darauf beziehen sich EN 301 549 und damit BFSG und EAA. AAA wird selten flächendeckend verlangt, weil nicht alle Kriterien für jeden Inhaltstyp erreichbar sind.
Was ist der Unterschied zwischen WCAG 2.1 und 2.2?
WCAG 2.2 baut auf 2.1 auf und fügt neun neue Erfolgskriterien hinzu – vor allem zu Tastaturfokus, Klickzielen, Ziehbewegungen und barrierefreier Anmeldung. Ein altes Kriterium (4.1.1 Parsing) wurde entfernt. Wer 2.2 erfüllt, erfüllt automatisch auch 2.1.
Ist WCAG ein Gesetz?
Nein. WCAG ist ein technischer Standard des W3C. Gesetze wie das BFSG verweisen aber darauf (über EN 301 549). Erfüllst du WCAG, erfüllst du den technischen Kern der gesetzlichen Anforderungen.
Reicht ein Barrierefreiheits-Widget für WCAG?
Nein. Die Erfolgskriterien prüfen deine Seite selbst – ein Overlay legt sich nur darüber. Konform wirst du erst, wenn die zugrunde liegenden Probleme im Code behoben sind. Dafür ist der Scanner gedacht.
Kann man WCAG automatisch testen?
Teilweise. Ein Scanner findet die maschinell prüfbaren Verstöße zuverlässig – etwa fehlende Alt-Texte, schwache Kontraste oder zu kleine Klickziele. Manche Kriterien brauchen zusätzlich ein menschliches Urteil. Eine ehrliche Lösung sagt dir beides: was automatisch erkannt wurde und wo du selbst noch prüfen solltest.
Kostenloser Scan
Erhalte einen ehrlichen Check deiner Seite.
Gib deine URL ein und erhalte einen ehrlichen Überblick über deine Barrierefreiheit – kostenlos und unverbindlich.