Barrierefreiheit
Barrierefreiheit im Web heisst, dass Menschen mit Behinderungen eine Website wahrnehmen, verstehen und bedienen können, ob mit Screenreader, Tastatur, Vergrösserung oder Sprachsteuerung.
- Normaler Text
- 4.5 : 1
- Grosser Text
- 3 : 1
- Bedienelemente und Icons
- 3 : 1
Was es ist
Massgebend sind die WCAGWeb Content Accessibility Guidelines: der Standard des W3C für barrierefreie Webinhalte, aktuell in Version 2.2. Gesetze und öffentliche Standards verlangen meist die Stufe AA.Im Glossar, die Web Content Accessibility Guidelines des W3C in der aktuellen Fassung vom Dezember 2024. Sie beruhen auf vier Prinzipien: wahrnehmbar, bedienbar, verständlich und robust. Daraus leiten sie prüfbare Erfolgskriterien in drei Stufen ab, A, AA und AAA. Gesetze und öffentliche Standards verweisen auf die Stufe AA.
Text braucht zum Hintergrund ein KontrastDas Verhältnis der Helligkeit von Text und Hintergrund, von 1 zu 1 bis 21 zu 1. Die WCAG 2.2 verlangen für normalen Text ein Kontrastverhältnis von mindestens 4.5 zu 1, für grossen Text 3 zu 1.Im Glossar von mindestens 4,5 zu 1, grosser Text ab 18 Punkt oder 14 Punkt fett mindestens 3 zu 1. Jede Funktion muss sich allein mit der Tastatur bedienen lassen, der Fokus darf nie hängen bleiben und muss sichtbar sein. Bilder, die etwas aussagen, brauchen eine Textalternative, den Alt-TextEine kurze Textalternative für ein Bild im Attribut `alt`. Screenreader lesen sie vor, Suchmaschinen werten sie aus; rein dekorative Bilder bekommen einen leeren Alt-Text.Im Glossar, den ein ScreenreaderSoftware, die den Inhalt des Bildschirms vorliest oder auf einer Braillezeile ausgibt. Sie ist auf Überschriften, Beschriftungen und Textalternativen im Code angewiesen.Im Glossar vorliest. Neu in Version 2.2: Klick- und Tippflächen messen mindestens 24 auf 24 CSS-Pixel oder haben genug Abstand zur nächsten.
Warum es zählt
Die Weltgesundheitsorganisation schätzt, dass 1,3 Milliarden Menschen mit einer erheblichen Behinderung leben, etwa jeder sechste Mensch. Viele weitere sind zeitweise eingeschränkt, etwa durch einen gebrochenen Arm oder durch Sonnenlicht auf dem Handybildschirm. Hürden sind verbreitet: Der Bericht WebAIM Million fand im Februar 2026 auf 95,9 Prozent der eine Million meistbesuchten Startseiten erkennbare WCAG-Fehler. Text mit zu wenig Kontrast kam auf 83,9 Prozent davon vor, Bilder ohne Alt-Text auf 53,1 Prozent. Saubere Überschriften, beschriftete Schaltflächen und Alt-Texte machen eine Seite zudem für Suchmaschinen und KI-Assistenten leichter lesbar.
In der EU gilt seit dem 28. Juni 2025 der European Accessibility Act für Dienstleistungen an Konsumentinnen und Konsumenten, etwa Onlinehandel, Bankdienstleistungen und Personenverkehr. Er erfasst auch Anbieter ausserhalb der EU, wenn sie diese Dienstleistungen in der EU anbieten. Ausgenommen sind Kleinstunternehmen, die Dienstleistungen erbringen: weniger als 10 Beschäftigte und höchstens 2 Millionen Euro Jahresumsatz.
In der Schweiz verpflichtet das Behindertengleichstellungsgesetz (BehiG) die Bundesverwaltung, ihre Onlinedienste zugänglich zu machen, und deren Standard eCH-0059 verlangt WCAG 2.1 auf Stufe AA. Private, die öffentlich Dienstleistungen anbieten, dürfen Menschen mit Behinderungen nicht benachteiligen. Einen technischen Web-Standard schreibt ihnen das geltende Recht aber nicht vor (Stand 10. November 2026). Eine Teilrevision, die der Bundesrat im Dezember 2024 ans Parlament überwiesen hat, würde Anbieter öffentlich zugänglicher Dienstleistungen, auch digitaler, zu angemessenen Vorkehrungen im Einzelfall verpflichten; sie ist noch hängig.
Worauf es ankommt
Automatische Prüfungen finden nur einen Teil der Hürden, und WebAIM betont, dass eine Seite ohne gefundene Fehler nicht unbedingt barrierefrei ist. Zu jedem Livegang gehört darum ein Durchgang von Hand: mit der Tab-Taste durch die ganze Seite, mit einem Screenreader, bei 200 Prozent Zoom und auf einem schmalen Handybildschirm. Über den Kontrast entscheiden die Markenfarben. Am günstigsten ist die Prüfung darum, bevor die Gestaltung steht. Bewegung sollte anhalten, wenn das Gerät auf reduzierte Bewegung eingestellt ist; Browser melden das über prefers-reduced-motion. Zu den Grundlagen gehören auch Überschriften in der richtigen Reihenfolge mit einer Hauptüberschrift pro Seite, eine Beschriftung für jedes Formularfeld und die im Code angegebene Sprache der Seite.
Quellen
- W3C: Web Content Accessibility Guidelines (WCAG) 2.2, Empfehlung vom 12. Dezember 2024 (öffnet in neuem Tab)
- W3C WAI: Understanding SC 1.4.3 Contrast (Minimum) (öffnet in neuem Tab)
- WHO: Disability, Faktenblatt vom 7. März 2023 (öffnet in neuem Tab)
- WebAIM: The WebAIM Million, Bericht 2026 (Daten vom Februar 2026) (öffnet in neuem Tab)
- EUR-Lex: Richtlinie (EU) 2019/882, European Accessibility Act, Art. 2 Abs. 2, Art. 3 Nr. 4 und Art. 4 Abs. 5 (öffnet in neuem Tab)
- Fedlex: Behindertengleichstellungsgesetz (BehiG), SR 151.3 (öffnet in neuem Tab)
- eCH: eCH-0059 Accessibility Standard, Version 3.0 (öffnet in neuem Tab)
- EDI: Faktenblatt zur Revision des Behindertengleichstellungsgesetzes, 23. Dezember 2024 (öffnet in neuem Tab)
- EBGB: Laufende Gesetzgebungsrevisionen (öffnet in neuem Tab)