Zum Inhalt springen
Spezialisiert auf die Pflegebranche
Barrierefreiheit & Betrieb

Barrierefreie Pflege-Website praktisch umsetzen

Kontraste, große Schrift, Tastaturbedienung, Alt-Texte und barrierefreie Formulare: So setzen Pflegedienste Barrierefreiheit um - als direkter Conversion-Hebel.

13 Min. Lesezeit BarrierefreiheitWCAG 2.2Pflege-WebsiteConversion

Eine Pflege-Website richtet sich an eine besondere Gruppe: ältere Pflegebedürftige, ihre oft selbst nicht mehr jungen Angehörigen und Pflegekräfte, die einen verlässlichen Arbeitgeber suchen. Genau hier ist Barrierefreiheit weit mehr als eine Pflicht aus dem Barrierefreiheitsstärkungsgesetz (BFSG). Sie entscheidet darüber, ob ein sehbeeinträchtigter Interessent Ihr Kontaktformular überhaupt findet und absenden kann. In Deutschland nutzen inzwischen rund 74 Prozent (Bitkom) der Menschen ab 65 Jahren das Internet - die Zielgruppe ist also online, aber sie braucht zugängliche Angebote. Dieser Beitrag bleibt nicht bei der reinen BFSG-Awareness stehen, sondern zeigt Schritt für Schritt, wie sich Kontraste, große Schrift, Tastaturbedienung, Alt-Texte, barrierefreie Formulare sowie Vorlese- und Leichte-Sprache-Optionen praktisch umsetzen lassen - und warum jeder dieser Schritte mehr Anfragen bringen kann.

Barrierefreie Pflege-Website: vom Aufwand zur AnfrageSieben Umsetzungsschritte und ihr direkter Effekt auf die ZielgruppeSieben Schritte zur Umsetzung1Kontraste auf mind. 4,5:1dunkler Text auf hellem Grund2Große Schrift, bis 200% ZoomBasis 18 px, klare Typografie3Tastatur und sichtbarer FokusBedienung ganz ohne Maus4Alt-Texte für alle BilderScreenreader liest sie vor5Barrierefreies Kontaktformularklare Labels, gute Fehlertexte6Vorlesen und Leichte SpracheOption für mehr Verständnis7Laufend testen und pflegenWer profitiert besonders?74%der Ab-65-Jährigen online (Bitkom)5,69 Mio.Pflegebedürftige in DE (Destatis)ca. 1,2 Mio.mit Sehbehinderung (DBSV)4,5:1Mindestkontrast WCAG 2.2Direkter Conversion-HebelLesbarer Textmehr verstandene InhalteEinfaches Formularmehr abgeschickte AnfragenGroße Buttonsweniger Frust am Smartphone

Das Wichtigste in Kürze

  • Barrierefreiheit ist bei Pflege-Websites nicht nur BFSG-Pflicht, sondern ein direkter Conversion-Hebel: Eine gut lesbare, bedienbare Seite senkt die Hürde, eine Anfrage abzusenden.
  • Die Zielgruppe besteht überdurchschnittlich aus älteren Menschen mit nachlassender Sehkraft, Feinmotorik und Konzentration - genau die Gruppen, die von Barrierefreiheit am meisten profitieren.
  • Die wichtigsten Hebel sind hohe Kontraste, große skalierbare Schrift, vollständige Tastaturbedienung, sinnvolle Alt-Texte und ein barrierefreies Kontaktformular.
  • Vorlese-Funktion und Leichte Sprache sind sinnvolle Ergänzungen für die Verständlichkeit, ersetzen aber keine sauber umgesetzten Grundlagen im Code.
  • Barrierefreiheit ist kein einmaliges Projekt: Jede neue Seite und jedes neue Bild kann Barrieren einführen, deshalb gehört die Prüfung in die laufende Pflege.

Warum Barrierefreiheit in der Pflege ein Conversion-Hebel ist

Wer über Barrierefreiheit spricht, landet schnell bei Paragrafen und Prüfkriterien. Für einen Pflegedienst ist die entscheidende Frage aber eine geschäftliche: Wie viele Menschen, die Ihre Hilfe brauchen, schaffen es bis zum Kontaktformular - und können es ausfüllen? Die Antwort hängt unmittelbar daran, wie zugänglich die Seite ist. Eine Website mit kleiner, kontrastarmer Schrift und winzigen Schaltflächen schließt genau die Menschen aus, die Sie erreichen wollen. Jede unsichtbare Barriere ist damit eine verlorene Anfrage.

