Barrierefreiheit: Definition und Bedeutung

Barrierefreiheit bedeutet, dass Menschen mit Behinderungen digitale Produkte nutzen können. Definition, Nutznießer, WCAG und Testmethoden.

Was ist Barrierefreiheit?

Barrierefreiheit bedeutet, Websites, Apps und Software so zu gestalten und zu entwickeln, dass Menschen mit Behinderungen sie nutzen können. Die Web Accessibility Initiative des W3C beschreibt es so: Websites, Werkzeuge und Technologien werden so entworfen und entwickelt, dass Menschen mit Behinderungen sie nutzen können. Das umfasst Sehen, Hören, Bewegung, Sprache und kognitive Bedürfnisse. Auch Menschen mit vorübergehenden oder situativen Einschränkungen profitieren, etwa bei Blendung auf dem Smartphone oder in einem Raum, in dem kein Ton abgespielt werden kann.

So funktioniert es in der Praxis

Die meiste Arbeit an digitaler Barrierefreiheit folgt den WCAG, den Web Content Accessibility Guidelines. WCAG 2.2 ist auch als ISO/IEC 40500 veröffentlicht. Die vier Prinzipien lauten wahrnehmbar, bedienbar, verständlich und robust (siehe POUR). Konkret heißt das:

  • Textalternativen für Bilder, damit ein Screenreader sie beschreiben kann (siehe barrierefreie Bilder).
  • Vollständige Tastaturbedienung mit sichtbarem Fokus.
  • Ausreichender Farbkontrast und keine Information, die nur über Farbe vermittelt wird (siehe barrierefreie Farbpaletten).
  • Untertitel oder Transkripte für Audio und Video.
  • Semantisches HTML, mit ARIA nur dort, wo native Elemente nicht ausreichen.

Beispiel

Ein Bestellformular mit sichtbarer Beschriftung an jedem Feld, Fehlermeldungen als Text direkt am Feld und einer Schaltfläche, die sich mit Tab und Enter erreichen lässt, funktioniert für Screenreader-Nutzer, für Tastaturnutzer und für jemanden mit dem Handy in der Sonne. Dasselbe Formular mit Platzhaltern statt Beschriftungen und roten Rahmen als einzigem Fehlersignal scheitert in allen drei Fällen.

Häufige Fehler

  • Barrierefreiheit als Abschlussprüfung behandeln statt als Gewohnheit in Design und Komponenten.
  • Sich allein auf einen automatischen Scanner verlassen. Automatische Tools finden nur einen Teil der Probleme, deshalb braucht es weiterhin Tastaturtests und Prüfungen mit assistiven Technologien.
  • ARIA einsetzen, wo ein normaler Button oder Link genügt.
  • Barrierefreiheit mit allgemeiner Benutzerfreundlichkeit verwechseln: Beides überschneidet sich, aber Barrierefreiheit hat prüfbare Kriterien.

Barrierefreiheit und Tests

Barrierefreiheit wird mit automatischen Scans, manuellen Tastatur- und Screenreader-Durchgängen und Konformitätsberichten wie dem Accessibility Conformance Report oder dem VPAT geprüft. Unser Vergleich der Tools für Barrierefreiheitstests zeigt, was jeder Ansatz findet, und warum Performance-Tests Barrierefreiheit einbeziehen sollten behandelt die Überschneidung mit Geschwindigkeitsthemen. Mit dem Page Speed Monitoring verfolgen Sie den Lighthouse-Accessibility-Score Ihrer Seiten über die Zeit und erkennen Rückschritte. Eine manuelle Prüfung ersetzt es nicht.

Häufige Fragen

Was ist die einfachste Definition von Barrierefreiheit?

Barrierefreiheit heißt, dass Menschen mit Behinderungen ein Produkt gleichberechtigt wahrnehmen, verstehen, navigieren und bedienen können.

Ist Barrierefreiheit dasselbe wie WCAG-Konformität?

Nein. Die WCAG sind der wichtigste technische Standard, aber Barrierefreiheit umfasst auch die echte Nutzung mit assistiven Technologien sowie Entscheidungen in Design und Inhalt. Alle WCAG-Kriterien zu erfüllen ist eine solide Basis, aber keine Garantie, dass jeder Nutzer zurechtkommt.

Wer profitiert von barrierefreiem Design?

Zuerst Menschen mit dauerhaften Behinderungen, aber auch ältere Nutzer, deren Fähigkeiten sich verändern, Menschen mit einem gebrochenen Arm oder in lauter Umgebung und alle, die bei hellem Licht ein kleines Display nutzen.

Ist Barrierefreiheit gesetzlich vorgeschrieben?

In vielen Ländern ja. Der European Accessibility Act deckt zum Beispiel Dienste wie Online-Shopping und Bankdienstleistungen ab. Prüfen Sie die Regeln für Ihren Markt und holen Sie für Rechtsfragen fachkundigen Rat ein.

Wie fange ich mit Barrierefreiheitstests an?

Starten Sie einen automatischen Scan, bedienen Sie die Seite dann mit der Tastatur, zoomen Sie auf 200 % und probieren Sie einen Screenreader an Ihren wichtigsten Abläufen aus. Beheben Sie Probleme zuerst in gemeinsam genutzten Komponenten.

Wie schnell ist Ihre Website?

Steigern Sie ihre Geschwindigkeit und SEO nahtlos mit unserem kostenlosen Geschwindigkeitstest.

Kostenloser Websitespeed-Test

Analysieren Sie die Ladegeschwindigkeit Ihrer Website und verbessern Sie ihre Leistung mit unserem kostenlosen Seitengeschwindigkeits-Checker.