Schnell und barrierefrei: Warum das für Praxen und Kanzleien kein Nice-to-have mehr ist
Eine Website, die langsam lädt oder für Menschen mit Sehschwäche kaum lesbar ist, kostet Sie Patient:innen und Mandant:innen - noch bevor die erste Telefonnummer gewählt wird. Wir zeigen an unserer eigenen Website, was das in der Praxis bedeutet: mit echten Screenshots, echten Messwerten und einer ehrlichen Antwort auf die Frage, warum das für Sie relevant ist.
Der Ausgangspunkt: 96% ist nicht genug
Bei einer Routine-Prüfung mit PageSpeed Insights - Googles offiziellem Werkzeug zur Bewertung von Websites - fiel unsere eigene Seite bei der Kategorie Barrierefreiheit auf 96% zurück. Der Grund: eine unscheinbare graue Beschriftung (“Unser Techstack”) über unserer Partner-Logo-Zeile.
Klingt nach einer Kleinigkeit. Ist es aber nicht - und genau das macht diesen Fall interessant.
Was “nicht ausreichender Kontrast” konkret bedeutet
Die Beschriftung war mit 50% Deckkraft auf hellgrauem Grund gesetzt - ein gängiges Stilmittel für “dezente” Hinweistexte. Gemessen ergab das ein Kontrastverhältnis von 2,9:1. Die WCAG-Richtlinie (Web Content Accessibility Guidelines), der internationale Standard für barrierefreie Websites, verlangt für normalen Text mindestens 4,5:1.
Was heißt das in der Praxis? Menschen mit eingeschränktem Sehvermögen - und das betrifft, je nach Altersgruppe, einen erheblichen Teil Ihrer Patient:innen - können solchen Text auf einem hellen Bildschirm bei Tageslicht kaum oder gar nicht lesen. Bei Screenreadern spielt der visuelle Kontrast zwar keine Rolle, aber ein niedriges Kontrastverhältnis ist ein zuverlässiger Indikator dafür, dass an anderer Stelle der Seite ebenfalls nicht konsequent auf Zugänglichkeit geachtet wurde.
Die Korrektur: Deckkraft von 50% auf 70% angehoben. Kein Redesign, keine neue Farbe - eine Zeile CSS. Das Ergebnis haben wir nicht geschätzt, sondern mit der echten, im Browser gerenderten Farbe und der offiziellen WCAG-Kontrastformel nachgerechnet:
| Modus | Vorher | Nachher | WCAG-AA-Minimum |
|---|---|---|---|
| Hell | 2,9:1 | 5,06:1 | 4,5:1 |
| Dunkel | 4,88:1 | 8,35:1 | 4,5:1 |
Warum wir nicht raten, sondern messen
Der Unterschied zwischen einer Website, die aussieht wie sie barrierefrei ist, und einer, die es tatsächlich ist, liegt in der Messmethode. Bei uns lief das so ab:
- Reale Farbwerte statt Design-Tool-Vorschau. Wir haben die Farbe nicht in Figma abgelesen, sondern im laufenden Browser mit der exakten, tatsächlich gerenderten Pixel-Farbe nachgerechnet - inklusive der Deckkraft-Überlagerung auf dem echten Hintergrund.
- Echte Bildschirmbreiten statt Browserfenster-Verkleinern. Ein am Desktop-Browser verkleinertes Fenster verhält sich anders als ein echtes Smartphone. Wir prüfen mit einer Technik, die einen echten mobilen Viewport im Browser erzeugt - nicht nur eine Simulation.
- Der komplette Nutzungsweg, nicht nur der erste Klick. Bei unserem Kontaktformular haben wir zum Beispiel geprüft, ob es auch dann noch korrekt funktioniert, wenn jemand über die Navigation zur Kontaktseite wechselt statt die URL direkt aufzurufen - ein Fall, den oberflächliche Tests gerne übersehen.
Die “So what”-Frage: Warum das für Ihr Unternehmen zählt
Eine bessere Zahl im Testtool ist kein Selbstzweck. Drei konkrete Gründe, warum das für Sie geschäftlich relevant ist:
1. Rechtlicher Rahmen. Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es verpflichtet Anbieter bestimmter digitaler Dienstleistungen für Verbraucher:innen - etwa Online-Terminbuchung, wie sie viele Praxen und Kanzleien anbieten - zu barrierefreier Gestaltung nach WCAG-Standard. Wir sind keine Anwälte und dies ist keine Rechtsberatung, aber die Richtung ist eindeutig: Barrierefreiheit wird vom Nice-to-have zur Erwartung, in manchen Fällen zur Pflicht.
2. Ihre tatsächliche Zielgruppe. Ältere Patient:innen, Menschen mit Sehschwäche, Nutzer:innen von Screenreadern - das ist keine Nischengruppe, sondern in vielen Praxen ein wesentlicher Teil der Patientenschaft. Eine Website, die für diese Menschen schwer lesbar ist, schickt sie kommentarlos zur Konkurrenz.
3. Google belohnt schnelle, zugängliche Seiten. Ladezeit und technische Qualität fließen in Googles Ranking ein. Unsere eigene Seite läuft als statische, auf Cloudflares globalem Edge-Netzwerk ausgelieferte Website - keine zentrale Serveranfrage quer durchs Internet, sondern Auslieferung vom nächstgelegenen Rechenzentrum. Das eigentliche dynamische Backend (etwa für unser Kontaktformular) ist bewusst auf ein Minimum reduziert: Es wiegt komprimiert rund 85 KB - ein Bruchteil dessen, was viele Baukasten-Websites an Ballast mitschleppen.
Was das für Ihr Projekt heißt
Barrierefreiheit und Geschwindigkeit sind bei uns kein nachträglicher Haken auf einer Checkliste, sondern Teil des Fundaments - genau wie bei dieser Korrektur, die wir an unserer eigenen Seite vorgenommen haben, sobald sie uns aufgefallen ist. Wenn Sie wissen möchten, wie Ihre eigene Website in diesen Punkten dasteht, nehmen Sie unverbindlich Kontakt mit uns auf.
