WCAG: Ihr Leitfaden zur Web-Barrierefreiheit in der Schweiz

Was bedeutet Web-Barrierefreiheit wirklich?

Web-Barrierefreiheit, auch als digitale Zugänglichkeit bekannt, bedeutet, dass Websites, Tools und Technologien so gestaltet und entwickelt werden, dass Menschen mit Behinderungen sie nutzen können. Das Ziel ist, dass alle Nutzer Inhalte wahrnehmen, verstehen, navigieren und mit ihnen interagieren können. Oft wird der Begriff fälschlicherweise auf die Unterstützung für blinde Menschen, die Screenreader verwenden, reduziert. In Wahrheit umfasst Barrierefreiheit ein viel breiteres Spektrum an Bedürfnissen und Anforderungen.

Dazu gehören nicht nur permanente Behinderungen wie Blindheit, Taubheit oder motorische Einschränkungen, die den Gebrauch einer Maus unmöglich machen. Es geht auch um temporäre Einschränkungen, wie zum Beispiel einen gebrochenen Arm, eine verlorene Brille oder eine laute Umgebung, in der man keine Videos mit Ton abspielen kann. Ebenso relevant sind situative Einschränkungen, etwa die Nutzung einer Website bei starker Sonneneinstrahlung auf einem mobilen Gerät, was hohe Kontraste erfordert. Zudem müssen kognitive und neurologische Beeinträchtigungen wie Legasthenie, ADHS oder Epilepsie berücksichtigt werden, was eine klare, einfache Sprache und das Vermeiden von blinkenden oder schnell bewegten Inhalten bedingt.

Die international anerkannten Richtlinien für barrierefreie Webinhalte (Web Content Accessibility Guidelines, kurz WCAG) bieten hierfür einen klaren Handlungsrahmen. Sie basieren auf vier grundlegenden Prinzipien: Inhalte müssen wahrnehmbar, bedienbar, verständlich und robust sein. Für Ihr Schweizer KMU bedeutet die Umsetzung dieser Prinzipien, dass Sie Ihre digitalen Türen für wirklich alle potenziellen Kunden öffnen und niemanden aufgrund technischer Hürden ausschliessen. Es ist ein fundamentaler Aspekt von Qualität und Professionalität im digitalen Zeitalter.

Die rechtliche Situation in der Schweiz: Das BehiG und seine Folgen für KMU

In der Schweiz bildet das Behindertengleichstellungsgesetz (BehiG), das seit 2004 in Kraft ist, die zentrale rechtliche Grundlage. Sein Ziel ist es, Benachteiligungen von Menschen mit Behinderungen zu verhindern, zu verringern oder zu beseitigen. Artikel 10 des BehiG fokussiert sich explizit auf Dienstleistungen und besagt, dass private Anbieter von öffentlich zugänglichen Dienstleistungen keine unüberwindbaren Hürden errichten dürfen. Obwohl das Gesetz Websites nicht explizit und flächendeckend für alle Unternehmen vorschreibt, barrierefrei zu sein, ist die Rechtslage im Wandel und die Auslegung wird zunehmend strenger.

Primär sind Behörden und öffentlich finanzierte Organisationen zur digitalen Barrierefreiheit verpflichtet. Für private Unternehmen, einschliesslich KMU, ergibt sich jedoch ein indirekter Druck und ein nicht zu unterschätzendes rechtliches Risiko. Gerichte könnten eine unzugängliche Website als diskriminierenden Ausschluss von einer Dienstleistung werten, insbesondere wenn diese Dienstleistung primär oder ausschliesslich online angeboten wird – wie es bei vielen E-Commerce-Shops, Buchungsplattformen oder Informationsportalen der Fall ist. Ein Urteil des Bundesgerichts aus dem Jahr 2021 gegen die SBB hat die Wichtigkeit der digitalen Zugänglichkeit untermauert und gezeigt, dass die Justiz bereit ist, das BehiG konsequent anzuwenden.

Für ein Schweizer KMU bedeutet dies: Auch wenn es heute vielleicht noch keine direkte gesetzliche Pflicht für Ihre spezifische Branche gibt, ist es strategisch klug, proaktiv zu handeln. Eine Klage wegen Diskriminierung kann nicht nur teuer werden, sondern führt auch zu einem erheblichen Imageschaden. Indem Sie Ihre Website proaktiv nach den WCAG-Standards gestalten, minimieren Sie dieses Risiko, positionieren sich als verantwortungsbewusstes Unternehmen und sind für zukünftige, strengere gesetzliche Anforderungen bereits bestens gerüstet. Die Investition in Barrierefreiheit ist somit auch eine Investition in Ihre rechtliche und unternehmerische Zukunftssicherheit.

