Warum digitale Barrierefreiheit mehr ist als nur ein Gesetz
Es gibt zwei Arten von Menschen, die sich plötzlich sehr für digitale Barrierefreiheit interessieren. Die erste Gruppe besteht aus Menschen, die Webseiten tatsächlich nutzen müssen. Die zweite aus Menschen, die gerade erfahren haben, dass es Gesetze dazu gibt.
Beide Gruppen treffen sich derzeit in Meetings. Dort fällt dann oft sehr schnell das Wort „WCAG“. Meist ausgesprochen von Personen, die hoffen, dass niemand nachfragt, wofür die Abkürzung eigentlich steht.
Tun wir es trotzdem.
Was bedeutet WCAG?
WCAG steht für Web Content Accessibility Guidelines
Das klingt ungefähr so sympathisch wie eine Bedienungsanleitung für einen Drucker von 2004, ist aber tatsächlich eines der sinnvollsten Regelwerke, die das Internet hervorgebracht hat.
Die WCAG wurden vom World Wide Web Consortium entwickelt und definieren Richtlinien dafür, wie digitale Inhalte zugänglich gestaltet werden sollen.
Oder einfacher gesagt:
Webseiten sollen nicht nur für junge Designer mit 5K-Monitor und perfekter Sehkraft funktionieren.
Eine überraschend revolutionäre Idee.
Barrierefreiheit betrifft mehr Menschen, als Designer gerne glauben
Viele Menschen stellen sich bei Barrierefreiheit ausschließlich Screenreader vor. Vielleicht noch eine Rampe. Danach endet die Vorstellungskraft oft abrupt.
Tatsächlich betrifft digitale Barrierefreiheit:
- blinde und sehbehinderte Menschen
- Menschen mit motorischen Einschränkungen
- ältere Menschen
- Menschen mit Konzentrationsproblemen
- Menschen mit Lernschwierigkeiten
- Menschen mit schlechten Displays
- Menschen mit schlechtem Internet
- Menschen mit gebrochenem Arm
- und ehrlich gesagt:
manchmal einfach alle Menschen nach 22 Uhr.
Die vier Prinzipien der WCAG
Die WCAG basieren auf vier Grundprinzipien.
Das klingt zunächst sehr technisch. Tatsächlich beschreiben sie hauptsächlich Eigenschaften, die jede gute Gestaltung ohnehin haben sollte.
Also zumindest theoretisch.
1. Wahrnehmbar
Inhalte müssen wahrnehmbar sein. Das bedeutet:
- ausreichende Kontraste
- lesbare Schriftgrößen
- Alt-Texte für Bilder
- Untertitel für Videos
- klare Überschriften
Das Internet liebt allerdings derzeit Hellgrau auf Weiß. Besonders beliebt bei Luxusmarken und Menschen, die offensichtlich niemals draußen auf einem Smartphone lesen.
Wenn ein Text aussieht wie der Geist eines Textes, ist das kein minimalistisches Designkonzept. Es ist einfach schlechter Kontrast.
2. Bedienbar
Eine Website muss bedienbar sein.
Nicht nur mit Maus. Auch mit:
- Tastatur
- Screenreader
- Sprachsteuerung
- Assistenzsystemen
Viele moderne Webseiten verhalten sich allerdings ungefähr so, als hätten sie eine persönliche Feindschaft mit Tastaturen.
Besonders kreative Hamburger-Menüs verschwinden dabei gern in irgendwelchen animierten Zwischenzuständen, aus denen man nie wieder herausfindet.
Fast wie Escape Rooms.
Nur ohne Spaß.
3. Verständlich
Menschen sollten verstehen können:
- was passiert,
- wo sie sich befinden,
- und warum ein Formular gerade wütend auf sie ist.
Fehlermeldungen wie: „Eingabe ungültig.“ helfen ungefähr niemandem.
Das gleiche gilt für Webseiten, die aussehen, als würden Lesende mit sämtlichen Inhalte gleichzeitig angeschriene werden.
Verständlichkeit ist keine Einschränkung kreativer Freiheit.
Sie ist das Gegenteil von digitalem Narzissmus.
4. Robust
Webseiten sollen zuverlässig funktionieren. Auf:
- verschiedenen Geräten
- Browsern
- Screenreadern
- Betriebssystemen
Das klingt selbstverständlich, ist es aber erstaunlich selten.
Viele Websites funktionieren heute nur unter exakt denselben Bedingungen, unter denen sie entwickelt wurden: MacBook, Pro, Chrome, Designer sitzt direkt davor, keine echten Nutzer vorhanden.
WCAG A, AA und AAA – oder: Wie schlecht darf eine Website eigentlich sein?
Die WCAG unterscheiden drei Stufen:
- A Minimale Anforderungen
- AA Der heutige Standard
- AAA Die Idealvorstellung
Die meisten professionellen Websites orientieren sich an WCAG 2.1 AA oder WCAG 2.2 AA.
AAA ist ein bisschen wie Bio, regional, saisonal, emissionsfrei und komplett plastiklos gleichzeitig einzukaufen.
Prinzipiell wunderbar.
Praktisch manchmal kompliziert.
Bedeutet Barrierefreiheit automatisch hässliches Design?
Nein.
Das behaupten meist Menschen, deren gesamtes Gestaltungskonzept aus:
- sehr dünner Typografie,
- grauem Text,
- riesigen Videos,
- und verschwundenen Menüs besteht.
Barrierefreiheit zerstört gutes Design nicht. Sie verhindert lediglich, dass man schlechte Entscheidungen „minimalistisch“ nennt.
Tatsächlich führt gute Accessibility oft zu:
- besserer Typografie
- besserer Struktur
- besserer Nutzerführung
- besserer Lesbarkeit
- besserer Usability
Kurz: zu besserem Design.
Das BFSG und die plötzliche Liebe zur Accessibility
Mit dem Barrierefreiheitsstärkungsgesetz (BFSG) wird seit 2025 digitale Barrierefreiheit für viele Angebote verpflichtend.
Plötzlich interessieren sich Menschen für Kontraste, die vorher nicht einmal ihre PowerPoint-Folien lesen konnten.
So funktioniert Fortschritt manchmal eben.
Wie prüft man Barrierefreiheit?
Hier wird es interessant.
Denn sehr viele Menschen glauben:
Wenn irgendwo ein grüner Haken erscheint, ist die Website barrierefrei.
Das ist ungefähr so, als würde man ein Gebäude allein deshalb für sicher erklären, weil die Eingangstür funktioniert.
Automatische Tests sind hilfreich.
Aber sie erkennen nur einen Teil der Probleme.
Accessibility ist keine Checkbox. Sie ist ein Qualitätsprozess.
Praktische Prüftools für WCAG
Google Lighthouse
Lighthouse gehört inzwischen zur Grundausstattung moderner Webentwicklung. Das Tool prüft unter anderem:
- Kontraste
- Alt-Texte
- Formularbeschriftungen
- technische Accessibility-Probleme
Praktisch: Es ist direkt in Chrome integriert.
Wichtig: Ein Lighthouse-Score von 100 bedeutet nicht automatisch, dass echte Menschen die Website problemlos nutzen können.
Es bedeutet lediglich: Die Maschine ist zufrieden.
Menschen sind deutlich anspruchsvoller.
WAVE Accessibility Tool
- Designer:innen
- Redakteur:innen
- Menschen, die nicht täglich HTML lesen möchten
- fehlende Alt-Texte
- fehlerhafte Überschriftenstrukturen
- problematische Formulare
- Kontrastprobleme
axe DevTools
axe gehört zu den professionellsten Accessibility-Tools überhaupt. Sehr beliebt bei:
- Entwickler:innen
- QA-Teams
- Accessibility-Spezialist:innen
Besonders stark:
- präzise WCAG-Prüfungen
- gute Fehlerbeschreibungen
- technische Detailtiefe
Oder anders gesagt:
axe erklärt einem sehr gründlich, warum der eigene Code problematisch ist.
Eine Form digitaler Ehrlichkeit.
Kontrast-Checker
Farben gehören zu den häufigsten Accessibility-Problemen im Web.
Vor allem Designer lieben Kontraste, die aussehen wie: „Eleganter Nebel bei Morgendämmerung.“
Nutzende lieben dagegen lesbaren Text.
Hilfreiche Tools:
- WebAIM Contrast Checker
- Accessible Colors
- oder gleich hier bei amselrehhase: Farbchecker
Sie prüfen:
- WCAG-Konformität
- Lesbarkeit
- Kontrastverhältnisse
Ein erstaunlich großer Teil moderner Webseiten scheitert bereits hier.
Screenreader testen
Wer wirklich verstehen möchte, wie zugänglich eine Website ist, sollte sie mit einem Screenreader testen.
Zum Beispiel mit:
Das ist oft ein sehr aufschlussreicher Moment.
Viele Websites, die visuell hochmodern wirken, verhalten sich im Screenreader plötzlich wie ein Keller voller unsortierter Umzugskartons.
Der wichtigste Test: Tastatur weg. Maus weg.
Die vielleicht einfachste Accessibility-Prüfung:
Maus nicht benutzen. Nur Tastatur.
Wenn man dabei:
- die Navigation verliert,
- Menüs nicht erreicht,
- Popups nicht schließen kann,
- oder plötzlich im digitalen Nichts verschwindet,
dann hat die Website ein Problem.
Und zwar kein kleines.
Fazit
Die WCAG sind keine bürokratische Schikane für Designer:innen.
Sie sind im Grunde eine Erinnerung daran, dass digitale Gestaltung für Menschen gedacht ist.
Nicht für Awards.
Nicht für Dribbble.
Nicht für das eigene Portfolio.
Nicht für beeindruckte Kundentermine mit sehr viel Glaswasser.
Sondern für Nutzung.
Und gute Nutzung war schon immer die eleganteste Form guten Designs.
Digitale Barrierefreiheit mit amselrehhase
Bei amselrehhase beschäftigen wir uns mit:
- barrierefreiem Webdesign
- WCAG-konformer Gestaltung
- Accessibility-Checks
- barrierefreien PDFs
- Typografie & Lesbarkeit
- Schulungen rund um digitale Barrierefreiheit
Denn gutes Design sollte nicht nur schön aussehen.
Es sollte funktionieren.
Wir entwickeln und prüfen barrierefreie Projekte. Buchen Sie uns für barrierefreie Kommunikationsmittel! Schreiben Sie uns eine E‑Mail!
amselrehhase | 20.05.2026
Vereinfachte Zusammenfassung
Die WCAG sind internationale Regeln für barrierefreie Webseiten. Sie helfen dabei, Internetseiten so zu gestalten, dass möglichst viele Menschen sie nutzen können. Dazu gehören zum Beispiel: • blinde oder sehbehinderte Menschen • Menschen mit motorischen Einschränkungen • ältere Menschen • Menschen mit Lernschwierigkeiten Barrierefreiheit bedeutet: Webseiten sollen gut lesbar, verständlich und einfach bedienbar sein. Wichtige Punkte sind: • gute Kontraste • lesbare Schriftgrößen • klare Navigation • Alt-Texte für Bilder • Bedienung mit der Tastatur Die WCAG helfen dabei, Webseiten besser und nutzerfreundlicher zu machen. Mit Tools wie: • Lighthouse • WAVE • axe DevTools können viele Probleme geprüft werden. Wichtig ist aber: Eine Website ist nicht automatisch barrierefrei, nur weil ein Tool keine Fehler findet. Gute Barrierefreiheit entsteht durch: • gutes Design • klare Inhalte • sauberen Code • und echte Tests mit Menschen.
