Barrierefreie Website: Leitfaden für KMU in der Schweiz

Eine barrierefreie Website ist eine Website, die alle Menschen nutzen können, auch Menschen mit einer Seh-, Hör-, motorischen oder kognitiven Beeinträchtigung. Der internationale Massstab dafür sind die Web Content Accessibility Guidelines (WCAG) des W3C. In der Schweiz sind heute vor allem Behörden zur Barrierefreiheit verpflichtet, für private KMU ist sie aber trotzdem ein klarer Gewinn. Viele Verbesserungen wie gute Kontraste, Alt-Texte und saubere Überschriften kannst du ohne grossen Aufwand selbst angehen.

In diesem Artikel erklären wir dir, was hinter dem Begriff steckt, wie die Rechtslage in der Schweiz aussieht und welche Schritte deine Website für alle zugänglicher machen. Wir bleiben dabei bewusst praktisch, denn als Kleinbetrieb willst du wissen, was du konkret tun kannst.

Was ist eine barrierefreie Website?

Eine barrierefreie Website ist so gebaut, dass Menschen sie wahrnehmen, bedienen und verstehen können, egal ob sie gut sehen, eine Maus benutzen oder einen Screenreader verwenden. Ein Screenreader ist ein Programm, das den Inhalt einer Seite vorliest. Damit das funktioniert, muss die Website technisch sauber aufgebaut sein.

Das W3C, das Gremium hinter vielen Webstandards, hat dafür die WCAG entwickelt. Sie sind ein internationaler Standard und erklären, wie Webinhalte für Menschen mit Behinderungen zugänglicher werden. Die aktuelle Version ist WCAG 2.2, veröffentlicht im Oktober 2023. Das W3C empfiehlt, jeweils die neuste Version zu verwenden. Wer WCAG 2.2 erfüllt, erfüllt auch die älteren Versionen 2.1 und 2.0.

Die einzelnen Anforderungen heissen Erfolgskriterien und sind in drei Stufen eingeteilt: A, AA und AAA. Stufe A ist die Grundlage, AA ist die Stufe, die in der Praxis meistens als Ziel gilt, und AAA ist die höchste Stufe.

Welche vier Grundprinzipien stecken hinter den WCAG?

Die WCAG ordnen alle Richtlinien vier Grundprinzipien zu. Wenn du diese vier Begriffe verstanden hast, verstehst du auch, worum es bei Barrierefreiheit im Kern geht:

Wahrnehmbar: Alle Informationen müssen so dargestellt werden, dass Menschen sie aufnehmen können. Ein Bild braucht zum Beispiel eine Textbeschreibung, damit auch blinde Menschen wissen, was es zeigt.
Bedienbar: Alle Funktionen müssen sich bedienen lassen, auch ohne Maus. Wer nur mit der Tastatur navigiert, muss jeden Button und jedes Formularfeld erreichen.
Verständlich: Inhalte und Bedienung müssen nachvollziehbar sein. Dazu gehören klare Texte, eine vorhersehbare Navigation und hilfreiche Fehlermeldungen.
Robust: Die Website muss mit verschiedenen Browsern und Hilfsmitteln wie Screenreadern zuverlässig funktionieren. Das erreichst du vor allem mit sauberem, standardkonformem Code.

Diese vier Prinzipien klingen abstrakt, im Alltag geht es aber um sehr konkrete Dinge: lesbare Schrift, verständliche Links, Formulare, die man ohne Rätselraten ausfüllen kann.

Ist eine barrierefreie Website in der Schweiz Pflicht?

Für private KMU gibt es in der Schweiz heute keine allgemeine, ausdrückliche Pflicht zu einer barrierefreien Website. Die rechtlichen Vorgaben richten sich bisher vor allem an den Staat. Das Behindertengleichstellungsgesetz (BehiG) verlangt von der Bundesverwaltung, dass ihre Dienstleistungen im Internet für sehbehinderte Menschen ohne erschwerende Bedingungen zugänglich sind.

