Web-Barrierefreiheit: das Detail, das Profi von Amateur trennt
Eine barrierefreie Website ist keine aktivistische Option: Sie ist besser gerankt, von allen nutzbar und rechtlich sicherer. Hier sind die WCAG-Reflexe, die ich standardmäßig anwende, nicht als Zusatz.
Eine Website, die ein Teil Ihrer Besucher nicht nutzen kann
Stellen Sie sich vor, Sie liefern ein Geschäft, dessen Tür für ein Fünftel Ihrer Kunden zu schmal ist. Genau das tut eine nicht barrierefreie Website: Menschen mit Sehbehinderung, Farbenblindheit, die per Tastatur navigieren, mit einem Screenreader oder einfach bei praller Sonne am Handy — alle stoßen auf Barrieren, die für den Entwickler, der sie nicht testet, unsichtbar sind.
Barrierefreiheit (a11y) ist keine Schicht, die man am Ende hinzufügt. Sie ist eine Art zu bauen, von der ersten Zeile an.
Was ich systematisch prüfe
Das sind keine exotischen Fälle, sondern Grundlagen, die ich in jedem Projekt anwende:
- Kontrast — Text muss sich vom Hintergrund abheben (Verhältnis mindestens 4,5:1 für Fließtext). Das „elegante" Hellgrau auf Weiß ist oft unleserlich.
- Tastaturnavigation — alles Anklickbare muss mit der
Tab-Taste erreichbar sein, mit sichtbarem Fokus. Viele Websites entfernen den Fokusrahmen „fürs Design": das ist ein Fehler. - Alternativtexte — jedes bedeutungstragende Bild hat ein beschreibendes
alt; dekorative Bilder werden als solche gekennzeichnet. - Semantische Struktur — ein einziges
<h1>, eine logische Überschriftenhierarchie, Landmarks (nav,main,footer), die Screenreader ansagen. - Touch-Ziele — auf dem Handy ist ein zu kleiner Button ein Button, den man verfehlt.
Barrierefreiheit beschränkt das Design nicht. Sie diszipliniert es. Kontrast- und Fokusanforderungen erzeugen fast immer eine klarere Oberfläche für alle.
Der direkte Zusammenhang mit SEO
Was viele übersehen: Google liest eine Seite wie ein Screenreader. Eine saubere semantische Struktur, treffende alt-Texte, eindeutige Links — das sind dieselben Signale, die der Barrierefreiheit und dem Ranking dienen. Eine Website barrierefrei zu machen, macht sie fast zwangsläufig sichtbarer.
Eine barrierefreie Website hakt damit drei Punkte auf einmal ab: mehr Nutzer, besseres SEO, weniger rechtliches Risiko (Barrierefreiheit wird in immer mehr Ländern zur gesetzlichen Pflicht).
Null WCAG-Verstöße ist nicht dasselbe wie „wirklich nutzbar"
Automatische Werkzeuge (Lighthouse, axe) fangen einen Teil der Probleme ab — Kontraste, fehlende alt, kaputte ARIA-Rollen. Aber ein Score von 100 garantiert nicht, dass ein Mensch zurechtkommt. Manches lässt sich nur von Hand testen:
- Die ganze Seite nur mit der Tastatur bedienen, ohne Maus.
- Sie mit einem Screenreader anhören (VoiceOver, NVDA).
- Prüfen, dass nichts allein von der Farbe abhängt, um verstanden zu werden.
Es ist diese letzte Zeile — der menschliche Test — die der Amateur überspringt und der Profi nie vergisst.
Meine Haltung
Ich rechne „Barrierefreiheit" nicht als Premium-Option ab. Sie gehört dazu, was es heißt, eine ordentliche Website zu liefern, genauso wie sie auf dem Handy funktionieren muss. Ein Ergebnis, das einen Teil seiner Besucher ausschließt, ist nicht fertig — es ist unvollständig. Und dieser Anspruch, in einer 30-Sekunden-Demo unsichtbar, ist genau das, was dauerhafte Arbeit von einer Wegwerf-Website unterscheidet.