Diese Zielgruppe ist groß und wächst. Ende 2023 waren in Deutschland rund 5,69 Millionen (Destatis) Menschen pflegebedürftig, und die Vorausberechnung erwartet für die kommenden Jahre einen weiteren deutlichen Anstieg. Der überwiegende Teil wird zu Hause versorgt: 86 Prozent (Destatis) der Pflegebedürftigen erhielten ihre Versorgung in der eigenen Häuslichkeit, ein erheblicher Teil davon mit Unterstützung ambulanter Dienste. Genau diese Familien suchen online nach Unterstützung - und entscheiden sich für den Anbieter, dessen Website sie ohne Hürden bedienen können.

Hinzu kommt, dass die Recherche nach einem Pflegedienst meist unter Zeitdruck und emotionaler Belastung passiert. Ein Angehöriger, der nach einem Krankenhausaufenthalt schnell eine Lösung braucht, hat keine Geduld für eine Seite, die er nicht lesen oder bedienen kann. Eine barrierefreie Pflege-Website reduziert diese Reibung an jeder Stelle - vom ersten Eindruck bis zum abgeschickten Formular. Der wirtschaftliche Effekt ist deshalb unmittelbar messbar an der Zahl der eingehenden Anfragen.

Abgrenzung: mehr als BFSG-Awareness

Viele Beiträge erklären, dass das BFSG seit dem 28. Juni 2025 gilt und dass Websites barrierefrei sein sollen. Das ist richtig, aber unvollständig. Dieser Beitrag setzt einen Schritt weiter an: Er beschreibt die konkreten Handgriffe der Umsetzung und ordnet jeden davon dem geschäftlichen Nutzen zu. Die rechtliche Einordnung des BFSG haben wir ausführlich im Beitrag zum BFSG für Pflegedienste beschrieben.

Schritt 1: Kontraste, die auch müde Augen lesen

Der wirkungsvollste und am häufigsten verletzte Hebel sind Farbkontraste. Der Standard WCAG 2.2 verlangt für normalen Fließtext ein Kontrastverhältnis von mindestens 4,5:1 (WCAG 2.2) zwischen Schrift und Hintergrund, für große Schrift ab 18 Punkt mindestens 3:1. Hellgraue Schrift auf weißem Grund mag in einem Design-Entwurf elegant wirken, ist für ein 75-jähriges Auge aber oft schlicht nicht lesbar. Im Alter lässt die Kontrastempfindlichkeit nach, und Linsentrübungen wie der Graue Star verstärken diesen Effekt zusätzlich.

Wie verbreitet altersbedingte Seheinschränkungen sind, zeigt eine einfache Zahl: Zwischen 65 und 75 Jahren sind über 90 Prozent (Woche des Sehens) der Menschen von einer Linsentrübung betroffen, und die altersbedingte Makuladegeneration gilt als häufigste Erblindungsursache älterer Menschen. Insgesamt geht der Deutsche Blinden- und Sehbehindertenverband von etwa 1,2 Millionen (DBSV) Menschen mit Sehbehinderung oder Blindheit in Deutschland aus, von denen ein Großteil über 60 Jahre alt ist. Hohe Kontraste sind für diese Gruppe kein Komfort, sondern die Voraussetzung, die Seite überhaupt zu nutzen.

  • Fließtext mit einem Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund, große Überschriften mit mindestens 3:1
  • Keine reine Farbcodierung: Pflichtfelder oder Fehler nicht allein über Rot kennzeichnen, sondern zusätzlich mit Text und Symbol
  • Wichtige Schaltflächen mit kräftigem Farbkontrast statt blassem Pastell auf weißem Grund
  • Kontraste mit einem Prüfwerkzeug messen, statt sie nach Gefühl zu beurteilen - der Augenschein täuscht oft

Praktisch heißt das: ein ruhiges, kontraststarkes Farbschema schon in der Gestaltung festlegen, statt es nachträglich zu reparieren. Das ist kein Verzicht auf Ästhetik. Eine klare Typografie und großzügige Abstände wirken auf alle Besucher seriös und hochwertig - und nebenbei sind starke Kontraste auch auf dem Smartphone bei Sonnenlicht ein Gewinn.

Schritt 2: Große, skalierbare Schrift

Eng mit dem Kontrast verbunden ist die Schriftgröße. Eine zu kleine Grundschrift zwingt ältere Nutzer zum Zoomen oder dazu, ganz aufzugeben. WCAG 2.2 verlangt, dass sich Text auf bis zu 200 Prozent (WCAG 2.2) vergrößern lässt, ohne dass Inhalte verloren gehen oder das Layout zerbricht. Eine solide Basis ist eine Grundschriftgröße von rund 18 Pixeln statt der häufig verwendeten kleineren Werte - bei einer Zielgruppe mit nachlassender Sehkraft ist das keine Geschmacksfrage, sondern Pragmatismus.

