Barrierefreiheit

Auch bekannt als:

Accessibility, a11y, digitale Barrierefreiheit

Kurz erklärt

Barrierefreiheit heißt, digitale Produkte so zu gestalten, dass alle sie nutzen können, auch mit Seh-, Hör-, motorischen oder kognitiven Einschränkungen.

Was ist Barrierefreiheit?

Digitale Barrierefreiheit heißt, dass Websites, Shops und Apps ohne fremde Hilfe nutzbar sind, egal ob jemand schlecht sieht, einen Screenreader verwendet, nur mit der Tastatur navigiert oder sich schwer konzentrieren kann. Auch vorübergehende Einschränkungen zählen, etwa ein gebrochener Arm oder grelles Sonnenlicht auf dem Display.

Den fachlichen Rahmen bilden die Web Content Accessibility Guidelines (WCAG) des W3C. Sie ordnen Anforderungen vier Prinzipien zu: wahrnehmbar, bedienbar, verständlich und robust. In Deutschland setzt das Barrierefreiheitsstärkungsgesetz (BFSG) den European Accessibility Act um. Es gilt seit dem 28. Juni 2025 für viele digitale Produkte und Dienstleistungen, darunter Onlineshops für Verbraucher. Für Kleinstunternehmen gibt es Ausnahmen. Ob dein Angebot betroffen ist, solltest du im Einzelfall rechtlich prüfen.

Warum Barrierefreiheit wichtig ist

Neben der rechtlichen Pflicht geht es um Reichweite: Menschen mit Einschränkungen sind Kunden wie alle anderen. Dazu kommt, dass barrierefreie Gestaltung fast immer allen hilft. Gute Kontraste, klare Fehlermeldungen und logische Strukturen machen ein Produkt für jeden schneller und angenehmer.

So setzt du Barrierefreiheit in der Praxis um

  • Prüfe Kontraste von Text und Bedienelementen gegen die WCAG-Vorgaben.
  • Mach alles per Tastatur bedienbar und zeig deutlich, welches Element gerade den Fokus hat.
  • Beschrifte Formulare sauber: sichtbare Labels, verständliche Fehlermeldungen, nicht nur Farbe als Hinweis.
  • Ergänze Alternativtexte für inhaltlich relevante Bilder.
  • Teste mit Screenreader und, wenn möglich, mit Menschen, die auf Hilfsmittel angewiesen sind.

Beispiel

Im Checkout eines Shops wird ein fehlerhaftes Feld nur rot umrandet. Wer eine Rot-Grün-Schwäche hat oder einen Screenreader nutzt, erfährt nicht, was falsch ist. Ein Fehlertext direkt am Feld mit konkretem Hinweis löst das für alle.

geschrieben von

Benedikt Geisberger

Theorie verstanden? Dann testen wir dein Produkt.

Wir zeigen dir mit echten Nutzertests, wo dein Produkt hakt und was du konkret verbessern kannst.

Projekt anfragen