Die WCAG-Erfolgsstufen: A, AA und AAA erklärt

Die Web Content Accessibility Guidelines (WCAG) sind in drei Konformitätsstufen unterteilt, die unterschiedliche Grade der Barrierefreiheit definieren: A (niedrigste Stufe), AA (mittlere Stufe) und AAA (höchste Stufe). Diese Stufen bauen aufeinander auf. Um Level AA zu erreichen, müssen alle Kriterien von Level A und Level AA erfüllt sein. Für Ihr KMU ist es entscheidend, diese Stufen zu verstehen, um realistische und sinnvolle Ziele für Ihre Website zu definieren.

Stufe A: Dies ist das absolute Minimum an Barrierefreiheit. Die Kriterien auf dieser Stufe beheben die grundlegendsten Hürden. Werden sie nicht erfüllt, ist es für viele Nutzergruppen unmöglich, die Inhalte überhaupt zu nutzen. Ein klassisches Beispiel für ein A-Kriterium ist die Bereitstellung von Textalternativen (sogenannten Alt-Tags) für Bilder. Ohne diese können blinde Nutzer, die einen Screenreader verwenden, nicht wissen, was auf einem Bild dargestellt ist. Ein weiteres A-Kriterium ist, dass Videos keine automatische Tonwiedergabe haben dürfen.

Stufe AA: Dies ist der international anerkannte Standard und die empfohlene Zielgrösse für die meisten Unternehmens- und Behördenwebsites. Die AA-Kriterien beseitigen weitere, signifikante Barrieren. Sie machen Inhalte für eine breitere Gruppe von Menschen zugänglich und nutzbar. Beispiele hierfür sind Anforderungen an den Farbkontrast (mindestens 4.5:1 für normalen Text), die durchgehende Bedienbarkeit der Website nur mit der Tastatur und die Bereitstellung von Untertiteln für Videos. Das Erreichen der Stufe AA signalisiert ein starkes Engagement für Inklusion und ist für die meisten kommerziellen Websites in der Schweiz der 'Sweet Spot' zwischen Aufwand und Nutzen.

Stufe AAA: Diese Stufe ist die höchste und anspruchsvollste. Sie zielt darauf ab, die Webinhalte für die grösstmögliche Anzahl von Menschen zugänglich zu machen. Die Kriterien sind oft sehr spezifisch und können für bestimmte Inhaltstypen nicht immer umgesetzt werden. Beispiele sind ein sehr hoher Farbkontrast (7:1), die Bereitstellung von Gebärdensprachübersetzungen für Videos oder das Anbieten von vereinfachten Textversionen für Menschen mit kognitiven Einschränkungen. Für eine reguläre KMU-Website ist das Erreichen der vollständigen AAA-Konformität meist nicht praktikabel oder notwendig. Es ist jedoch sinnvoll, einzelne AAA-Kriterien zu übernehmen, wo sie einen klaren Mehrwert bieten.

Der Business-Case: Wie Barrierefreiheit den Umsatz steigert (Rechenbeispiel)

Die Investition in eine barrierefreie Website ist weit mehr als eine soziale Geste – sie ist eine fundierte Geschäftsentscheidung mit einem messbaren Return on Investment (ROI). Betrachten wir ein konkretes Rechenbeispiel eines fiktiven Schweizer KMU: Ein Online-Shop aus St. Gallen, spezialisiert auf hochwertige Heimtextilien, generiert einen Jahresumsatz von 1'200'000 CHF bei einer durchschnittlichen Conversion-Rate von 2%. Die Website ist jedoch veraltet und weist erhebliche Barrieren auf.