Für die Umsetzung gibt es in der Schweiz den Standard eCH-0059. Er stützt sich auf die WCAG 2.1 und richtet sich gemäss eCH vor allem an Gemeinwesen und konzessionierte Unternehmen. Andere Anbieter können ihn aber ebenfalls als Orientierung nutzen. Viele Websites des Bundes verweisen in ihrer Erklärung zur Barrierefreiheit auf diesen Standard.

Wichtig ist der Blick nach vorne: Der Bundesrat hat am 20. Dezember 2024 die Botschaft zur Teilrevision des BehiG verabschiedet und ans Parlament überwiesen. Gemäss der Fachstelle des Bundes (EBGB) soll die Revision den Schutz vor Benachteiligungen erweitern. In einer Mitteilung vom Februar 2026 schreibt der Bundesrat, die Revision solle vor allem Verbesserungen in den Bereichen Arbeit und Dienstleistungen bringen. Was das am Ende konkret für private Websites heisst, entscheidet das Parlament. Wir empfehlen dir deshalb, die Entwicklung im Auge zu behalten und bei rechtlichen Fragen eine Fachperson beizuziehen. Dieser Artikel ist keine Rechtsberatung.

Ein Hinweis noch, falls du auch Kundschaft in der EU bedienst: Dort gelten eigene Regeln. Ob und wie diese dich betreffen, solltest du im Einzelfall abklären lassen.

Warum lohnt sich Barrierefreiheit auch ohne Pflicht?

Barrierefreiheit lohnt sich, weil sie deine Website für alle Besucherinnen und Besucher besser macht, nicht nur für Menschen mit Behinderungen. Das W3C nennt in seinem Business Case mehrere Gründe, die auch für Kleinbetriebe gelten:

Mehr Menschen erreichen: Menschen mit Behinderungen sind eine grosse Gruppe. Wer sie ausschliesst, verliert potenzielle Kundschaft.
Bessere Nutzung für alle: Gute Kontraste helfen auch bei Sonnenlicht auf dem Handy. Untertitel helfen in einer lauten Umgebung oder wenn jemand den Ton nicht einschalten kann.
Ältere Menschen profitieren: Mit dem Alter verändern sich Sehkraft, Gehör und Feinmotorik. Eine gut lesbare, einfach bedienbare Website ist für sie eine grosse Erleichterung.
Mobile Nutzung: Viele Massnahmen für Barrierefreiheit verbessern auch die Bedienung auf kleinen Bildschirmen.

Aus unserer Erfahrung kommt noch ein Punkt dazu: Vieles, was eine Website barrierefrei macht, ist schlicht gutes Handwerk. Saubere Überschriften, beschreibende Linktexte und klare Seitentitel helfen Menschen und machen es auch Suchmaschinen leichter, deine Inhalte zu verstehen. Barrierefreiheit ist darum kein Zusatzprojekt, sondern ein Qualitätsmerkmal. Mehr zu guten Inhalten findest du in unserem Artikel zum Thema Website Texte schreiben.

Welche Verbesserungen kannst du sofort umsetzen?

Die schnellsten Verbesserungen betreffen Kontraste, Bilder, Überschriften, Tastaturbedienung, Formulare und Schriftgrösse. Das W3C beschreibt in seinen «Easy Checks» genau diese Punkte als ersten Schritt. Hier die wichtigsten im Überblick:

1. Genug Kontrast zwischen Text und Hintergrund

Text muss sich deutlich vom Hintergrund abheben. Für normale Schriftgrösse nennt das W3C ein Kontrastverhältnis von mindestens 4,5 zu 1. Hellgrauer Text auf weissem Grund oder weisse Schrift auf einem hellen Foto sind typische Problemfälle. Mit einem Kontrastprüfer siehst du sofort, ob deine Farben genügen.

2. Alt-Texte für Bilder

Ein Alt-Text ist eine kurze Textbeschreibung eines Bildes, die Screenreader vorlesen. Jedes Bild braucht ein Alt-Attribut. Informative Bilder erhalten einen Text, der ihre Aussage oder Funktion wiedergibt, zum Beispiel «Unser Team vor der Werkstatt in Winterthur». Rein dekorative Bilder bekommen ein leeres Alt-Attribut, damit der Screenreader sie überspringt. Ein Tool kann fehlende Alt-Texte finden, ob der Text passt, musst aber du beurteilen.

