Erklärung zur Barrierefreiheit
Diese Website ist für Menschen gebaut, die sie im ungünstigsten Moment aufrufen: abends, draussen, mit vergrösserter Schrift, mit einer Hand. Was dafür getan wurde — und was noch offen ist.
Massstab
Woran diese Website gemessen wird
Der Bezugsstandard ist WCAG 2.1 auf Stufe AA — dieselbe Referenz, auf die sich das Barrierefreiheitsstärkungsgesetz beruft.
WCAG 2.1 Stufe AA
Geprüft wird mit axe-core auf jeder einzelnen Seite, nicht stichprobenartig. Ergänzt um eigene Messungen dort, wo ein automatischer Test nichts sieht.
Acht Breiten
Von 320 bis 1440 Pixeln wird geprüft, dass nichts über den Rand ragt und der Layout-Viewport der Gerätebreite entspricht — auch bei 200 % Zoom bleibt der Inhalt lesbar.
Rechnerisch, nicht geschätzt
46 Farbpaare der Designsprache werden vor jedem Build ausgerechnet. Kein Ton kommt in die Seite, der den Grenzwert nicht klärt.
Umgesetzt
Was konkret dafür getan wurde
- Schrift: 18 Pixel aufwärts
Der Fliesstext startet bei 18 Pixeln mit grosszügigem Zeilenabstand. Keine dünnen Schriftschnitte im Fliesstext, kein Grau auf Grau.
- Kontrast mindestens 4,5:1
Fliesstext klärt 4,5:1, grosse Schrift und Bedienelemente mindestens 3:1. Der niedrigste gemessene Wert auf dieser Website liegt bei 4,8:1.
- Bedienflächen: mindestens 44 Pixel
Jeder Anrufknopf, jeder Menüpunkt und jede Klappfrage ist mindestens 44 mal 44 Pixel gross. Die feste Anrufleiste am unteren Rand bleibt beim Scrollen erreichbar.
- Vollständig mit der Tastatur bedienbar
Ein Sprunglink führt als erstes fokussierbares Element direkt in den Inhalt. Jedes Bedienelement zeigt einen doppelten Fokusring, der auf hellem wie auf dunklem Grund sichtbar bleibt. Escape schliesst das Menü und gibt den Fokus zurück.
- Sinnvolle Struktur
Genau eine H1 pro Seite, keine übersprungenen Überschriftenebenen, echte Landmarken für Kopf, Inhalt und Fuss. Jede Klappfrage ist ein natives details und funktioniert auch ohne JavaScript.
- Ruhige Bewegung
Es gibt kein Karussell, keinen Zähler, keinen Parallax und keine Bewegung auf dem Anrufknopf. Die einzige Animation ist ein leichtes Einblenden, das bei prefers-reduced-motion vollständig entfällt — und der Text ist zu jedem Zeitpunkt lesbar, auch ohne JavaScript.
- Beschriebene Bilder
Jedes Bild trägt einen deutschen Alternativtext, der beschreibt, was zu sehen ist — nicht das Suchwort der Seite.
- Keine Eingabefelder
Es gibt kein Formular. Für viele Menschen mit Einschränkung ist genau das die grösste Erleichterung: Es gibt nichts auszufüllen und nichts zu vertippen.
Ehrlich
Was gut funktioniert — und was Grenzen hat
Eine Erklärung, die nur Erfolge aufzählt, ist keine.
Belastbar
Struktur, Kontrast, Bedienung
Diese drei sind gemessen und werden bei jeder Änderung neu gemessen. Sie halten auch bei starkem Zoom und mit Tastaturbedienung.
Mit Vorbehalt
Automatisch geprüft ist nicht alles geprüft
Ein automatischer Test erkennt kein missverständliches Wort und keine unglückliche Reihenfolge. Wenn Ihnen etwas auffällt, sagen Sie es uns — am schnellsten telefonisch.
Rückmeldung
Wenn Sie auf eine Barriere stossen
Sagen Sie es uns. Am schnellsten geht das telefonisch — dieselbe Nummer wie für jeden Auftrag.
Beschreiben Sie kurz, welche Seite es war und was nicht funktioniert hat: eine Stelle, die Ihr Vorleseprogramm überspringt, ein Text, der beim Vergrössern verschwindet, ein Knopf, den Sie mit der Tastatur nicht erreichen. Wir prüfen es nach und bessern nach.
Diese Erklärung beschreibt den Stand dieser Website. Sie wird bei jeder inhaltlichen Änderung erneut gegen dieselben Messungen geführt.
Eine Nummer, ein Weg
Kein Formular, keine Anmeldung, kein Umweg — weder für einen Auftrag noch für eine Rückmeldung zu dieser Seite.
Kostenlose & unverbindliche telefonische Beratung