LexikonWebdesign und Technik

Barrierefreiheit (Web Accessibility)

Barrierefreiheit (Web Accessibility) ist die Eigenschaft einer Website, von allen Menschen nutzbar zu sein, auch mit Seh-, Hör- oder motorischen Einschränkungen.

Barrierefreiheit (englisch Web Accessibility, oft mit a11y abgekürzt) bezeichnet die Gestaltung von Websites und Apps, die möglichst alle Menschen wahrnehmen, verstehen und bedienen können. Das gilt unabhängig von einer Behinderung, vom genutzten Gerät oder von der Situation. Gemeint sind Menschen mit Seh-, Hör-, motorischen oder kognitiven Einschränkungen, aber auch alle, die per Tastatur, Screenreader oder Sprachsteuerung arbeiten oder bei grellem Sonnenlicht auf das Smartphone schauen. Internationaler Massstab sind die WCAG (Web Content Accessibility Guidelines), aktuell in Version 2.2, mit den Konformitätsstufen A, AA und AAA.

Warum es wichtig ist

Ein Teil deiner Besucher ist auf Barrierefreiheit angewiesen. Schliesst du sie aus, verlierst du Kunden und Anfragen. Zudem verbessern Massnahmen für Barrierefreiheit fast immer auch SEO und die Bedienbarkeit für alle. Sauberes, semantisches HTML, gute Alt-Texte, eine klare Struktur und eine einfache Bedienung helfen Screenreadern und Google gleichermassen. Auch rechtlich gewinnt das Thema an Gewicht: Der European Accessibility Act (EAA) verpflichtet seit Juni 2025 viele Anbieter im EU-Raum zu barrierefreien digitalen Angeboten. Das kann auch Schweizer Firmen mit Kunden in der EU betreffen. In der Schweiz selbst verpflichtet das BehiG in erster Linie öffentliche Stellen.

Wie es in der Praxis funktioniert

Barrierefreiheit folgt vier WCAG-Prinzipien: wahrnehmbar, bedienbar, verständlich, robust. Konkret heisst das:

  • Textalternativen: aussagekräftige Alt-Texte für Bilder, Beschriftungen für Formularfelder und Buttons.
  • Bedienung per Tastatur: Jede Funktion ist ohne Maus erreichbar, mit sichtbarem Fokusrahmen.
  • Ausreichender Kontrast: mindestens 4,5:1 für normalen Text, damit Inhalte auch bei Sehschwäche lesbar sind.
  • Semantische Struktur: logische Überschriften (H1 bis H6), Listen, Landmarks und bei Bedarf ARIA-Attribute.
  • Verständlichkeit: klare Sprache, Informationen nicht allein über Farbe vermitteln, Videos mit Untertiteln.
  • Skalierbarkeit: Text bleibt bei 200 % Zoom lesbar, und das Layout bricht nicht.

Geprüft wird mit Tools wie axe, Lighthouse oder WAVE, ergänzt durch manuelle Tests mit Tastatur und Screenreader. Vieles lässt sich nicht automatisch messen.

Welche Pflichten für Schweizer und EU-Websites gelten und wie du eine Website barrierefrei umsetzt, steht im Beitrag Barrierefreie Website für KMU.

Für Schweizer KMU

Für ein KMU heisst Barrierefreiheit selten Maximalausbau, sondern solide Grundlagen: lesbare Kontraste, beschriftete Formulare, eine per Tastatur bedienbare Navigation und sinnvolle Alt-Texte. Das erweitert deine Zielgruppe, senkt rechtliche Risiken bei Kundschaft in der EU und kommt auch der Sichtbarkeit zugute. Am günstigsten ist Barrierefreiheit, wenn sie von Anfang an eingeplant wird. Nachträgliche Anpassungen sind deutlich aufwändiger.

Häufige Fragen

Direkt verpflichtet sind in der Schweiz vor allem öffentliche Stellen über das Behindertengleichstellungsgesetz (BehiG). Private KMU sind hierzulande noch nicht generell verpflichtet. Wer Kunden in der EU bedient, fällt unter Umständen unter den European Accessibility Act (EAA), der seit Juni 2025 gilt. Unabhängig davon erreichen barrierefreie Angebote mehr Kunden.

Die WCAG (Web Content Accessibility Guidelines) sind der internationale Standard für Barrierefreiheit, aktuell in Version 2.2. Sie kennen die Stufen A, AA und AAA. In der Praxis gilt Stufe AA als realistischer und meist geforderter Zielwert für Websites. Sie deckt die wichtigsten Punkte wie Kontrast, Bedienung per Tastatur und Textalternativen ab.

Ja. Viele Massnahmen überschneiden sich: aussagekräftige Alt-Texte, eine saubere Überschriftenstruktur, semantisches HTML und eine klare Bedienung helfen Screenreadern und Google gleichermassen. Barrierefreiheit verbessert so indirekt Rankings und Nutzerfreundlichkeit.

Passende Leistungen