Die WCAG 2.2 im Detail
Die WCAG 2.2 definiert, wie Websites und Apps für alle zugänglich werden – und ist zentrale Basis für gesetzliche Vorgaben wie das Barrierefreiheitsstärkungsgesetz.
Was regelt die WCAG 2.2 eigentlich?
Die Web Content Accessibility Guidelines (WCAG 2.2) legen fest, wie digitale Inhalte gestaltet sein müssen, damit sie für möglichst viele Menschen zugänglich sind – unabhängig von Einschränkungen.
Sie beruhen auf vier Prinzipien: Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit.
In Deutschland bildet die WCAG 2.2 die technische Grundlage für das Barrierefreiheitsstärkungsgesetz (BFSG) – und wird ab 2025 für viele Unternehmen verbindlich.
Kategorie 1: Perceivable (Wahrnehmbar)
Die erste Grundvoraussetzung für barrierefreie digitale Inhalte ist ihre Wahrnehmbarkeit. Menschen nehmen Informationen auf unterschiedliche Weise wahr – je nach ihren individuellen Fähigkeiten oder Einschränkungen.
Deshalb dürfen Inhalte nicht ausschließlich visuell oder auditiv vermittelt werden. Texte müssen kontrastreich und gut lesbar sein, Bilder brauchen beschreibende Alternativtexte, Videos sollten mit Untertiteln oder Audiotranskripten versehen werden. Auch eine klare, logische Struktur hilft dabei, Inhalte mit Hilfsmitteln wie Screenreadern besser zu erfassen. Ziel ist es, sicherzustellen, dass alle Nutzerinnen und Nutzer unabhängig von Sehvermögen, Gehör oder technischer Unterstützung die Inhalte vollständig erfassen können.
1.1.1 Nicht-Text-Inhalte: Warum jedes Bild auch Worte braucht (A)
Was ist das Ziel dieses Kriteriums?Nicht jeder sieht, was auf dem Bildschirm passiert – und das aus ganz unterschiedlichen Gründen. Manche Menschen sind blind, andere sehen schlecht oder haben Lernschwierigkeiten. Wieder andere surfen gerade unterwegs mit...
1.2.1 Nur-Audio und Nur-Video: Wenn ein Sinn fehlt, braucht es Alternativen (A)
Was ist das Ziel dieses Kriteriums?Nicht jeder nimmt Inhalte auf die gleiche Weise wahr: Manche Menschen hören nichts oder nur schlecht. Andere können nicht sehen, was auf einem Bildschirm passiert. Und wieder andere nutzen das Internet in Situationen, in denen Ton...
1.2.2 Untertitel: Wenn Worte sichtbar werden (A)
Was ist das Ziel dieses Kriteriums?Videos gehören heute zum Internet wie der Matcha Latte zum Coworking-Space. Aber was, wenn man den Ton nicht hören kann – oder darf? Menschen, die gehörlos oder schwerhörig sind, stehen bei Videos ohne Untertitel buchstäblich im...
1.2.3 Untertitel: Audiodeskription oder Textalternative: Wenn sehen nicht möglich ist (A)
Was ist das Ziel dieses Kriteriums?Ein Video ohne Ton ist schwer verständlich – aber ein Video ohne Bild kann für manche Menschen schlicht unmöglich sein. Für blinde oder sehbehinderte Nutzer:innen sind viele visuelle Informationen nicht zugänglich, wenn sie nicht...
1.2.4 Untertitel: Live-Untertitel: Wenn Echtzeit für alle verständlich wird (AA)
Was ist das Ziel dieses Kriteriums?Ob Konferenzen, Webinare, Produktpräsentationen oder Nachrichtenstreams – Live-Videos sind Alltag geworden. Sie bieten Nähe, Aktualität und direkte Interaktion. Aber: Wer nicht hören kann, bleibt außen vor – wenn keine Untertitel...
1.2.5 Audiodeskription bei Videos: Wenn Bilder nicht sichtbar sind (AA)
Was ist das Ziel dieses Kriteriums?Ein Video ist oft mehr als nur Ton: Mimik, Gestik, Szenenwechsel, eingeblendete Texte oder wichtige Handlungen auf dem Bildschirm – all das vermittelt Inhalte. Für Menschen mit Sehbehinderung oder blinde Nutzer:innen bleiben diese...
1.2.6 Gebärdensprache im Video: Wenn visuelle Sprache mehr sagt als Text (AAA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du schaust ein spannendes Erklärvideo – aber die Untertitel rauschen nur so vorbei, während der Sprecher mit Begeisterung und Leidenschaft über das Thema redet. Du verstehst die Worte, aber die Emotionen, die Betonung,...
1.2.7 Erweiterte Audiodeskription: Wenn normale Beschreibungen nicht reichen (AAA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du schaust ein Physik-Tutorial, in dem der Professor gleichzeitig redet, zeichnet und gestikuliert – und das alles ohne Pause. Für sehende Menschen ist das kein Problem. Aber was, wenn du blind bist und auf...
1.2.8 Medienalternative: Wenn Text das komplette Medienerlebnis werden muss (AAA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du willst einen wichtigen Vortrag verfolgen – aber du siehst so schlecht, dass du die Untertitel nicht lesen kannst, und hörst so schlecht, dass du die Audiodeskription nicht verstehst. Für Menschen, die sowohl Seh-...
1.2.9 Audio-only (Live): Wenn das Mikro angeht, müssen auch die Worte fließen (AAA)
Was ist das Ziel dieses Kriteriums?Live ist live – und das macht alles komplizierter. Während du bei einem aufgezeichneten Podcast noch gemütlich ein Transkript erstellen kannst, wird es bei einem Live-Webinar, einer spontanen Pressekonferenz oder einem Radio-Webcast...
1.3.1 Info und Beziehungen: Wenn der Code erzählt, was das Auge sieht (A)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du betrittst ein fremdes Bürogebäude und alle Türschilder, Wegweiser und Stockwerk-Angaben wären unsichtbar – aber trotzdem da. Genau so fühlt es sich für Menschen an, die mit Screenreadern oder anderen assistiven...
1.3.2 Meaningful Sequence: Wenn die Reihenfolge Sinn macht (A)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du liest ein Buch, aber die Seiten sind völlig durcheinander: Erst das Ende, dann ein Kapitel aus der Mitte, dann der Anfang. Chaos, oder? Genauso chaotisch wird es für Menschen, die mit Hilfstechnologien arbeiten,...
1.3.3 Sensorische Merkmale: Wenn Worte mehr sagen als Formen (A)
Was ist das Ziel dieses Kriteriums?Stell dir vor, jemand erklärt dir am Telefon den Weg: "Nimm die grüne Tür rechts neben dem runden Schild." Wenn du aber farbenblind bist oder das Schild gar nicht siehen kannst, stehst du ziemlich ratlos da. Genauso geht es vielen...
1.3.4 Orientation: Warum dein Content flexibel bleiben muss (AA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du versuchst, dein Smartphone im Rollstuhl zu verwenden – aber es ist fest in einer Position montiert. Oder du hast Probleme mit der Handbeweglichkeit und kannst dein Tablet nicht einfach drehen. Plötzlich zeigt eine...
1.3.5 Identify Input Purpose: Wenn Formulare mitdenken (AA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du sitzt vor einem Formular und sollst deine Adresse eingeben – aber die Felder sind nur mit „Feld 1", „Feld 2", „Feld 3" beschriftet. Frustrierend, oder? Jetzt stell dir vor, du hast Schwierigkeiten beim Lesen oder...
1.3.6 Identify Purpose: Wenn das Interface zur persönlichen Assistenz wird (AAA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du nutzt eine App, aber alle Icons sind dir fremd, die Begriffe unverständlich und die Navigation fühlt sich an wie ein Irrgarten. Für Menschen mit kognitiven Einschränkungen ist das digitaler Alltag – es sei denn,...
1.4.1 Verwendung von Farbe: Wenn Rot und Grün nicht reichen (A)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du stehst vor einer Ampel, aber statt roter und grüner Lichter siehst du nur zwei undefinierbare graue Kreise. So ähnlich geht es Menschen mit Farbsehschwächen täglich im Internet – nur dass die „Ampeln" hier wichtige...
1.4.2 Audio Control: Wenn Autoplay zum Störfaktor wird (A)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du besuchst eine Website – und plötzlich dröhnt dir Musik oder ein Video entgegen, während du versuchst, dich auf der Seite zu orientieren. Ärgerlich für jeden, aber für Menschen mit Screenreadern kann das zur echten...
1.4.3 Kontrast (Minimum): Wenn Text und Hintergrund Freunde werden (AA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du scrollst durch eine Website und musst die Augen zusammenkneifen, um den grauen Text auf hellgrauem Hintergrund zu entziffern. Frustrierend, oder? Für Menschen mit Sehbeeinträchtigungen, Farbsehschwächen oder einfach...
1.4.4 Text vergrößern: Wenn Klein zu klein ist (AA)
Was ist das Ziel dieses Kriteriums?Stell dir vor, du sitzt in einem Restaurant und versuchst die Speisekarte zu lesen – aber die Schrift ist so winzig, dass du deine Augen zusammenkneifen musst wie beim Blick in die Sonne. Genau so fühlen sich viele Menschen beim...
1.4.5 Textbilder: Warum echte Worte besser sind als Bilder mit Text (AA)
Was ist das Ziel dieses Kriteriums?Ein schnittiges Logo mit geschwungener Schrift, eine stylische Überschrift im Corporate Font oder ein Zitat in kunstvoller Kalligrafie – Textbilder sind überall. Aber was passiert, wenn jemand den Text vergrößern, die Farben ändern...
1.4.6 Kontrast (Verstärkt): Wenn guter Kontrast nicht reicht (AAA)
Was ist das Ziel dieses Kriteriums?Ein Website-Text ist wie ein Gespräch in einem lauten Café – manchmal reicht normales Sprechen nicht aus, und man muss lauter werden. Menschen mit stärkeren Sehbeeinträchtigungen brauchen mehr als die Mindestkontraste, die...
1.4.7 Niedriger oder kein Hintergrundton: Wenn Worte im Rauschen untergehen (AAA)
Was ist das Ziel dieses Kriteriums?Kennst du das: Du hörst einen Podcast im Café und verstehst plötzlich kein Wort mehr, weil im Hintergrund dramatische Musik einsetzt? Für Menschen mit Hörbeeinträchtigungen ist das nicht nur nervig – es macht Audioinhalte komplett...
1.4.8 Visuelle Darstellung: Wenn Text endlich flexibel wird (AAA)
Was ist das Ziel dieses Kriteriums?Text auf Websites ist wie ein maßgeschneiderter Anzug – er sollte perfekt zu jedem Nutzer passen. Aber die Realität sieht oft anders aus: Zu enge Zeilen, winzige Schrift, gedrängter Zeilenabstand oder Blocksatz, der wie ein Labyrinth...