Wichtig ist die Umsetzung mit relativen Einheiten. Schriftgrößen, die in relativen Maßen statt in festen Pixeln definiert sind, respektieren die persönlichen Einstellungen des Browsers. Wenn ein Nutzer in seinem Browser eine größere Standardschrift eingestellt hat - was viele ältere Menschen tun - skaliert die Seite mit. Eine Seite, die das ignoriert, bricht beim Zoomen auseinander, überlappt oder schneidet Text ab. Diese technische Sorgfalt gehört in jede solide technische Umsetzung.

Zeilenlänge und Abstand nicht vergessen

Große Schrift allein genügt nicht. Auch der Zeilenabstand und die Zeilenlänge entscheiden über die Lesbarkeit. Ein Zeilenabstand von etwa dem 1,5-fachen der Schriftgröße und eine begrenzte Zeilenlänge erleichtern das Lesen spürbar - gerade für Menschen, die Texte langsamer erfassen oder leicht die Zeile verlieren.

Schritt 3: Vollständige Tastaturbedienung

Nicht jeder bedient eine Website mit der Maus. Menschen mit Tremor, eingeschränkter Feinmotorik oder einer motorischen Behinderung nutzen häufig die Tastatur, eine spezielle Eingabehilfe oder einen Screenreader. WCAG 2.2 verlangt deshalb, dass sich die gesamte Seite allein mit der Tastatur bedienen lässt - jeder Link, jeder Button, jedes Formularfeld muss per Tabulatortaste erreichbar und mit der Eingabetaste auslösbar sein. Was per Maus geht, muss auch ohne sie funktionieren.

Genauso wichtig ist die sichtbare Fokus-Markierung. Wer sich per Tastatur durch die Seite bewegt, muss jederzeit sehen, wo er gerade steht. Eine deutliche Umrandung des aktiven Elements ist Pflicht - viele Seiten blenden sie aus Designgründen aus und machen die Tastaturbedienung damit unbrauchbar. Ergänzend fordert WCAG 2.2 eine Mindest-Zielgröße für die meisten Bedienelemente von 24 mal 24 Pixeln (WCAG 2.2), damit auch zittrige Hände sicher treffen. Größere Klickflächen helfen zugleich allen, die das Smartphone mit dem Daumen bedienen.

Alles per Tab erreichbar

Jedes interaktive Element ist über die Tastatur erreichbar und in einer sinnvollen, logischen Reihenfolge angeordnet.

Sichtbarer Fokus

Das gerade aktive Element ist deutlich umrandet, sodass die Orientierung ohne Maus jederzeit gelingt.

Große Zielflächen

Buttons und Links bieten mindestens 24 mal 24 Pixel Fläche, damit auch unsichere Hände sicher treffen.

Schritt 4: Alt-Texte und sinnvolle Struktur

Ein Screenreader liest eine Seite vor, indem er den zugrunde liegenden Code interpretiert. Bilder ohne Alternativtext bleiben dabei stumm oder werden mit einem unverständlichen Dateinamen vorgelesen. Für eine Pflege-Website bedeutet das: Jedes inhaltlich relevante Bild - das Team, das Pflegefahrzeug, das Gebäude - braucht einen kurzen, beschreibenden Alternativtext. Rein dekorative Grafiken werden dagegen bewusst als dekorativ ausgezeichnet, damit der Screenreader sie überspringt und den Nutzer nicht mit Belanglosem aufhält.

Mindestens ebenso wichtig wie Alt-Texte ist eine saubere Überschriften-Struktur. Screenreader-Nutzer springen oft von Überschrift zu Überschrift, um sich einen Überblick zu verschaffen. Eine logische Hierarchie aus einer Hauptüberschrift und klar untergeordneten Zwischenüberschriften ist deshalb essenziell - ebenso wie korrekt ausgezeichnete Listen, Tabellen und Navigationsbereiche. Diese semantische Sauberkeit zahlt sich doppelt aus, weil auch Suchmaschinen klare Strukturen schätzen, was sich positiv auf die lokale Sichtbarkeit auswirken kann.

Ein Bild ohne Alternativtext existiert für einen Screenreader-Nutzer nicht. Was nicht beschrieben ist, kann nicht wahrgenommen werden.

Grundprinzip wahrnehmbarer Inhalte

Schritt 5: Das barrierefreie Kontaktformular

