Muss Ihre Website barrierefrei sein? Das hängt davon ab, wer Sie sind, was Ihre Website anbietet und wo Ihre Kundschaft sitzt. Dieser Leitfaden ordnet die Pflichten ein und zeigt, wie Sie die echten Hürden zuerst finden.

Muss Ihre Website in der Schweiz barrierefrei sein?

Eine Bundesbehörde und ein kleines Beratungsbüro, das nur in der Schweiz tätig ist, verdienen nicht denselben Pflichtsatz. Entscheidend sind Ihre Organisation, Ihr Angebot und Ihr Markt:

Prüfen Sie den Weg, nicht die Pixel

Viele Audit-Berichte sind Listen einzelner Mängel: sechs Beschriftungen mit zu wenig Kontrast, zwölf fehlende Alternativtexte, vier unbenannte Schaltflächen. Das ist wichtig, aber das geschäftliche Risiko liegt in der Abfolge. Kann jemand Ihr Angebot finden, verstehen, eine Option wählen, einen Formularfehler korrigieren und eine Bestätigung erhalten, ohne Maus, ohne perfekte Sicht und ohne übermässige Konzentration?

Eine Startseite kann gut abschneiden, während der Checkout unbenutzbar ist. Ein Formular kann Beschriftungen haben, während seine Fehlermeldung nie vorgelesen wird. Und eine Farbpalette kann jeden Kontrasttest bestehen, während der Tastaturfokus hinter einem fixierten Cookie-Banner verschwindet. Die nützliche Einheit ist deshalb ein abgeschlossener Nutzerweg.

Ein typisches Beispiel aus einer Arztpraxis: Die Startseite ist sauber, die Kontrastwerte stimmen. Wer aber per Tastatur einen Termin buchen will, landet im eingebetteten Buchungstool eines Drittanbieters, in dem der Fokus nach dem zweiten Feld verschwindet. Für die Patientin ist die ganze Website damit unbrauchbar, egal wie gut die übrigen Seiten abschneiden. Prüfen Sie deshalb auch eingebettete Werkzeuge wie Buchungssysteme, Karten und Chat-Fenster, denn für Ihre Kundschaft gehören sie zu Ihrer Website.

Was WCAG 2.2 AA im Alltag bedeutet

Das sind keine Feinheiten. Sie betreffen Checkout, Buchungen, Bewerbungen und Logins, also genau die Wege, über die Umsatz entsteht. Barrierefreiheit gehört deshalb ins Briefing, wenn Sie eine Webdesign-Agentur auswählen, nicht in ein Plugin nach dem Launch.

Fünf Tests, die echte Hürden aufdecken

Nur Tastatur. Legen Sie die Maus weg und gehen Sie mit Tab, Umschalt+Tab, Enter und Leertaste durch Menü, Dialoge, Formulare und Checkout. Die Reihenfolge muss dem Sinn folgen, der Fokus sichtbar bleiben, und nichts darf Sie festhalten. Testen Sie das mobile Menü und den Cookie-Banner genauso gründlich wie die Startseite.

Screenreader-Struktur. Überschriften bilden die Gliederung ab, Links ergeben auch allein gelesen Sinn, Bedienelemente haben korrekte Namen. Ein echter Button ist besser als ein klickbares Div mit ARIA-Attributen.

Zoom und Textabstand. Vergrössern Sie die Schrift. Spalten sollen umbrechen, Knöpfe nicht abgeschnitten werden. Achten Sie besonders auf deutsche Beschriftungen, die oft länger sind als englische.

Kontrast und mehr als Farbe. Prüfen Sie Text, Symbole, Formularränder und den Fokusrahmen. Fehler- und Erfolgszustände dürfen nicht nur rot oder grün sein.

Formulare und Fehler. Jedes Feld braucht eine dauerhafte Beschriftung. Fehlermeldungen nennen das Feld, das Problem und die Lösung, gültige Eingaben bleiben erhalten. Wiederholen Sie den Test in jeder Sprache Ihrer Website.

Selbsttest in 15 Minuten: Wie weit ist Ihre Website?

Bevor Sie ein Audit bestellen, nehmen Sie sich eine Viertelstunde, öffnen Ihre Kontaktseite und kreuzen an, was heute schon stimmt. Ehrlich ankreuzen lohnt sich: Der Wert zeigt Ihnen, ob Sie mit einer fokussierten Prüfung auskommen oder ob es mehr braucht.

WordPress, Astra und Spectra: was hilft und was nicht

Ein gutes Theme ist ein solider Start, aber keine Garantie. Redaktionen können die Überschriften-Hierarchie brechen, mehrdeutige Links schreiben, unzugängliche PDFs hochladen oder Text auf Bilder legen. Auf unserer eigenen Basis aus Astra, Block-Editor und Spectra prüfen wir deshalb nicht das Theme, sondern die fertigen Bausteine:

Alternativtexte, die tatsächlich helfen