3. Saubere Überschriften

Überschriften müssen technisch als Überschriften ausgezeichnet sein und nicht nur gross und fett aussehen. Jede Seite sollte mit einer Hauptüberschrift beginnen, danach folgen Unterüberschriften, ohne Ebenen zu überspringen. Screenreader-Nutzer springen oft von Überschrift zu Überschrift, um sich einen Überblick zu verschaffen. Eine klare Struktur ist für sie wie ein Inhaltsverzeichnis.

4. Bedienung mit der Tastatur

Alle Funktionen deiner Website müssen ohne Maus funktionieren. Teste es selbst: Drücke wiederholt die Tabulatortaste und schau, ob du jeden Link, jeden Button und jedes Formularfeld erreichst. Die Reihenfolge sollte logisch sein, und du solltest jederzeit sehen, wo du gerade bist. Dieser sichtbare Rahmen heisst Fokus. Achte auch darauf, dass du nirgends stecken bleibst, etwa in einem Pop-up, das sich nicht mehr verlassen lässt.

5. Beschriftete Formulare

Jedes Formularfeld braucht eine Beschriftung, die technisch mit dem Feld verbunden ist. Ein grauer Platzhaltertext im Feld allein reicht nicht, weil er beim Tippen verschwindet. Pflichtfelder dürfen nicht nur mit Farbe markiert sein. Und wenn etwas schiefgeht, sollte die Fehlermeldung klar sagen, was falsch ist, ohne dass die bereits eingegebenen Daten verloren gehen. Gerade beim Kontaktformular lohnt sich das, denn dort entstehen deine Anfragen.

6. Vergrösserbare Schrift

Deine Texte müssen sich vergrössern lassen. Das W3C empfiehlt, die Schrift im Browser auf etwa 200 Prozent zu zoomen und zu prüfen, ob noch alles lesbar ist. Text darf dabei nicht abgeschnitten werden, sich nicht überlappen und kein seitliches Scrollen erfordern. Vermeide ausserdem Text in Bildern, denn dieser lässt sich nicht sauber vergrössern und ist für Screenreader unsichtbar.

Weitere schnelle Punkte

Ein paar Dinge kommen noch dazu: Jede Seite braucht einen eindeutigen Seitentitel, der kurz beschreibt, worum es geht. Bewegte Inhalte wie Slider, die länger als fünf Sekunden laufen, sollten sich anhalten lassen. Videos brauchen Untertitel, und automatische Untertitel allein genügen laut W3C nicht.

Wie testest du deine Website auf Barrierefreiheit?

Am besten testest du mit einer Kombination aus automatischen Werkzeugen und eigenen Handtests. Automatische Tools finden viele technische Fehler schnell, können aber nicht alles beurteilen. Das W3C betont selbst, dass eine Seite die einfachen Checks bestehen und trotzdem erhebliche Barrieren haben kann.

Werkzeug	Wofür es sich eignet
Lighthouse (in Chrome und PageSpeed Insights)	Automatischer Bericht mit Barrierefreiheits-Score und Liste der gefundenen Probleme
Kontrastprüfer	Prüfen, ob Text- und Hintergrundfarbe genug Kontrast haben
Tastatur und Browser-Zoom	Eigener Handtest für Bedienung ohne Maus und vergrösserte Schrift

Zu Lighthouse ein wichtiger Hinweis: Der Barrierefreiheits-Score ist ein gewichteter Durchschnitt aus automatischen Prüfungen. Jede Prüfung gilt entweder als bestanden oder nicht bestanden. Manuelle Prüfungen fliessen gemäss Google nicht in den Score ein. Ein hoher Wert ist also ein gutes Zeichen, aber kein Beweis, dass deine Website wirklich für alle funktioniert. Wie du die Werte von PageSpeed Insights generell liest, erklären wir im Artikel PageSpeed verstehen.

So gehst du bei einem ersten eigenen Test vor:

Lass Lighthouse über deine Startseite und deine Kontaktseite laufen und notiere die gemeldeten Probleme.
Navigiere die gleichen Seiten nur mit der Tabulatortaste und schau, ob du alles erreichst.
Zoome im Browser auf 200 Prozent und prüfe, ob die Seite lesbar bleibt.
Prüfe deine wichtigsten Farbkombinationen mit einem Kontrastprüfer.
Geh durch deine Bilder und kontrolliere die Alt-Texte.