Das Kontaktformular ist der wichtigste Ort einer Pflege-Website, denn hier entsteht die Anfrage. Genau hier scheitern jedoch viele Seiten an der Barrierefreiheit. Ein Formular ist nur dann zugänglich, wenn jedes Feld eine fest verknüpfte, sichtbare Beschriftung hat - ein Platzhalter im Feld genügt nicht, weil er beim Tippen verschwindet und von vielen Hilfsmitteln nicht verlässlich vorgelesen wird. Pflichtfelder müssen eindeutig als solche erkennbar sein, und zwar nicht nur über Farbe.

Entscheidend sind außerdem die Fehlermeldungen. Wenn ein Feld falsch oder unvollständig ausgefüllt ist, muss klar, in verständlicher Sprache und in unmittelbarer Nähe des Feldes erklärt werden, was zu korrigieren ist. Eine pauschale Meldung wie Eingabe ungültig hilft niemandem. Für Screenreader-Nutzer muss die Meldung zudem so ausgezeichnet sein, dass sie automatisch vorgelesen wird. Diese Sorgfalt entscheidet darüber, ob ein Angehöriger seine Anfrage erfolgreich absendet oder frustriert abbricht - ein Punkt, der eng mit dem Datenschutz auf Pflege-Websites verzahnt ist, weil beide das Vertrauen am sensibelsten Punkt der Seite betreffen.

  • Jedes Feld hat eine sichtbare, dauerhaft eingeblendete Beschriftung statt eines verschwindenden Platzhalters
  • Pflichtfelder sind mit Text und Symbol gekennzeichnet, nicht allein über die Farbe
  • Fehlermeldungen stehen in klarer Sprache direkt neben dem betroffenen Feld
  • Das Formular lässt sich vollständig per Tastatur ausfüllen und absenden
  • Nach dem Absenden gibt es eine klare, gut sichtbare Bestätigung
  • Auf störende Zeitlimits beim Ausfüllen wird verzichtet, damit auch langsameres Tippen kein Problem ist

Das Formular ist der Moment der Wahrheit

Alle Mühe um Lesbarkeit und Bedienbarkeit zahlt sich erst aus, wenn am Ende eine Anfrage ankommt. Ein barrierefreies Kontaktformular mit klaren Beschriftungen, verständlichen Fehlermeldungen und großen Bedienelementen ist deshalb der direkteste Hebel von der Barrierefreiheit zur tatsächlichen Conversion.

Schritt 6: Vorlesen und Leichte Sprache als Ergänzung

Über die technischen Grundlagen hinaus gibt es zwei Optionen, die die Verständlichkeit für die Pflege-Zielgruppe spürbar erhöhen. Die erste ist eine Vorlese-Funktion: Inhalte, die laut vorgelesen werden, helfen Menschen mit Sehbehinderung, mit Leseschwäche oder mit nachlassender Konzentration. Wichtig ist dabei, dass eine solche Funktion die saubere semantische Struktur der Seite nutzt und nicht ersetzt - sie ist eine Ergänzung, kein Ersatz für barrierefreien Code, der ohnehin jedem Screenreader das Vorlesen ermöglicht.

Die zweite Option ist Leichte oder einfache Sprache. Gerade in der Pflege treffen komplexe Themen - Pflegegrade, Leistungen, Anträge - auf eine Zielgruppe, die diese Informationen unter Belastung aufnimmt. Eine zusätzliche Erklärung der wichtigsten Inhalte in einfacher Sprache, mit kurzen Sätzen und ohne Fachjargon, senkt die Verständnishürde erheblich. Sie ersetzt nicht den ausführlichen Inhalt, sondern ergänzt ihn - ein Ansatz, der gut zu einer durchdachten Inhaltsstrategie für Angehörige passt.

MaßnahmeWas sie leistetFür wen besonders wertvoll
Vorlese-FunktionInhalte werden laut wiedergegebenMenschen mit Sehbehinderung oder Leseschwäche
Leichte SpracheKurze Sätze, klare Wörter, kein FachjargonMenschen mit kognitiven Einschränkungen oder unter Belastung
Klare BildspracheSymbole und Fotos statt reiner TextwüsteAlle, die schnell Orientierung suchen
Konsistente NavigationGleiche Bedienung auf jeder SeiteÄltere Nutzer und Menschen mit kognitiven Einschränkungen

Vorsicht bei reinen Overlay-Widgets

Eingeblendete Werkzeuge, die per Knopfdruck Schrift vergrößern oder Kontraste umschalten, ersetzen keine echte Barrierefreiheit. Sie können sogar mit Screenreadern kollidieren und neue Probleme schaffen. Die WCAG-Kriterien müssen in der Website selbst umgesetzt sein - in Struktur, Code und Gestaltung. Eine Vorlese- oder Leichte-Sprache-Option ist eine sinnvolle Ergänzung, ein nachträgliches Overlay dagegen meist keine tragfähige Lösung.