Mehr Beschreibung ist nicht automatisch besser. Ein guter Alternativtext sagt, was das Bild an dieser Stelle leisten soll. Dasselbe Foto kann je nach Seite einen anderen Text brauchen:

Kontrast: der Fehler, den Markenfarben am häufigsten verursachen

WCAG verlangt für normalen Text ein Kontrastverhältnis von mindestens 4,5 zu 1, für grosse Schrift 3 zu 1. Das klingt technisch, wird aber im Alltag ständig verletzt, meist auf dieselbe Weise: Ein Theme legt eine dunkle Standardfarbe für Überschriften fest, und jemand setzt einen Abschnitt auf eine dunkle Markenfarbe. Die Überschrift bleibt dunkel und verschwindet. Wir haben das an unserer eigenen Farbpalette nachgerechnet:

Dieselbe Markenfarbe kann also hervorragend oder unlesbar sein, je nachdem, was darauf steht. Die Lösung liegt nicht darin, Farben zu verbieten, sondern im Theme festzulegen, dass jeder dunkle Hintergrund automatisch helle Schrift für Text, Überschriften und Links bekommt. Dann kann die Redaktion keinen unlesbaren Abschnitt mehr bauen, auch nicht aus Versehen.

Es geht dabei nicht um eine kleine Minderheit. Laut Bundesamt für Statistik lebt rund jeder fünfte Mensch ab 15 Jahren in der Schweiz mit einer Behinderung, und Sehschwächen nehmen mit dem Alter zu. Dazu kommen alle, die ihr Handy in der Sonne oder mit gedimmtem Bildschirm benutzen. Guter Kontrast ist für sie keine Gefälligkeit, sondern die Voraussetzung, dass Ihre Website überhaupt gelesen wird.

Mehrsprachige Websites: die Schweizer Sonderprobleme

Internationale Leitfäden gehen von einer Sprache aus. In der Schweiz haben viele KMU zwei oder drei, und genau dort entstehen Barrieren, die kein automatischer Test findet. Der Screenreader liest einen französischen Abschnitt mit deutscher Aussprache vor, wenn das lang-Attribut fehlt. Ein Knopf, der auf Englisch «Send» heisst, wird auf Deutsch zu «Anfrage absenden» und bricht im schmalen Layout um. Fehlermeldungen sind übersetzt, die Hinweise im Feld aber nicht.

Testen Sie deshalb jede Sprachversion für sich, mindestens auf den Seiten, über die Anfragen kommen. Wie man mehrsprachige Seiten technisch sauber aufbaut, steht im Leitfaden zu mehrsprachigem SEO in der Schweiz. Barrierefreiheit und mehrsprachiges SEO profitieren übrigens von denselben Grundlagen: korrekte Sprachauszeichnung, klare Überschriften und echte Texte statt Bilder mit Schrift.

PDFs: der vergessene Teil der Website

Preislisten, Anmeldeformulare, Menükarten, AGB: Viele Schweizer KMU verstecken wichtige Informationen in PDFs. Ein eingescanntes Dokument ist für einen Screenreader eine leere Seite. Die einfachste Lösung ist oft nicht ein besseres PDF, sondern eine normale Webseite mit denselben Inhalten. Sie ist barrierefrei, auf dem Handy lesbar, wird von Google gefunden und lässt sich ohne neues Layout aktualisieren. Wo ein PDF nötig bleibt, etwa für den Druck, gehört es getaggt und mit korrekter Lesereihenfolge exportiert.

Was ein Barrierefreiheits-Audit in der Schweiz kostet

Der Preis hängt weniger von der Seitenzahl ab als von der Zahl unterschiedlicher Vorlagen, Komponenten und Nutzerwege. Fünf Informationsseiten sind oft einfacher als ein einziger Buchungsablauf mit Login. Die folgenden Spannen sind Planungswerte von Clear Design Experts, kein Markttarif:

Fragen Sie, ob manuelle Tests, Hilfstechnologien, Schweregrade, nachvollziehbare Belege, ein Nachtest und eine Erklärung zur Barrierefreiheit enthalten sind. Ein exportierter automatischer Scan ist kein Audit. Wird Barrierefreiheit gleich beim Neubau geplant, ist sie fast immer günstiger als nachträglich. Mehr zu den Gesamtkosten unter Website Kosten Schweiz.

In welcher Reihenfolge Sie Mängel beheben

Diese Reihenfolge verhindert einen bekannten Fehler: Hunderte Alternativtexte werden poliert, während sich das Hauptmenü noch immer nicht ohne Maus öffnen lässt.

Acht Fragen an einen Anbieter für Barrierefreiheit

Eine überzeugende Antwort erklärt Umfang und Belege. Eine schwache verspricht, dass ein Widget die Website «konform macht». Diese Fragen gehören neben die kaufmännischen und technischen Fragen, die Sie jeder Agentur stellen sollten. Mehr dazu im Leitfaden Webdesign-Agentur in der Schweiz auswählen.

Häufige Fragen zur barrierefreien Website