WCAG Wahrnehmbarkeit – Prinzip 1 der Web Content Accessibility Guidelines

WCAG Wahrnehmbarkeit ist das erste und grundlegendste der vier Prinzipien der Web Content Accessibility Guidelines. Es legt fest, dass alle Informationen und Bestandteile der Benutzeroberfläche so präsentiert werden müssen, dass Nutzer sie tatsächlich wahrnehmen können – unabhängig davon, ob sie sehen, hören oder beide Sinne eingeschränkt nutzen können. Inhalte, die ausschließlich visuell oder auditiv vermittelt werden, sind für einen erheblichen Teil der Menschen schlicht nicht zugänglich.

Das Wahrnehmbarkeits-Prinzip steht nicht isoliert: Es ist das erste der vier WCAG-Prinzipien, die unter dem Akronym POUR zusammengefasst werden – Perceivable (Wahrnehmbar), Operable (Bedienbar), Understandable (Verständlich), Robust (Robust). Wahrnehmbarkeit ist die Voraussetzung für alle weiteren Anforderungen: Was ein Nutzer nicht wahrnehmen kann, kann er weder bedienen noch verstehen. Eine ausführliche Einführung in das Gesamtkonzept bietet die SiteCockpit-Wissensseite zu den WCAG 2.2.

Für Unternehmen und Organisationen mit digitalen Angeboten ist das Wahrnehmbarkeits-Prinzip unmittelbar rechtlich relevant: Das Barrierefreiheitsstärkungsgesetz (BFSG) schreibt seit dem 28. Juni 2025 WCAG AA für weite Teile des privaten digitalen Marktes vor. Alle Erfolgskriterien der Wahrnehmbarkeit auf Stufen A und AA sind damit gesetzlicher Mindeststandard – Verstöße können zu Abmahnungen und Bußgeldern bis zu 100.000 € führen.

WCAG Wahrnehmbarkeit: Die vier Richtlinien im Überblick

Das Wahrnehmbarkeits-Prinzip gliedert sich in vier Richtlinien, die jeweils mehrere konkrete Erfolgskriterien enthalten. Jede Richtlinie adressiert einen anderen Aspekt der Frage: Können alle Nutzer diesen Inhalt wahrnehmen?

• 1 Richtlinie 1.1 – Textalternativen: Alle Nicht-Text-Inhalte – Bilder, Symbole, Grafiken, Schaltflächen mit Icons – benötigen eine Textalternative, die den gleichen Zweck erfüllt. Screenreader und andere assistive Technologien können nur Text verarbeiten; ohne Textalternative sind diese Inhalte für blinde Nutzer unsichtbar.
• 2 Richtlinie 1.2 – Zeitbasierte Medien: Video- und Audioinhalte benötigen Alternativen: Untertitel für Videos mit Ton, Audiodeskription für Videos mit visuellen Inhalten, Transkripte für reine Audiodateien. Diese Anforderungen gelten für voraufgezeichnete und für Live-Inhalte – mit unterschiedlichen Anforderungsstufen.
• 3 Richtlinie 1.3 – Anpassbare Gestaltung: Inhalte müssen so ausgezeichnet sein, dass ihre Struktur und Bedeutung auch ohne visuelle Gestaltung erkennbar bleibt. Überschriften, Listen, Tabellen und Formularfelder müssen semantisch korrekt im HTML-Code umgesetzt sein – nicht nur optisch wie eine Überschrift aussehen.
• 4 Richtlinie 1.4 – Unterscheidbare Gestaltung: Inhalte müssen visuell klar unterscheidbar sein: ausreichende Kontrastverhältnisse zwischen Text und Hintergrund, keine rein farbabhängige Informationsvermittlung, anpassbare Textgröße ohne Inhaltsverlust, keine störenden Hintergrundgeräusche bei Audioinhalten.

WCAG Wahrnehmbarkeit: Die wichtigsten Erfolgskriterien mit Kennnummern

Die Richtlinien der Wahrnehmbarkeit werden durch konkrete Erfolgskriterien operationalisiert. Für die Umsetzung von WCAG AA – dem gesetzlichen Mindeststandard – sind folgende Kriterien besonders praxisrelevant:

• ✓ 1.1.1 Nicht-Text-Inhalt (Stufe A): Alle informativen Bilder und grafischen Inhalte benötigen einen beschreibenden Alternativtext. Dekorative Bilder erhalten alt="". Dies ist das am häufigsten verletzte Einzelkriterium im Web.
• ✓ 1.2.2 Untertitel (aufgezeichnet) (Stufe A): Voraufgezeichnete Videos mit Ton benötigen synchronisierte Untertitel. Untertitel müssen den gesprochenen Inhalt und relevante Geräusche erfassen.
• ✓ 1.2.5 Audiodeskription (aufgezeichnet) (Stufe AA): Videos, deren visuelle Inhalte über den Ton hinausgehen, benötigen eine Audiodeskription der relevanten visuellen Informationen.
• ✓ 1.3.1 Informationen und Beziehungen (Stufe A): Struktur und semantische Beziehungen müssen programmatisch bestimmbar sein – nicht nur visuell erkennbar. Überschriften-Tags, Listenelement-Tags und Tabellenstruktur müssen korrekt eingesetzt werden.
• ✓ 1.3.4 Ausrichtung (Stufe AA): Inhalte dürfen nicht auf eine bestimmte Bildschirmausrichtung (Hoch- oder Querformat) beschränkt sein, sofern keine zwingende Notwendigkeit besteht.
• ✓ 1.4.1 Verwendung von Farbe (Stufe A): Farbe darf nicht das einzige visuelle Mittel sein, um Informationen zu vermitteln, Aktionen anzuzeigen oder Elemente zu unterscheiden.
• ✓ 1.4.3 Kontrast – Minimum (Stufe AA): Text und Bilder von Text benötigen ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund (großer Text: 3:1). Eines der wichtigsten Kriterien für Menschen mit Sehbeeinträchtigungen.
• ✓ 1.4.4 Textgröße ändern (Stufe AA): Text muss bis zu 200 % vergrößert werden können, ohne dass Inhalt oder Funktionalität verloren geht.
• ✓ 1.4.10 Umfluss / Reflow (Stufe AA): Inhalte müssen auf kleinen Bildschirmen oder bei starker Vergrößerung ohne horizontales Scrollen nutzbar bleiben – neu in WCAG 2.1, besonders relevant für mobile Nutzung.
• ✓ 1.4.11 Nicht-Text-Kontrast (Stufe AA): UI-Komponenten (Schaltflächen, Eingabefelder, Fokus-Indikatoren) und informative Grafiken benötigen ein Kontrastverhältnis von mindestens 3:1.

WCAG Wahrnehmbarkeit in der Praxis: Häufige Fehler und ihre Umsetzung

In der Praxis zeigt sich, dass Wahrnehmbarkeits-Fehler zu den häufigsten und gleichzeitig folgenreichsten Accessibility-Problemen gehören. Eine WebAIM-Analyse der meistbesuchten Websites zeigt regelmäßig, dass fehlende Alternativtexte und unzureichende Kontrastverhältnisse unter den Top-5-Fehlern rangieren – Jahr für Jahr.

• ✓ Fehlende Alternativtexte (1.1.1): Bilder ohne alt-Attribut oder mit generischen Dateinamen als alt-Text. Lösung: beschreibende Alternativtexte für informative Bilder, alt="" für dekorative. Automatisierbar mit easyAlt.
• ✓ Unzureichender Kontrast (1.4.3): Graue Texte auf weißem Hintergrund, helle Schrift auf pastellfarbenen Flächen. Lösung: Kontrastverhältnis mit einem Kontrastchecker prüfen, Farbpalette anpassen. Prüfbar mit dem SiteCockpit Kontrastchecker.
• ✓ Fehlende Untertitel (1.2.2): Videos ohne Untertitel oder mit automatisch generierten, unkorrigierten Untertiteln. Lösung: manuell erstellte oder sorgfältig korrigierte Untertitel in synchronisiertem Format (SRT, VTT).
• ✓ Rein farbabhängige Information (1.4.1): Pflichtfelder nur durch rote Farbe markiert, Diagramme nur durch Farbe unterschieden. Lösung: zusätzliche visuelle Marker (Icon, Muster, Text) neben der Farbe einsetzen.
• ✓ Fehlende semantische Auszeichnung (1.3.1): Überschriften, die nur durch CSS gestaltet, aber nicht als <h1>–<h6> ausgezeichnet sind. Listen als einfache Absätze umgesetzt. Lösung: natives HTML für Struktur verwenden, nicht CSS-Styling als Ersatz für Semantik.

WCAG Wahrnehmbarkeit vs. Bedienbarkeit, Verständlichkeit und Robustheit

Die vier WCAG-Prinzipien sind aufeinander aufgebaut – Wahrnehmbarkeit bildet die Basis, auf der die anderen drei Prinzipien aufbauen. Für eine vollständige WCAG-Konformität müssen alle vier Prinzipien erfüllt sein; das Erfüllen von Wahrnehmbarkeit allein reicht nicht aus.

• ✓ Wahrnehmbarkeit (Prinzip 1): Können Nutzer Inhalte sinnlich erfassen? → Alternativtexte, Kontraste, Untertitel, semantische Struktur. Dieser Beitrag.
• ✓ Bedienbarkeit (Prinzip 2): Können Nutzer mit der Oberfläche interagieren? → Tastaturbedienung, ausreichend Zeit, keine Anfälle auslösende Inhalte, Navigation und Orientierung.
• ✓ Verständlichkeit (Prinzip 3): Sind Inhalte und Bedienung nachvollziehbar? → Lesbare Sprache, vorhersehbares Verhalten, Fehlervermeidung und -korrektur.
• ✓ Robustheit (Prinzip 4): Können Inhalte zuverlässig von assistiven Technologien wie Screenreadern und Braillezeilen interpretiert werden? → Valides HTML, ARIA-Auszeichnung, zukunftssichere Implementierung.

Die Abgrenzung ist in der Praxis nicht immer trennscharf: Ein fehlendes aria-label auf einer Schaltfläche verletzt sowohl die Wahrnehmbarkeit (Screenreader kann die Funktion nicht ausgeben) als auch die Robustheit (assistive Technologie kann den Wert nicht bestimmen). Die WCAG-Struktur dient der konzeptuellen Orientierung; in der Umsetzung überschneiden sich die Prinzipien.

Häufige Fragen zur WCAG Wahrnehmbarkeit