Was bedeutet barrierefreies Webdesign?
Bei digitaler Barrierefreiheit geht es um mehr als technischen Feinschliff. Es geht um Teilhabe. Alle Menschen sollen Informationen, Produkte und Dienstleistungen im Web nutzen können, egal ob sie Einschränkungen beim Sehen, Hören, Verstehen oder in der Motorik haben.
Eine barrierefreie Website ist so aufgebaut, dass auch Menschen mit Behinderungen sie ohne fremde Hilfe bedienen können. Das betrifft Texte, Bilder und Videos genauso wie Navigation, Formulare und Anwendungen.
Definition und Ziel
Barrierefreies Webdesign sorgt dafür, dass sich alle zurechtfinden, auch Menschen, die auf Screenreader, Tastatursteuerung, leichte Sprache oder Untertitel angewiesen sind. Das ist kein Extra, sondern die Grundlage für echte Inklusion im digitalen Raum.
Den Rahmen geben internationale Standards vor, allen voran die Web Content Accessibility Guidelines (WCAG 2.2) des World Wide Web Consortium (W3C). Sie beschreiben, wie Websites, Dokumente, Videos und Anwendungen gestaltet sein müssen, damit sie möglichst vielen Menschen zugänglich sind.
Vorteile für alle
Von einer barrierefreien Website profitieren nicht nur Menschen mit Einschränkungen. Sie macht deine Website für alle angenehmer und bringt auch dir als Anbieter klare Vorteile.
- Bessere Nutzerführung. Eine klar strukturierte Seite mit gut lesbaren Texten, sichtbarem Fokus und durchdachter Navigation führt zu weniger Absprüngen und mehr Zufriedenheit.
- Mehr Reichweite durch sauberen Code. Barrierefreie Websites sind meist auch technisch sauber umgesetzt. Das hilft bei der Suchmaschinenoptimierung und macht deine Inhalte für Google und KI-Suchen besser lesbar.
- Gut vorbereitet auf neue Vorgaben. In der EU gilt seit dem 28. Juni 2025 der European Accessibility Act (EAA) für viele digitale Produkte und Dienstleistungen. Auch in der Schweiz wird das Behindertengleichstellungsgesetz gerade überarbeitet.
Welche Vorgaben 2026 in der Schweiz relevant sind
Barrierefreiheit ist in der Schweiz nicht neu. Das Behindertengleichstellungsgesetz (BehiG) gilt seit 2004 und verpflichtet den Bund schon lange, seine Internetangebote barrierefrei zu gestalten. In der Praxis blieb die Umsetzung aber oft unverbindlich, vor allem ausserhalb der Bundesverwaltung.
Neben dem BehiG, der Behindertengleichstellungsverordnung (BehiV) und dem Bundesgesetz über den Einsatz elektronischer Mittel (EMBAG) bringt nun die Teilrevision des BehiG mehr Verbindlichkeit. Der Bundesrat hat die Botschaft dazu verabschiedet, sie ist offiziell kommuniziert und auf Fedlex publiziert. Jetzt ist das Parlament am Zug.
Für Kantone und Gemeinden gelten je nach Kanton eigene Regeln. Viele orientieren sich bereits heute am Schweizer Standard eCH-0059 und damit an den WCAG.
Wer ist betroffen?
Im Fokus stehen Stellen, die Informationen oder Dienstleistungen digital anbieten. Dazu gehören
- Websites und Web-Angebote von Bund, Kantonen und Gemeinden
- Online-Formulare, Videos, PDFs und andere digitale Dokumente
- Self-Service-Terminals in öffentlichen Gebäuden
Private Unternehmen, Online-Shops, Software-Anbieter oder Banken sind in der Schweiz heute nicht generell verpflichtet. Handlungsbedarf besteht trotzdem, vor allem für Firmen, die Produkte oder Dienstleistungen in die EU verkaufen. Für sie kann der European Accessibility Act gelten. Ob das auf dein Unternehmen zutrifft, klärst du am besten rechtlich ab.
WCAG 2.2 und eCH-Standards als technische Grundlage
Die Anforderungen basieren auf den WCAG des W3C. In der Schweiz konkretisiert der Standard eCH-0059 diese Vorgaben für die Verwaltung und legt technische Mindestanforderungen fest. Dazu gehören zum Beispiel
- Texte, die auch mit Screenreadern verständlich sind
- eine Navigation, die ohne Maus funktioniert
- Kontraste, die auch bei Sehschwäche lesbar bleiben
- Untertitel bei Videos
- Alternativtexte für Bilder
- logisch strukturierte Inhalte, etwa mit einem Inhaltsverzeichnis bei langen Seiten
Warum das wichtig ist
Mit der Teilrevision will die Schweiz klarer regeln, dass staatliche Stellen ihre digitalen Angebote für alle zugänglich machen. Das stärkt die Teilhabe im Alltag und ist gleichzeitig ein Schritt zu zukunftssicherer Webentwicklung.
Auch wenn die Pflicht nicht für alle gilt, ergibt sich für Unternehmen, Software-Anbieter und Online-Shops ein klarer Vorteil. Wer schon heute barrierefrei baut, verbessert die Nutzerfreundlichkeit, erreicht mehr Menschen und erfüllt viele kommende Anforderungen bereits, auch im internationalen Geschäft.
Die WCAG-Standards einfach erklärt
Wer sich mit Barrierefreiheit beschäftigt, kommt an den WCAG nicht vorbei. Die Web Content Accessibility Guidelines sind der internationale Standard für barrierefreie digitale Inhalte. Sie stammen vom W3C, das weltweit Standards für das Web entwickelt.
Die WCAG beschreiben konkret, wie Websites, Dokumente, Videos, Formulare und Anwendungen aufgebaut sein müssen, damit möglichst viele Menschen sie nutzen können. Sie sind die Grundlage für die meisten Regeln zur digitalen Barrierefreiheit, auch in der Schweiz und im European Accessibility Act.
Die drei Konformitätsstufen
Die WCAG unterscheiden drei Stufen. Jede beschreibt ein bestimmtes Niveau an Barrierefreiheit, und je höher die Stufe, desto mehr Kriterien müssen erfüllt sein.
Stufe A
Stufe A ist die niedrigste Stufe und definiert die Mindestanforderungen. Wird sie nicht erreicht, haben viele Menschen mit Behinderungen keinen oder nur einen sehr eingeschränkten Zugang zu den Inhalten. Die Kriterien lassen sich meist mit wenig Aufwand umsetzen und sollten deshalb auf jeder Website erfüllt sein.
Typische Anforderungen der Stufe A sind
- Alternativtexte für Bilder, damit Screenreader beschreiben können, was zu sehen ist
- beschriftete Formularfelder, die auch ohne Maus verständlich sind
- eine grundlegende Bedienung per Tastatur, zum Beispiel mit der Tab-Taste
- keine Inhalte, die automatisch blinken oder flackern, weil das Reizüberflutung oder epileptische Anfälle auslösen kann
Stufe AA
Stufe AA gilt international als empfohlener Standard für barrierefreie Websites. Auch der Schweizer Standard eCH-0059 und der European Accessibility Act orientieren sich an dieser Stufe. Sie verbindet hohe Zugänglichkeit mit vertretbarem Aufwand.
Websites und Online-Shops auf Stufe AA sind für einen deutlich grösseren Kreis nutzbar. Die Inhalte sind lesbarer, besser bedienbar und klarer strukturiert. Typische Anforderungen sind
- ausreichende Farbkontraste zwischen Text und Hintergrund, bei normalem Text mindestens 4.5 zu 1
- ein deutlich sichtbarer Fokus, der zeigt, welches Element gerade per Tastatur aktiv ist
- eine vollständige Bedienung per Tastatur, auch bei Menüs, Buttons und Formularen
- eine Darstellung, die auf allen Geräten und Bildschirmgrössen funktioniert
- Untertitel bei Videos mit gesprochener Sprache
Stufe AAA
Stufe AAA ist die höchste Stufe. Sie soll eine Website auch für Menschen mit komplexen Einschränkungen zugänglich machen. In der Praxis lässt sie sich nicht immer vollständig erreichen, besonders bei dynamischen Inhalten oder komplexen Anwendungen wie im E-Commerce, im Banking oder in der Bildung.
Deshalb wird AAA meist nicht verlangt, sondern für einzelne Bereiche empfohlen, etwa für zentrale Informationsseiten. Beispiele für AAA-Anforderungen sind
- Videos in Gebärdensprache zusätzlich zu den Untertiteln
- erweiterte Farbkontraste von mindestens 7 zu 1 bei normalem Text
- Erklärungen für Fachbegriffe und Abkürzungen
- einfache Sprache oder alternative Inhalte für komplexe Texte
Die Gemeinde Langenbruck geht mit gutem Beispiel voran
Wie digitale Barrierefreiheit in der Schweiz konkret aussieht, zeigt die Gemeinde Langenbruck im Kanton Basel-Landschaft. Wir durften die neue Website der Gemeinde realisieren und begleiten sie bei der Umsetzung nach WCAG 2.2.
Langenbruck wartet nicht, bis die neuen Vorgaben für Gemeinden verbindlich werden. Die Gemeinde hat sich bewusst entschieden, so früh wie möglich barrierefrei zu werden, aus Verantwortung gegenüber der Bevölkerung und als Zeichen für digitale Teilhabe.
«Barrierefreiheit ist für uns selbstverständlich. Unser digitales Angebot soll allen Menschen offenstehen, unabhängig von Alter oder Einschränkungen. Wir wollen, dass sich alle Bürgerinnen und Bürger von Langenbruck angesprochen fühlen. Und das nicht erst 2030, sondern jetzt.»
Hector Herzig, Gemeindepräsident Langenbruck
Warum dieses Beispiel relevant ist
Langenbruck zeigt, wie Gemeinden und öffentliche Institutionen früh handeln können, statt kurz vor Fristablauf unter Druck zu geraten. Das stärkt das Vertrauen in die digitale Kommunikation und macht die Website zu einem echten Service für alle.
Du möchtest wissen, was das für deine Gemeinde oder dein Unternehmen bedeutet? Dann nimm Kontakt mit uns auf, wir beraten dich gern.
So setzt du Barrierefreiheit richtig um
Wer eine barrierefreie Website erstellen oder verbessern will, braucht klare Schritte. Viele Anforderungen der WCAG 2.2 lassen sich auch ohne grosses Budget umsetzen. Die folgenden vier Punkte gehören zu den wichtigsten Grundlagen und sollten in keinem Projekt fehlen.
1. Kontrastwerte prüfen
Texte brauchen genug Kontrast zum Hintergrund, sonst können Menschen mit Sehbehinderungen oder Farbschwächen sie kaum lesen. Die WCAG 2.2 verlangen für normalen Fliesstext einen Kontrast von mindestens 4.5 zu 1, für grosse Schrift ab 18 Punkt reichen 3 zu 1. Prüfen kannst du das einfach mit dem WebAIM Contrast Checker.
Achte besonders auf
- die Lesbarkeit bei schwachem Licht
- eine gute Farbwahl für Buttons, Links und Navigation
- Informationen, die nicht nur über Farbe vermittelt werden, also zum Beispiel nicht nur rot für einen Fehler
Gerade bei stark gestalteten Websites und Online-Shops ist das ein häufiges Problem. Mit kleinen Anpassungen lässt es sich aber meist gut lösen.
2. Alternative Texte für Bilder
Alt-Texte sind kurze Beschreibungen von Bildern, die im HTML über das Attribut alt=»» hinterlegt werden. Sie helfen vor allem Menschen, die einen Screenreader nutzen. Fehlt der Alt-Text, bleibt das Bild für sie unsichtbar und wichtige Informationen gehen verloren.
Wichtig ist deshalb
- Jedes Bild mit Inhalt braucht einen sinnvollen Alt-Text.
- Rein dekorative Bilder bekommen ein leeres Alt-Attribut (alt=»»), damit der Screenreader sie überspringt.
Besonders wichtig ist das bei Produktbildern in Online-Shops, bei Anleitungen und in PDF-Dokumenten.
3. Tastaturbedienbarkeit sicherstellen
Nicht alle Menschen können eine Maus benutzen. Manche navigieren mit der Tastatur, mit Touch oder mit anderen Hilfsmitteln. Eine barrierefreie Website muss deshalb vollständig per Tastatur bedienbar sein. Das bedeutet
- Alle Menüpunkte, Links, Buttons und Formularfelder sind mit der Tab-Taste erreichbar.
- Das aktive Element ist gut sichtbar hervorgehoben, zum Beispiel mit einem deutlichen Fokusrahmen.
- Inhalte verändern sich nicht, nur weil man mit der Tastatur durch die Seite navigiert.
Das klingt technisch aufwendig, lässt sich mit sauberem HTML und etwas CSS aber gut umsetzen. Besonders wichtig ist es überall, wo Menschen etwas eingeben oder bedienen, etwa bei Buchungen, Software-Oberflächen oder Self-Service-Angeboten.
4. Formulare und interaktive Elemente
Formulare sind für viele Menschen eine Hürde, vor allem wenn Felder nicht klar beschriftet sind. Für die Barrierefreiheit müssen alle Formularfelder korrekt mit ihren Beschriftungen verknüpft sein, und Fehlermeldungen müssen verständlich sein.
Achte darauf, dass
- jedes Eingabefeld ein eindeutiges Label hat, am besten im HTML mit for=»id» verknüpft
- Fehlermeldungen sichtbar und präzise sind und nicht nur «Fehler» anzeigen
- sich jedes Formular auch ohne Maus abschliessen lässt
Das gilt für Kontaktformulare genauso wie für Registrierungen oder den Checkout im Online-Shop. Wer hier auf Barrierefreiheit achtet, verbessert die Bedienung für alle und senkt die Zahl der Abbrüche.
Tools zur Prüfung deiner Website
Um zu sehen, wo deine Website steht, musst du nicht alles von Hand prüfen. Es gibt gute Tools, die deine Website, deinen Online-Shop oder deine Web-Anwendung schnell auf Barrieren testen. Die meisten basieren auf den WCAG 2.2.
Wichtig zu wissen ist, dass automatische Tools nur einen Teil der Kriterien prüfen können. Ob ein Alt-Text das Bild sinnvoll beschreibt oder ob eine Seite mit dem Screenreader verständlich ist, zeigt erst ein Test durch Menschen.
WAVE Accessibility Tool
Das WAVE Tool stammt vom amerikanischen WebAIM-Institut und gehört zu den meistgenutzten Prüfwerkzeugen. Du gibst deine URL ein, und das Tool markiert direkt auf der Seite, wo es Probleme gibt, zum Beispiel fehlende Alt-Texte, zu schwache Kontraste oder fehlende Labels. Es läuft im Browser und braucht keine Installation.
Ideal ist WAVE für erste Tests bei kleineren Websites, für die schnelle Prüfung einzelner Seiten und für alle, die gern visuell arbeiten.
Google Lighthouse (Accessibility Score)
Google Lighthouse ist ein kostenloses Prüftool, das direkt in den Chrome DevTools steckt. Es bewertet unter anderem die Barrierefreiheit und zeigt mit dem Accessibility Score, wie gut deine Seite den WCAG-Kriterien entspricht. Lighthouse findet zum Beispiel fehlende Beschriftungen, Probleme bei der Tastaturnavigation und fehlerhafte Formularelemente.
Praktisch ist Lighthouse, wenn du gleichzeitig Performance, SEO und Best Practices im Blick behalten willst. Es eignet sich gut für Entwicklungsteams, Online-Shops und Seiten, die regelmässig technisch geprüft werden.
axe DevTools
axe DevTools ist ein professionelles Tool für die genauere Prüfung. Es gibt eine kostenlose Browser-Erweiterung und eine kostenpflichtige Version für Teams. axe prüft sehr genau auf WCAG 2.2, zeigt den betroffenen Code und erklärt, wie du das Problem behebst.
Das Tool passt gut zu technischen Teams, die Barrierefreiheit direkt in der Entwicklung mitdenken wollen, etwa bei Software-Anbietern oder Unternehmen mit eigener Entwicklung.
Warum du auch ohne gesetzliche Pflicht handeln solltest
In der Schweiz betrifft die gesetzliche Pflicht heute vor allem den öffentlichen Sektor. Private Unternehmen, Online-Shops oder Dienstleister sind meist noch nicht direkt betroffen. Ein Grund zu warten ist das trotzdem nicht. Wer sich jetzt mit Barrierefreiheit beschäftigt, sichert sich klare Vorteile.
Wettbewerbsvorteil
Eine barrierefreie Website ist klarer aufgebaut, einfacher zu bedienen und technisch sauberer. Das macht sie für alle angenehmer und wirkt sich direkt auf deine Ergebnisse aus.
- Eine gute Nutzererfahrung schafft Vertrauen, verlängert die Verweildauer und senkt die Absprungrate.
- Bei Online-Shops, Buchungen oder Web-Anwendungen führt das oft zu mehr Abschlüssen.
- Du erreichst Zielgruppen besser, zum Beispiel ältere Menschen, Menschen mit vorübergehenden Einschränkungen oder Menschen mit wenig technischer Erfahrung.
Unternehmen mit zugänglichen digitalen Angeboten zeigen Verantwortung und heben sich im Markt ab.
Rechtssicherheit
Auch wenn für dein Unternehmen heute keine Pflicht besteht, ändern sich die Rahmenbedingungen. Mit dem European Accessibility Act gelten in der EU bereits neue Vorgaben für digitale Produkte und Dienstleistungen, unter anderem für E-Commerce, Banking und Self-Service-Terminals. Wer international tätig ist, sollte sich deshalb jetzt vorbereiten.
- Frühzeitig umzusetzen ist günstiger als unter Zeitdruck nachzubessern.
- Du senkst das Risiko von Beschwerden, etwa wegen nicht zugänglicher PDFs, fehlender Alt-Texte oder Formularen, die sich nicht bedienen lassen.
- Du zeigst, dass dein Unternehmen vorausschauend handelt, und das schafft Vertrauen bei Kundschaft und Partnern.
Vorreiterrolle und Verantwortung
In vielen Branchen ist digitale Barrierefreiheit noch kaum ein Thema. Wer jetzt umsetzt, verschafft sich einen Vorsprung. Eine barrierefreie Website steht für Qualität, Weitblick und soziale Verantwortung und für eine digitale Welt, in der niemand ausgeschlossen wird.
Fazit und Ausblick
Für öffentliche Stellen in der Schweiz wird Barrierefreiheit verbindlicher, und für Unternehmen, die in die EU verkaufen, kann sie über den European Accessibility Act bereits Pflicht sein. Für Online-Shops, Software-Anbieter und Dienstleister ist jetzt der richtige Moment, sich mit den Vorgaben und der Umsetzung zu beschäftigen.
Nicht nur wegen der Gesetze, sondern weil barrierefreie Websites besser funktionieren, mehr Menschen erreichen und Verantwortung zeigen. Wer früh handelt, ist rechtlich, strategisch und wirtschaftlich im Vorteil.
Wenn du dabei Unterstützung willst, lass deine barrierefreie Website erstellen oder deine bestehende Website von uns nachrüsten. Wir beraten dich gern.
