Barrierefreie Webseite, die wirklich bedienbar ist.
BehiG-konform für Bund, Kanton, Gemeinden und öffentliche Auftraggeber. WCAG 2.2 AA für KMU, die ernst meinen, dass alle Besucherinnen ihre Seite nutzen können. Audit mit axe DevTools, WAVE und manuellem Test, nicht nur Lighthouse-Score.
- Audit mit axe DevTools, WAVE und manuellem Test
- WCAG 2.2 AA als Standard, AAA wo gefordert
- BehiG-Konformität für öffentliche Auftraggeber
- Tastatur, Screenreader und Zoom-200%-Tests
Warum Accessibility kein Add-On ist
Drei Gründe, weshalb der Schritt sich lohnt, auch ohne BehiG-Pflicht.
20 Prozent der Bevölkerung
In der Schweiz leben rund 1.8 Millionen Menschen mit einer Form von Behinderung: Sehbeeinträchtigung, motorische Einschränkungen, kognitive Beeinträchtigungen oder altersbedingte Probleme. Wer barrierefrei baut, schliesst diese Gruppe nicht aus.
Pflicht bei öffentlichen Aufträgen
Sobald Sie für Bund, Kanton, Gemeinden oder Stiftungen mit Bundes-Beteiligung arbeiten, ist BehiG-Konformität Teil der Ausschreibung. Ohne Accessibility-Konzept wird die Offerte gar nicht erst geprüft.
Bessere SEO und UX für alle
Saubere Semantik, gute Kontraste und sinnvolle Link-Texte verbessern auch das Google-Ranking und die Conversion-Rate für Nicht-Behinderte. Accessibility-Investition zahlt sich doppelt aus.
Worauf wir bei WCAG 2.2 AA achten
Sechs Bereiche, die in jedem Audit geprüft werden.
Tastatur-Bedienbarkeit
Alle Funktionen müssen ohne Maus erreichbar sein. Tab-Reihenfolge logisch, keine Tastatur-Fallen in Modals, Escape schliesst Overlays. Häufig vergessen: Custom-Dropdowns und Slider.
Farbkontrast 4.5:1
Text gegen Hintergrund mindestens 4.5:1 für Normaltext, 3:1 für Grosstext. Hellgraue Texte auf weiss sind die häufigste Verletzung. Auch Hover- und Disabled-Zustände prüfen.
Semantik und ARIA
Heading-Hierarchie ohne Sprünge (h1 → h2 → h3), Listen als <ul> statt mit <br>, Buttons als <button> statt <div> mit Click-Handler, ARIA nur ergänzend wo HTML nicht reicht.
Alt-Texte und Bildbeschreibungen
Sinnvolle Alternativtexte für inhaltsrelevante Bilder, leere Alt-Attribute für rein dekorative Grafiken. Diagramme und Infografiken brauchen längere Beschreibungen oder Text-Alternativen.
Screenreader-Tauglichkeit
Tests mit NVDA (Windows) und VoiceOver (macOS, iOS). Korrekte Lese-Reihenfolge, sinnvolle Link-Texte ohne 'hier klicken', Form-Felder mit klaren Labels und Fehlermeldungen.
Zoom und Reflow
Inhalt muss bei 200% Browser-Zoom ohne horizontales Scrollen lesbar bleiben. Layout reflowed, Texte werden nicht abgeschnitten, Modals bleiben bedienbar.
In 4 Phasen zur Konformität
Ablauf von Audit bis Abnahme.
Audit
Automatisierte Scans mit axe DevTools, WAVE und Lighthouse, danach manuelle Prüfung mit Tastatur, Screenreader und 200%-Zoom. Bericht in 7 bis 10 Werktagen.
Priorisierung
Findings gewichtet: Blocker (Tastatur-Falle), kritisch (Kontrast, fehlende Labels), Nice-to-Have. Sie entscheiden Umfang und Budget der Anpassung.
Umsetzung
Code-Anpassungen, neue Komponenten wo nötig, Alt-Texte mit Ihrem Redaktions-Team, Form-Labels, Fokus-Indikatoren. Pull-Requests mit Review-Schleife.
Re-Audit & Konformitätserklärung
Zweiter Durchgang, alle Issues bestätigt geschlossen. Konformitätserklärung mit WCAG-Mapping als PDF, brauchbar für öffentliche Ausschreibungen.
Was in der Schweiz speziell zu beachten ist
Das BehiG des Bundes verlangt Barrierefreiheit für Webseiten der Bundesverwaltung. Über die Kantone ist die Pflicht in unterschiedlicher Form bis auf Gemeinde-Ebene durchgereicht. Stadt Bern beispielsweise schreibt für eigene Webseiten und Förderprojekte WCAG 2.1 AA als Mindeststandard vor, wobei der neuere WCAG-2.2-Standard zunehmend übernommen wird.
Für private Unternehmen ist Accessibility in der Schweiz nicht generell vorgeschrieben. Sobald aber öffentliche Aufträge, Kooperationen mit Hochschulen oder Bewerbungen bei Stiftungs-Förderungen im Spiel sind, kommt das Thema auf den Tisch. Auch ESG-Reporting und CSR-Bilanzen führen mittlerweile Barrierefreiheit als KPI.
Mehrsprachigkeit ist Schweizer Spezifikum: das lang-Attribut muss pro Sprachversion sauber gesetzt sein, Sprach-Umschalter müssen tastatur-bedienbar und für Screenreader klar gekennzeichnet sein, und PDF-Anhänge in Deutsch, Französisch und Italienisch brauchen je eigenes Tagging.
Standort Bern, persönliche Betreuung. Ich arbeite mit Kommunal-Webseiten, Hochschul-Projekten und KMU, die für Bundes-Beschaffungen offerieren. Kein Audit nur mit Lighthouse, sondern mit echtem Test inkl. Screenreader.
Verwandte Themen
Compliance, Standort und Preise.
Bereit für eine wirklich bedienbare Webseite?
Audit ab CHF 580 mit schriftlichem Bericht und WCAG-Mapping. Anpassungen je nach Umfang CHF 1'400 bis 4'500.
Audit anfragenHäufige Fragen zu Barrierefreiheit
Was ist das BehiG und für wen gilt es?
Bundesgesetz über die Beseitigung von Benachteiligungen von Menschen mit Behinderungen. Pflicht für Bund, oft auch Kantone und Gemeinden. Für Private nicht zwingend, aber bei öffentlichen Aufträgen vorausgesetzt.
Was ist WCAG 2.2 AA?
Web Content Accessibility Guidelines, Version 2.2 (Oktober 2023), Stufe AA. Standard für öffentliche Stellen: Kontrast 4.5:1, Tastatur-Bedienbarkeit, Alt-Texte, Fokus-Sichtbarkeit, Form-Labels.
Welche Tools nutzen Sie für das Audit?
axe DevTools als Haupttool, WAVE ergänzend, Lighthouse für schnelle Übersicht. Automatisierte Tools finden 30 bis 40 Prozent der Probleme. Den Rest deckt manueller Test mit Tastatur, Screenreader (NVDA, VoiceOver), Zoom auf 200%.
Was sind häufige Verstösse?
Fehlende Alt-Texte, ungenügender Kontrast, Tastatur-Fallen in Modals, unbeschriftete Form-Felder, generische Link-Texte, fehlende Sprach-Auszeichnung im html-Tag.
Was kostet ein Audit?
KMU-Webseite (10-20 Seiten) ab CHF 580 mit schriftlichem Bericht. Anpassungen je nach Umfang CHF 1'400 bis 4'500.
Wie lange dauert die Anpassung?
Moderne Webseite (WordPress, Webflow, Next.js): 2 bis 4 Wochen. Altsystem mit jQuery-Sliders und ungetagten PDFs: 6 bis 10 Wochen, weil oft Komponenten neu gebaut werden.
Kontakt aufnehmen
Lass uns etwas
Grossartiges bauen.
Ob neue App, Web-Plattform oder Rebranding, wir sind bereit für die nächste Herausforderung. Erzähl uns von deiner Vision.