Für eine vollständige Prüfung nach WCAG verweist das W3C auf eine eigene Methode namens WCAG-EM. Für die meisten Kleinbetriebe ist der erste Schritt aber genau der oben beschriebene Basischeck.

Wie gehst du als Kleinbetrieb am besten vor?

Am besten startest du mit den Seiten, die für dein Geschäft am wichtigsten sind, und verbesserst Schritt für Schritt. Du musst nicht alles auf einmal perfekt machen. Ein Coiffeursalon in Zürich wird zuerst sicherstellen wollen, dass die Online-Terminbuchung und die Kontaktangaben für alle zugänglich sind. Eine Schreinerei in Uster konzentriert sich vielleicht auf die Referenzseite mit vielen Bildern und deren Alt-Texte.

Bei einem Website-Relaunch lohnt es sich besonders, Barrierefreiheit von Anfang an mitzudenken. Dann fliessen Farben, Schriftgrössen und Struktur direkt ins neue Design ein, statt später mühsam nachgebessert zu werden. Prüfe bei der Wahl eines Baukastens oder Templates auch, wie gut es die Tastaturbedienung und saubere Überschriften unterstützt.

Häufige Fragen

Muss meine KMU-Website in der Schweiz barrierefrei sein?

Eine allgemeine, ausdrückliche Pflicht für private KMU gibt es heute nicht. Das BehiG richtet sich bei Websites vor allem an die Bundesverwaltung. Die Teilrevision des BehiG ist aber im Parlament, darum lohnt es sich, die Entwicklung zu verfolgen und im Zweifel rechtlichen Rat beizuziehen.

Welche WCAG-Stufe sollte ich anstreben?

In der Praxis gilt meistens die Stufe AA als Ziel. Der Schweizer Standard eCH-0059 baut auf den WCAG 2.1 auf. Das W3C empfiehlt, mit der neusten Version zu arbeiten, aktuell WCAG 2.2.

Reicht ein Barrierefreiheits-Plugin oder Overlay?

Wir empfehlen, dich nicht allein darauf zu verlassen. Barrierefreiheit entsteht vor allem durch sauberen Aufbau, gute Texte und durchdachtes Design. Ein Werkzeug, das nachträglich über die Seite gelegt wird, ersetzt diese Grundlagen nach unserer Einschätzung nicht.

Hilft Barrierefreiheit auch bei Google?

Viele Massnahmen überschneiden sich mit guter Suchmaschinenoptimierung, etwa klare Seitentitel, saubere Überschriften und beschreibende Bildtexte. Sie machen deine Inhalte für Menschen und Maschinen verständlicher. Ein garantiertes besseres Ranking ist damit aber nicht verbunden.

Wie oft sollte ich meine Website prüfen?

Am besten nach jeder grösseren Änderung, zum Beispiel wenn du neue Seiten, Bilder oder Formulare ergänzt. Ein kurzer Basischeck mit Lighthouse, Tastatur und Zoom dauert nicht lange und zeigt dir schnell, ob neue Barrieren entstanden sind.

Fazit: Barrierefreiheit ist gutes Webdesign

Eine barrierefreie Website ist für Schweizer KMU heute meist keine gesetzliche Pflicht, aber eine kluge Entscheidung. Sie macht deine Seite für mehr Menschen nutzbar, verbessert die Bedienung für alle und bereitet dich auf künftige Entwicklungen vor. Mit Kontrasten, Alt-Texten, Überschriften, Tastaturbedienung, beschrifteten Formularen und vergrösserbarer Schrift hast du die wichtigsten Hebel schon in der Hand.

Wenn du deine Website prüfen lassen oder eine neue, zugängliche Website planen möchtest, unterstützen wir von sitebuddy.ch dich gerne. Wir bauen Websites für Kleinbetriebe in Zürich und der ganzen Schweiz und achten dabei von Anfang an auf eine klare Struktur. Vereinbare einfach ein kostenloses Erstgespräch.