Warum Barrierefreiheit? Zahlen, Nutzen, Prinzip
Begriffe vorab
- Barrierefreiheit: die Nutzbarkeit von Angeboten für möglichst alle Menschen, unabhängig von Einschränkungen.
- Assistive Technologie: Hilfsmittel wie Screenreader oder Spracheingabe.
- Inklusion: gleichberechtigte Teilhabe aller Menschen.
- Barriere: alles, was die Nutzung erschwert oder verhindert.
Barrierefreiheit (Accessibility, kurz a11y – 11 Buchstaben zwischen a und y) bedeutet, digitale Angebote so zu gestalten, dass Menschen mit Behinderungen sie genauso nutzen können wie alle anderen.
Wie viele Menschen sind betroffen?
Die Weltgesundheitsorganisation (WHO) geht davon aus, dass weltweit rund 1,3 Milliarden Menschen, also etwa 16 % der Weltbevölkerung, eine signifikante Behinderung haben (WHO, Fact Sheet „Disability“). Dazu zählen dauerhafte Einschränkungen (Blindheit, Gehörlosigkeit, motorische Einschränkungen) ebenso wie situative (ein gebrochener Arm) und temporäre (grelles Sonnenlicht auf dem Display, laute Umgebung ohne Kopfhörer).
Die vier Behinderungsarten im Web-Kontext
- Visuell: Blindheit, Sehbehinderung, Farbfehlsichtigkeit.
- Auditiv: Gehörlosigkeit, Schwerhörigkeit.
- Motorisch: eingeschränkte Feinmotorik, keine Maus nutzbar.
- Kognitiv: Lese- und Lernschwierigkeiten, Aufmerksamkeitsstörungen, Gedächtnisprobleme.
Der POUR-Grundsatz
Die vier Grundprinzipien der WCAG (siehe nächste Lektion) lassen sich mit dem Akronym POUR merken:
- Perceivable (wahrnehmbar)
- Operable (bedienbar)
- Understandable (verständlich)
- Robust (robust, technisch stabil)
Der „Curb-Cut-Effekt“: Die abgeschrägte Bordsteinkante wurde für Rollstuhlfahrer eingeführt, hilft aber auch Menschen mit Kinderwagen, Rollkoffer oder Fahrrad. Barrierefreiheit im Web verbessert fast immer auch die Nutzung für alle – etwa Untertitel, die auch ohne Ton verstanden werden, oder klare Struktur, die Suchmaschinen ebenso hilft wie Screenreadern.
Barrieren in der Praxis
Ein Bestellformular ohne sichtbare Beschriftung der Felder, ein Video ohne Untertitel, ein Menü, das sich nur mit der Maus öffnen lässt, ein Text in hellgrauer Schrift auf weißem Grund: Jede dieser Stellen kann für bestimmte Menschen die Nutzung unmöglich machen. Oft entstehen Barrieren nicht aus böser Absicht, sondern weil niemand sie mitgedacht hat.
Wer profitiert?
Nicht nur Menschen mit dauerhaften Einschränkungen. Auch ältere Menschen, Personen mit gebrochenem Arm, Nutzende in greller Sonne oder lauter Umgebung und Menschen, die Deutsch nicht als Erstsprache sprechen, haben Vorteile von klarer Sprache, guten Kontrasten und flexiblen Bedienwegen.
Barrierefreiheit als Prozess
Sie ist kein Zusatz am Ende, sondern gehört in Konzeption, Gestaltung, Entwicklung und Test. Nachträgliche Korrekturen sind meist aufwendiger als frühzeitiges Mitdenken. Ein sinnvoller Einstieg ist, die wichtigsten Abläufe (Bestellen, Kontakt, Anmelden) mit Tastatur und Screenreader durchzugehen und Befunde nach Schwere zu ordnen.
Zum Selbermachen: eine Seite mit anderen Augen
- Öffne eine Seite und bediene sie zehn Minuten nur mit der Tastatur.
- Stelle den Browser auf 200 Prozent Vergrößerung.
- Schalte den Ton aus und prüfe, ob Videos verständlich bleiben.
- Notiere die Stellen, an denen du nicht weiterkommst.
Prüfstatus: Belegt (Stand 1. Oktober 2026): Jahreszahlen, Zahlen, Namen und Quellenangaben dieser Lektion, soweit die Quellenliste sie nennt, wurden gegen Primärquellen geprüft. Nicht einzeln belegt: erklärende Darstellung nach Lehrbuchstand und Quellen, die in der Liste als „allgemeine Referenz“ markiert sind.
Quellen
- World Health Organization – Fact Sheet „Disability“
- W3C Web Accessibility Initiative (WAI) – „Accessibility, Usability, and Inclusion“
WCAG: Prinzipien, Ebenen und Erfolgskriterien
Begriffe vorab
- Erfolgskriterium: eine prüfbare Anforderung der WCAG.
- Konformität: die Erfüllung aller Kriterien einer Stufe.
- Techniken: Hinweise des W3C, wie Kriterien umgesetzt werden können; sie sind informativ, nicht verbindlich.
Die Web Content Accessibility Guidelines (WCAG) sind der internationale Standard für barrierefreie Webinhalte, herausgegeben vom W3C über die Web Accessibility Initiative (WAI). Aktuelle Fassungen sind WCAG 2.1 (2018) und WCAG 2.2 (2023), die WCAG 2.1 vollständig einschließt und um weitere Erfolgskriterien ergänzt.
Vier Prinzipien, ein Akronym
Jedes Erfolgskriterium gehört zu einem der vier POUR-Prinzipien (siehe vorige Lektion): wahrnehmbar, bedienbar, verständlich, robust.
Drei Konformitätsstufen
- A – Mindestanforderung, ohne die manche Nutzergruppen vollständig ausgeschlossen wären.
- AA – der in Gesetzen und Richtlinien übliche Zielstandard (siehe Rechtslektion).
- AAA – die höchste Stufe; das W3C selbst empfiehlt AAA nicht als pauschales Ziel für ganze Websites, da einige Kriterien für bestimmte Inhalte nicht erreichbar sind.
Aufbau eines Erfolgskriteriums
Jedes Kriterium hat eine Nummer nach dem Schema Prinzip.Richtlinie.Kriterium, zum Beispiel 1.4.3 Kontrast (Minimum) unter Prinzip 1 (Wahrnehmbar), Richtlinie 4 (Unterscheidbar).
Wichtige Kriterien zum Kennenlernen
- 1.1.1 Nicht-Text-Inhalte (A): Alternativtext für Bilder.
- 1.4.3 Kontrast Minimum (AA): 4,5:1 für normalen, 3:1 für großen Text.
- 2.1.1 Tastatur (A): Alle Funktionen ohne Maus erreichbar.
- 2.4.7 Fokus sichtbar (AA): Der Tastaturfokus muss erkennbar sein.
- 3.3.2 Beschriftungen/Anweisungen (A): Formularfelder brauchen erkennbare Labels.
- 4.1.2 Name, Rolle, Wert (A): Interaktive Elemente müssen für assistive Technologien identifizierbar sein.
Was ist neu in WCAG 2.2?
WCAG 2.2 ergänzt unter anderem Kriterien zu größeren Klickzielen (2.5.8 Zielgröße, Minimum: mindestens 24 × 24 CSS-Pixel, mit Ausnahmen), zu einem Tastaturfokus, der nicht vollständig von anderen Inhalten verdeckt werden darf (2.4.11 Fokus nicht verdeckt, Minimum, Stufe AA), sowie zu erleichtertem Ausfüllen von Formularen (3.3.7 Redundante Eingaben, 3.3.8 Barrierefreie Authentifizierung). Das zuvor enthaltene Kriterium 4.1.1 (Parsing) wurde als veraltet entfernt, da moderne Browser fehlerhaftes HTML ohnehin robust behandeln.
WCAG-Versionsnummern und einzelne Kriterien ändern sich. Für eine verbindliche Prüfung immer die aktuelle Fassung auf w3.org/WAI/standards-guidelines/wcag/ konsultieren.
Ein Beispiel: ein Kriterium durchgehen
Kriterium 1.1.1 (Nicht-Text-Inhalte) verlangt Textalternativen. Ein Diagramm mit Umsatzzahlen braucht eine Beschreibung, die die Kernaussage wiedergibt, etwa „Umsatz stieg von 2 Mio. € auf 3 Mio. €“. Ein rein dekoratives Bild bekommt einen leeren Alternativtext, damit Screenreader es überspringen. Das Kriterium nennt also nicht einfach „Alt-Text setzen“, sondern verlangt einen zum Zweck passenden Ersatz.
Konformität ist Seitenbezogen
Konformität gilt für vollständige Seiten, nicht für einzelne Elemente; alle Inhalte einer Seite müssen die Stufe erfüllen, auch eingebundene Komponenten. Bei Abläufen wie einer Bestellung müssen alle Schritte konform sein, sonst gilt der Ablauf nicht als konform.
Wie man WCAG im Projekt nutzt
- Zielstufe (meist AA) und Version (z. B. 2.1 oder 2.2) festlegen.
- Kriterien in Designvorgaben und Abnahmekriterien übersetzen.
- Bei Änderungen der Version prüfen, welche neuen Kriterien hinzukommen.
Prüfstatus: Belegt (Stand 1. Oktober 2026): Jahreszahlen, Zahlen, Namen und Quellenangaben dieser Lektion, soweit die Quellenliste sie nennt, wurden gegen Primärquellen geprüft. Nicht einzeln belegt: erklärende Darstellung nach Lehrbuchstand und Quellen, die in der Liste als „allgemeine Referenz“ markiert sind.
Quellen
- W3C – Web Content Accessibility Guidelines (WCAG) 2.1 und 2.2, Empfehlungen der W3C Web Accessibility Initiative
- W3C WAI – „Understanding Conformance“ (Erläuterung der Stufen A/AA/AAA) (allgemeine Referenz, nicht Zeile für Zeile geprüft)