Schritt 7: Prüfen, dokumentieren und pflegen

Barrierefreiheit ist kein einmaliges Projekt, sondern ein Zustand, der gepflegt werden muss. Jede neue Unterseite, jedes neue Bild und jede Funktionserweiterung kann neue Barrieren einführen. Deshalb gehört eine regelmäßige Prüfung in die laufende Website-Wartung. Automatisierte Werkzeuge decken einen Teil der Kriterien zuverlässig ab - etwa fehlende Alt-Texte oder zu schwache Kontraste. Andere Punkte, etwa die Sinnhaftigkeit eines Alternativtextes oder die Verständlichkeit der Sprache, erfordern eine manuelle Bewertung. Die Kombination aus beidem hält das Niveau dauerhaft stabil.

Zur Konformität gehört außerdem eine Barrierefreiheitserklärung. Das BFSG erwartet, dass Anbieter über den Stand der Barrierefreiheit informieren und einen Feedback-Mechanismus bereitstellen, über den Nutzer Barrieren melden können. Diese Erklärung benennt den angewandten Standard, das Datum der Prüfung und eine Kontaktmöglichkeit. Sie ist kein bloßes Pflichtdokument, sondern ein Vertrauenssignal. Wie eine solche Erklärung und die zugehörige Umsetzung aussehen, zeigt unsere Seite zur Barrierefreiheit in der Pflege.

Aus über 50 Website-Projekten (Projekterfahrung) wissen wir, dass der größte Hebel nicht in teurer Spezialtechnik liegt, sondern in soliden Grundlagen: ein durchdachtes Design, sauberer Code und konsequente Sorgfalt bei Bildern und Formularen. Die meisten WCAG-Kriterien sind keine Raketenwissenschaft, sondern handwerkliche Qualität. Wer sie von Anfang an einplant, erreicht ein hohes Maß an Zugänglichkeit, ohne das Budget zu sprengen - und legt die Grundlage für eine Website, die sowohl rechtlich als auch menschlich überzeugt. Wer ohnehin eine veraltete Seite ablösen möchte, sollte Barrierefreiheit, Mobilfreundlichkeit und Datenschutz zusammen denken, statt sie nacheinander einzeln anzugehen.

  1. Bestandsaufnahme: Die aktuelle Seite automatisiert und manuell gegen WCAG 2.2 AA prüfen und alle Barrieren dokumentieren.
  2. Priorisierung: Die Punkte nach Schwere und Aufwand ordnen - kritische Bedienbarkeit zuerst, kosmetische Details zuletzt.
  3. Umsetzung: Kontraste, Schrift, Tastaturbedienung, Alt-Texte und das Kontaktformular anpassen oder die Seite neu aufbauen.
  4. Ergänzungen: Vorlese-Funktion und einfache Sprache dort einsetzen, wo sie der Zielgruppe konkret helfen.
  5. Erklärung: Eine Barrierefreiheitserklärung mit Standard, Prüfdatum und Feedback-Kanal veröffentlichen.
  6. Laufende Pflege: Neue Inhalte regelmäßig prüfen und die Barrierefreiheit in der Wartung dauerhaft sichern.

Auch das Recruiting profitiert von diesem Vorgehen. Eine barrierefreie Karriereseite mit gut bedienbaren Formularen erreicht mehr Bewerberinnen und Bewerber - etwa, wenn die Schnellbewerbung ohne Anschreiben sauber und tastaturbedienbar umgesetzt ist. Barrierefreiheit wirkt damit auf beide zentralen Ziele einer Pflege-Website ein: mehr Anfragen von Pflegebedürftigen und ihren Angehörigen sowie mehr Bewerbungen von Pflegekräften.

Dieser Artikel basiert auf Daten aus: Statistisches Bundesamt (Destatis, Pflegestatistik und Vorausberechnung Pflegebedürftige), Bitkom (Internetnutzung Seniorinnen und Senioren), Deutscher Blinden- und Sehbehindertenverband (DBSV) und Woche des Sehens (Blindheit, Sehbehinderung und Augenkrankheiten in Deutschland), den Web Content Accessibility Guidelines 2.2 des W3C sowie dem Barrierefreiheitsstärkungsgesetz (BFSG). Die genannten Werte können je nach Quelle und Stichtag variieren; mit (Projekterfahrung) markierte Angaben beruhen auf eigenen Website-Projekten. Dieser Beitrag ersetzt keine Rechtsberatung.

Verwandte Artikel