Barrierefreiheit im Web: warum es kein Nice-to-Have ist

Warum Accessibility alle betrifft

Rund 1,3 Milliarden Menschen weltweit leben mit einer Form von Behinderung. In der Schweiz betrifft das etwa 1,8 Millionen Personen. Barrierefreiheit stellt sicher, dass alle Menschen digitale Inhalte nutzen können, unabhängig von ihren körperlichen oder kognitiven Fähigkeiten.

Was Web Accessibility bedeutet

Barrierefreie Websites sind so gebaut, dass sie für alle funktionieren. Auch für Menschen mit Sehbehinderungen, Hörbeeinträchtigungen, motorischen Einschränkungen oder kognitiven Behinderungen.

Der internationale Standard dafür sind die Web Content Accessibility Guidelines (WCAG) des W3C. Die aktuelle Version WCAG 2.2 definiert drei Stufen: A (Minimum), AA (empfohlen) und AAA (optimal).

Die vier Grundprinzipien

1. Wahrnehmbar

Inhalte müssen über verschiedene Sinne zugänglich sein. Das heisst: Alt-Texte für Bilder, Untertitel für Videos, ausreichend Farbkontrast und skalierbare Schriftgrössen. Screenreader müssen alle relevanten Informationen erfassen können.

2. Bedienbar

Navigation muss mit verschiedenen Eingabegeräten funktionieren: Tastatur, Sprachsteuerung, assistive Technologien. Fokuszustände müssen sichtbar sein und interaktive Elemente brauchen genug Zeit zur Bedienung.

3. Verständlich

Texte müssen klar formuliert sein. Die Navigation muss konsistent funktionieren. Formulare brauchen verständliche Beschriftungen und hilfreiche Fehlermeldungen, nicht kryptische Codes.

4. Robust

Die Website muss mit verschiedenen Browsern, Geräten und assistiven Technologien zusammenspielen. Semantisches HTML ist die Basis: korrekte Überschriftenhierarchie, ARIA-Attribute wo nötig und valider Code.

Was in der Schweiz gilt

Das Behindertengleichstellungsgesetz (BehiG) verpflichtet öffentliche Stellen zur digitalen Barrierefreiheit. Für private Unternehmen gibt es bisher keine Pflicht, aber der European Accessibility Act (EAA) wird ab Juni 2025 auch den Schweizer Markt betreffen.

Mein Rat: Warte nicht auf die Pflicht. Barrierefreiheit verbessert deine Website für alle.

So machst du deine Website zugänglicher

• Semantisches HTML: Verwende die richtigen Elemente (<nav>, <main>, <article>, <button>) statt generischer <div>-Container.
• Farbkontraste prüfen: Mindestens 4.5:1 Kontrastverhältnis für normalen Text.
• Tastaturtest: Navigiere deine Website nur mit der Tastatur. Jedes Element muss erreichbar sein.
• Alt-Texte schreiben: Beschreibe Bilder präzise und informativ, nicht nur dekorativ.
• Automatisiert testen: Tools wie axe, Lighthouse und WAVE finden häufige Probleme, ersetzen aber keinen manuellen Test.

Fazit

Barrierefreiheit ist ethisch richtig und geschäftlich sinnvoll: bessere SEO, grössere Zielgruppe und eine insgesamt bessere Nutzererfahrung. Gutes Design schliesst niemanden aus. Erfahre mehr über meine Webdesign-Lösungen.