Laut dem Bundesamt für Statistik leben in der Schweiz rund 1.8 Millionen Menschen mit einer Behinderung, was etwa 20% der Bevölkerung entspricht. Gehen wir konservativ davon aus, dass nur ein kleiner Teil davon – sagen wir 5% dieser Gruppe (90'000 Personen) – zur potenziellen Zielgruppe des Shops gehört und aufgrund der Barrieren nicht einkaufen kann. Bei einem durchschnittlichen Warenkorbwert von 150 CHF entgeht dem Unternehmen hier ein erhebliches Potenzial. Wenn es dem Shop gelingt, durch eine barrierefreie Neugestaltung nur 1% dieser zuvor ausgeschlossenen Nutzer (900 Personen) als neue Kunden zu gewinnen, resultiert dies in einem zusätzlichen Jahresumsatz von 900 * 150 CHF = 135'000 CHF.

Nehmen wir an, die umfassende Überarbeitung der Website mit Fokus auf WCAG-AA-Konformität kostet einmalig 30'000 CHF. Im ersten Jahr generiert diese Investition bereits einen Mehrumsatz von 135'000 CHF. Der ROI (Return on Investment) für dieses Projekt wäre somit ((135'000 - 30'000) / 30'000) * 100% = 350%. Dieser Wert berücksichtigt noch nicht einmal die sekundären Vorteile wie verbessertes SEO, höhere Kundenzufriedenheit bei allen Nutzern und gestärkte Markenreputation. Die Zahlen zeigen unmissverständlich: Barrierefreiheit ist keine Ausgabe, sondern eine Investition, die sich direkt auf Ihre Bilanz auswirkt und neue, loyale Kundensegmente erschliesst.

• Ausgangslage: Online-Shop mit 1.2 Mio. CHF Jahresumsatz.
• Problem: Inaccessible Website schliesst potenzielle Kunden aus.
• Potenzial: 1.8 Mio. Menschen mit Behinderungen in der Schweiz.
• Annahme: Gewinnung von nur 1% einer kleinen Teilgruppe (900 Neukunden).
• Berechnung: 900 Kunden * 150 CHF Warenkorb = 135'000 CHF Mehrumsatz p.a.
• Investition: 30'000 CHF für barrierefreie Website.
• Ergebnis: ROI von 350% bereits im ersten Jahr.

SEO-Boost durch Barrierefreiheit: Eine Win-Win-Situation

Suchmaschinenoptimierung (SEO) und Web-Barrierefreiheit sind zwei Seiten derselben Medaille. Viele Massnahmen, die Sie ergreifen, um Ihre Website für Menschen mit Behinderungen zugänglicher zu machen, verbessern gleichzeitig auch Ihr Ranking in Suchmaschinen wie Google. Der Grund dafür ist einfach: Suchmaschinen-Crawler verhalten sich in vielerlei Hinsicht wie Nutzer mit bestimmten Einschränkungen. Sie können keine Bilder 'sehen', keine Videos 'hören' und verlassen sich stark auf die technische und semantische Struktur einer Seite, um deren Inhalt zu verstehen.

Eine der offensichtlichsten Überschneidungen ist die Verwendung von Alternativtexten (Alt-Tags) für Bilder. Für einen blinden Nutzer liest der Screenreader diesen Text vor und beschreibt das Bild. Für Google ist dieser Text ein wichtiger Hinweis darauf, was das Bild zeigt, und hilft, Ihre Bilder in der Bildersuche besser zu platzieren. Eine klare und logische Überschriftenstruktur (H1, H2, H3 usw.) hilft nicht nur Nutzern, den Inhalt schnell zu erfassen, sondern ermöglicht es auch Google, die thematische Hierarchie Ihrer Seite zu verstehen und relevante Abschnitte für Featured Snippets zu extrahieren. Ebenso verbessern Videotranskripte und Untertitel die Zugänglichkeit für gehörlose Menschen und liefern gleichzeitig eine Fülle von textbasierten Inhalten, die von Suchmaschinen indiziert werden können.

Darüber hinaus führt Barrierefreiheit fast immer zu einer besseren allgemeinen Benutzererfahrung (User Experience, UX). Eine Website, die per Tastatur navigierbar ist, hat eine saubere Code-Struktur. Gut lesbare Schriftarten und hohe Kontraste sind für alle angenehmer. Schnelle Ladezeiten, die für Nutzer mit langsamen Verbindungen wichtig sind, sind auch ein direkter Rankingfaktor. Diese positiven UX-Signale – wie eine niedrigere Absprungrate und eine längere Verweildauer – werden von Google als Indikatoren für hohe Qualität gewertet, was sich positiv auf Ihr Ranking auswirken kann. Indem Sie in Barrierefreiheit investieren, optimieren Sie also nicht nur für eine bestimmte Nutzergruppe, sondern für alle Besucher und für die wichtigste Suchmaschine der Welt.

Barrierefreiheit in der Praxis: Konkrete Umsetzungsschritte

Die Umsetzung der WCAG-Richtlinien mag auf den ersten Blick komplex erscheinen, lässt sich aber in eine Reihe konkreter, handhabbarer Schritte unterteilen. Ein systematischer Ansatz ist der Schlüssel zum Erfolg. Beginnen Sie nicht mit allem auf einmal, sondern konzentrieren Sie sich auf die Massnahmen mit dem grössten Nutzen. Der erste und wichtigste Schritt ist die Verwendung von semantischem HTML. Das bedeutet, die richtigen HTML-Elemente für den richtigen Zweck zu verwenden: `<nav>` für die Navigation, `<main>` für den Hauptinhalt, `<button>` für interaktive Schaltflächen und Überschriften-Tags (`<h1>` bis `<h6>`) in einer logischen Reihenfolge. Dies schafft eine solide Grundlage, auf der Screenreader und andere Hilfstechnologien aufbauen können.

Ein weiterer zentraler Bereich ist die visuelle Gestaltung. Stellen Sie sicher, dass der Kontrast zwischen Text und Hintergrund ausreichend hoch ist. Das WCAG-AA-Level erfordert ein Kontrastverhältnis von mindestens 4.5:1 für normalen Text. Es gibt zahlreiche kostenlose Online-Tools, mit denen Sie Ihre Farbkombinationen überprüfen können. Verwenden Sie Farbe niemals als einziges Mittel, um Informationen zu vermitteln. Wenn beispielsweise ein erforderliches Formularfeld nur rot markiert ist, können farbenblinde Nutzer diese Information nicht wahrnehmen. Ergänzen Sie die Farbe immer durch Text (z.B. ein Sternchen oder der Hinweis 'erforderlich') oder ein Icon.

Die Bedienbarkeit ist ebenso entscheidend. Jede interaktive Komponente Ihrer Website – Links, Menüs, Formulare, Buttons – muss vollständig mit der Tastatur erreichbar und bedienbar sein. Testen Sie dies, indem Sie die Maus weglegen und versuchen, nur mit der Tabulator-Taste (zum Navigieren) und der Enter-Taste (zum Aktivieren) durch Ihre Website zu navigieren. Ist der Fokus, also das aktuell ausgewählte Element, jederzeit klar sichtbar? Schliesslich sind aussagekräftige Texte von grosser Bedeutung. Alle Bilder, die Informationen vermitteln, benötigen einen beschreibenden Alternativtext. Links sollten selbsterklärend sein; statt 'Hier klicken' schreiben Sie besser 'Laden Sie den Jahresbericht 2023 herunter'. Diese Massnahmen verbessern die Benutzerfreundlichkeit für alle Besucher Ihrer Website.

• Semantisches HTML nutzen: Verwenden Sie `<header>`, `<nav>`, `<main>`, `<footer>` etc. korrekt.
• Logische Überschriftenstruktur: Ordnen Sie H1, H2, H3 hierarchisch an.
• Alternativtexte für Bilder: Jedes informative Bild braucht einen `alt`-Text.
• Ausreichender Farbkontrast: Halten Sie ein Verhältnis von mindestens 4.5:1 ein.
• Vollständige Tastaturbedienbarkeit: Alle Funktionen müssen ohne Maus nutzbar sein.
• Sichtbarer Fokus-Indikator: Heben Sie das Element hervor, das gerade per Tastatur ausgewählt ist.
• Beschriftung von Formularfeldern: Jedes Eingabefeld braucht ein sichtbares `<label>`.

Die häufigsten Barrieren auf KMU-Websites (und wie Sie sie vermeiden)

Viele Websites von kleinen und mittleren Unternehmen in der Schweiz weisen wiederkehrende Mängel auf, die die Nutzung für Menschen mit Behinderungen erschweren oder verunmöglichen. Die gute Nachricht ist, dass sich diese häufigsten Fehler oft mit überschaubarem Aufwand beheben lassen, wenn man sie einmal kennt. Einer der verbreitetsten Mängel ist das Fehlen von Alternativtexten für Bilder. Ohne diese `alt`-Attribute sind informative Grafiken, Produktbilder oder Diagramme für blinde Nutzer unsichtbar. Die Lösung ist einfach: Pflegen Sie bei jedem Bild, das Sie hochladen, eine kurze, prägnante Beschreibung.

Ein weiteres grosses Problemfeld sind Formulare. Oft fehlen klare Beschriftungen (`<label>`) für die Eingabefelder oder die Fehlermeldungen sind nicht verständlich. Wenn nach dem Absenden eines Formulars nur die fehlerhaften Felder rot umrandet werden, wissen Screenreader-Nutzer nicht, wo und warum ein Fehler aufgetreten ist. Eine gute Fehlerbehandlung beschreibt das Problem klar in Textform (z.B. 'Bitte geben Sie eine gültige E-Mail-Adresse ein') und platziert die Meldung direkt beim betreffenden Feld. Ebenso problematisch sind ' Nur-Icon-Buttons', beispielsweise ein Warenkorb- oder ein Such-Button ohne sichtbaren Text. Sorgen Sie immer für eine Textbeschriftung oder ein unsichtbares, aber für Screenreader lesbares Label (mittels `aria-label`).

Navigation und Interaktion sind ebenfalls fehleranfällig. Menüs, die sich nur bei Maus-Hover öffnen und nicht per Tastatur erreichbar sind, schliessen eine grosse Nutzergruppe aus. Das Gleiche gilt für Pop-ups oder Cookie-Banner, die den Tastaturfokus 'gefangen nehmen' und ein Weiternavigieren verhindern. Achten Sie darauf, dass jede interaktive Komponente per Tabulator-Taste erreichbar ist. Ein letzter, aber wichtiger Punkt betrifft Dokumente zum Herunterladen: Oft werden unstrukturierte PDFs angeboten, die für Screenreader nur eine leere Seite oder ein Bild sind. Erstellen Sie stattdessen 'getaggte' PDFs aus dem Quelldokument (z.B. Word oder InDesign) oder bieten Sie den Inhalt zusätzlich als barrierefreie HTML-Seite an.

Barrierefreiheit testen: Tools und Methoden für den Selbst-Check

Obwohl ein umfassendes Audit durch spezialisierte Experten unersetzlich ist, können Sie als KMU-Inhaber oder Marketingverantwortlicher bereits selbst eine erste Einschätzung der Barrierefreiheit Ihrer Website vornehmen. Es gibt eine Reihe von kostenlosen Tools und einfachen manuellen Tests, die Ihnen helfen, offensichtliche Schwachstellen zu identifizieren. Ein guter erster Schritt ist die Nutzung von automatisierten Test-Tools. Browser-Erweiterungen wie 'axe DevTools' oder 'WAVE' scannen eine einzelne Seite und listen gefundene Probleme und Warnungen auf. Auch die in Google Chrome integrierten 'Lighthouse'-Audits enthalten einen Accessibility-Score, der Ihnen einen prozentualen Wert und konkrete Verbesserungsvorschläge liefert. Diese Tools sind sehr hilfreich, um Probleme wie fehlende Alt-Texte oder Kontrastfehler zu finden. Sie können jedoch nur etwa 30-40% aller potenziellen Barrieren erkennen, da sie den Kontext und die Nutzerlogik nicht verstehen können.

Deshalb sind manuelle Tests unerlässlich. Der wichtigste und einfachste manuelle Test ist die Tastatur-Navigation. Legen Sie Ihre Maus zur Seite und versuchen Sie, sich nur mit der Tab-Taste (vorwärts) und Shift+Tab (rückwärts) durch Ihre Website zu bewegen. Können Sie alle Links, Schaltflächen und Formularfelder erreichen? Ist die Reihenfolge logisch? Sehen Sie jederzeit deutlich, welches Element gerade den Fokus hat (meist durch einen farbigen Rahmen)? Können Sie Menüs öffnen und schliessen und Aktionen mit der Enter- oder Leertaste auslösen? Dieser Test deckt schnell grundlegende Probleme in der Bedienbarkeit auf.

Ein weiterer aufschlussreicher Test ist das Zoomen der Seite. Vergrössern Sie die Ansicht in Ihrem Browser auf 200%. Überlappen sich Texte? Verschwinden Inhalte oder werden unleserlich? Eine robuste Website sollte auch bei starker Vergrösserung benutzbar bleiben. Abschliessend können Sie einen einfachen Screenreader-Test durchführen. Sowohl Windows ('Sprachausgabe') als auch macOS ('VoiceOver') haben integrierte Screenreader. Aktivieren Sie ihn und lassen Sie sich eine Ihrer wichtigsten Seiten vorlesen. Ist die Reihenfolge der vorgelesenen Inhalte logisch? Sind Links und Buttons verständlich? Dieser Test vermittelt ein eindrückliches Gefühl dafür, wie Nutzer mit Sehbehinderung Ihre Website erleben.

Die Rolle Ihrer Webagentur: Worauf Sie bei der Auswahl achten müssen

Die Erstellung einer wirklich barrierefreien Website erfordert technisches Know-how und Erfahrung. Die Wahl der richtigen Webagentur ist daher ein entscheidender Erfolgsfaktor. Leider behaupten viele Agenturen, 'barrierefreie' Websites zu erstellen, ohne das Thema wirklich in der Tiefe zu verstehen. Als Auftraggeber sollten Sie deshalb gezielt nachfragen und die Kompetenz Ihres potenziellen Partners prüfen. Verlassen Sie sich nicht auf pauschale Aussagen, sondern fordern Sie konkrete Nachweise und Arbeitsproben an. Eine kompetente Agentur wird Ihre Fragen als Zeichen von Professionalität werten und nicht als Misstrauen.

Stellen Sie bei einem Erstgespräch gezielte Fragen zum Thema. Erkundigen Sie sich nach der Erfahrung mit WCAG-konformen Projekten und lassen Sie sich Referenz-Websites zeigen, die nachweislich den WCAG-Standard AA erfüllen. Fragen Sie, wie die Agentur Barrierefreiheit im Entwicklungsprozess sicherstellt. Ist es ein integraler Bestandteil von Design und Programmierung, oder ein 'Add-on', das am Ende hinzugefügt wird? Ein professioneller Prozess integriert Accessibility von Anfang an, zum Beispiel durch barrierefreie Design-Systeme, regelmässige Tests während der Entwicklung und die Schulung der Entwickler. Fragen Sie auch, welche Tools und Methoden zur Qualitätssicherung eingesetzt werden, sowohl automatisiert als auch manuell.

Ein weiterer wichtiger Aspekt ist die Zeit nach dem Livegang. Eine Website ist ein lebendiges System. Neue Inhalte können neue Barrieren schaffen. Eine gute Agentur bietet daher auch Schulungen für Ihre Mitarbeitenden an, die Inhalte pflegen. Sie sollten lernen, wie man korrekte Überschriftenstrukturen anlegt, aussagekräftige Alt-Texte schreibt und barrierefreie Dokumente erstellt. Klären Sie zudem, ob die Agentur periodische Audits anbietet, um die Konformität auch nach Updates oder dem Hinzufügen neuer Funktionen sicherzustellen. Die Bereitschaft einer Agentur, Sie langfristig zu unterstützen und ihr Wissen zu teilen, ist ein klares Indiz für wahre Kompetenz im Bereich der digitalen Barrierefreiheit.

• Frage 1: "Welche konkreten Erfahrungen haben Sie mit WCAG 2.1 AA Projekten?"
• Frage 2: "Können Sie uns Referenz-Websites zeigen und deren Barrierefreiheit demonstrieren?"
• Frage 3: "Wie integrieren Sie Barrierefreiheit in Ihren Design- und Entwicklungsprozess?"
• Frage 4: "Welche automatisierten und manuellen Tests führen Sie durch, um die Konformität sicherzustellen?"
• Frage 5: "Bieten Sie Schulungen für unsere Content-Manager an?"
• Frage 6: "Wie stellen Sie die Barrierefreiheit nach dem Livegang und bei zukünftigen Updates sicher?"

Barrierefreiheit ist kein einmaliges Projekt, sondern ein Prozess

Ein häufiges Missverständnis ist, dass Barrierefreiheit mit dem Livegang einer neuen oder überarbeiteten Website abgeschlossen ist. In Wahrheit ist die Zertifizierung oder das Erreichen der WCAG-Konformität nur eine Momentaufnahme. Eine Website ist ein dynamisches Gebilde, das ständig durch neue Inhalte, Blogartikel, Produkte oder Funktionen erweitert wird. Jede einzelne dieser Änderungen birgt das Risiko, neue Barrieren zu schaffen. Deshalb muss digitale Zugänglichkeit als ein fortlaufender Prozess und als Teil der Unternehmenskultur verstanden werden, nicht als einmaliges Projekt.

Der Schlüssel zur nachhaltigen Barrierefreiheit liegt in der Verantwortung und dem Wissen der Personen, die täglich mit der Website arbeiten: Ihre Content-Manager, Marketingmitarbeitenden und Redakteure. Wenn ein neuer Blogartikel veröffentlicht wird, muss der Autor wissen, wie man eine logische Überschriftenstruktur verwendet und aussagekräftige Alt-Texte für die Bilder schreibt. Wenn ein neues Produktvideo hochgeladen wird, muss das Marketingteam daran denken, Untertitel zu erstellen. Ohne dieses Bewusstsein und die entsprechenden Fähigkeiten wird selbst die perfekteste barrierefreie Website mit der Zeit erodieren und wieder unzugänglich werden. Regelmässige, kurze Schulungen und klare, verständliche Checklisten sind hierfür unerlässlich.

Darüber hinaus sollten Sie Barrierefreiheit fest in Ihre Qualitätssicherungsprozesse integrieren. Planen Sie periodische, zum Beispiel jährliche oder halbjährliche, Mini-Audits ein, um den Status quo zu überprüfen. Dies kann intern mit den beschriebenen Testmethoden oder durch einen externen Dienstleister geschehen. Bei grösseren Updates oder der Einführung neuer Website-Bereiche (z.B. einem neuen Buchungs-Tool) sollte ein Accessibility-Check standardmässig zum Ablauf gehören. Indem Sie Barrierefreiheit als kontinuierliche Aufgabe begreifen, stellen Sie sicher, dass Ihre Investition nachhaltig ist und Ihre Website langfristig für alle Nutzer offen und zugänglich bleibt.

Kosten und Aufwand: Was investieren Sie in eine barrierefreie Website?

Die Frage nach den Kosten ist für jedes KMU zentral. Es ist wichtig, die Investition in Barrierefreiheit realistisch zu betrachten. Die Höhe der Kosten hängt stark vom gewählten Vorgehen ab: Ist es günstiger, eine bestehende Website zu 'reparieren' (Remediation) oder Barrierefreiheit direkt bei einem Neubau zu berücksichtigen? Die klare Antwort lautet: Barrierefreiheit von Anfang an (Accessibility by Design) ist mit Abstand der kosteneffizienteste Weg. Wenn Zugänglichkeit bereits in der Konzeptions- und Designphase mitgedacht und während der Entwicklung konsequent umgesetzt wird, belaufen sich die Mehrkosten im Vergleich zu einer nicht-barrierefreien Website oft nur auf etwa 15-25% des Gesamtprojektbudgets.

Die nachträgliche Sanierung einer bestehenden, komplexen Website ist hingegen ungleich teurer und aufwändiger. Zuerst ist ein umfassendes Audit notwendig, um alle Barrieren zu identifizieren. Ein solches Audit durch eine spezialisierte Agentur kann für eine mittelgrosse KMU-Website zwischen 2'000 und 5'000 CHF kosten. Die anschliessende Behebung der Mängel (Remediation) kann, je nach Zustand der Seite und der zugrundeliegenden Technologie, schnell Kosten von 5'000 bis über 50'000 CHF verursachen. In vielen Fällen ist eine Sanierung so kostspielig, dass ein kompletter Neubau die wirtschaftlich sinnvollere Alternative darstellt.

Betrachten Sie diese Zahlen jedoch nicht als reine Kosten, sondern als Investition. Wie im Rechenbeispiel gezeigt, kann sich diese Investition durch die Erschliessung neuer Kundengruppen, verbesserte SEO-Leistung und Risikominimierung schnell amortisieren. Für KMU mit begrenzten Budgets ist ein schrittweises Vorgehen möglich. Beginnen Sie mit einem Audit, um die dringendsten Probleme ('Quick Wins') zu identifizieren und zu beheben. Planen Sie dann weitere Massnahmen mittelfristig ein. Eine transparente Webagentur wird Sie über die verschiedenen Optionen und die damit verbundenen Kosten ehrlich beraten und einen Weg finden, der zu Ihrem Budget passt.