Unser Praxis-Blog

Stand der Vereinbarkeit mit den Anforderungen

Wir sind fest davon überzeugt, dass das Internet für alle Menschen zugänglich sein sollte – unabhängig von Umständen und Fähigkeiten – und setzen uns dafür ein, eine Website bereitzustellen, die für möglichst viele Menschen zugänglich ist.

Um dies zu erreichen, orientieren wir uns so genau wie möglich an den Web Content Accessibility Guidelines (WCAG) 2.1 auf Konformitätsstufe AA des World Wide Web Consortiums (W3C). Diese Richtlinien erklären, wie Webinhalte für Menschen mit unterschiedlichen Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle zugänglich ist: für blinde Menschen, Personen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele andere.

Diese Website nutzt verschiedene Technologien, um die Zugänglichkeit jederzeit bestmöglich zu gewährleisten. Wir verwenden eine Barrierefreiheits-Oberfläche, die es Menschen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre individuellen Bedürfnisse anzupassen.

Zusätzlich verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und das Barrierefreiheitsniveau der Website kontinuierlich optimiert. Diese Anwendung verbessert den HTML-Code der Website, passt ihre Funktionen und ihr Verhalten für Screenreader-Nutzer (z. B. blinde Personen) sowie für die Tastaturnutzung durch motorisch eingeschränkte Personen an.

Wenn Sie einen Fehler entdecken oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Website-Betreiber unter folgender E-Mail-Adresse: info@physio-doerenmeyer.de

Screenreader- und Tastaturnavigation

Unsere Website implementiert die ARIA-Technik (Accessible Rich Internet Applications) sowie diverse Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website-Inhalte lesen, verstehen und nutzen können. Sobald ein Nutzer mit Screenreader die Website betritt, wird er direkt dazu aufgefordert, das Screenreader-Profil zu aktivieren, um die Website effektiv nutzen zu können. Folgendes bietet unsere Website unter anderem an, unterstützt durch Beispielcode-Screenshots:

1. Optimierung für Screenreader: Wir führen einen Hintergrundprozess aus, der die Struktur der Website vollständig analysiert, um auch bei Updates die Barrierefreiheit sicherzustellen. Dabei stellen wir dem Screenreader mittels ARIA-Attributen bedeutungsvolle Informationen zur Verfügung – z. B. präzise Formularbeschriftungen, Beschreibungen für anklickbare Icons (wie Social Media, Suche, Warenkorb etc.), Hinweise zur Validierung von Eingabefeldern sowie Rollen für Elemente wie Buttons, Menüs und modale Dialoge (Pop-ups). Der Hintergrundprozess scannt zudem alle Bilder und ergänzt – falls notwendig – alternative Texte basierend auf objektbasierter Bilderkennung. Texte, die in Bildern eingebettet sind, werden mittels OCR (Optical Character Recognition) extrahiert. Screenreader-Anpassungen können jederzeit mit der Tastenkombination Alt+1 aktiviert werden. Nutzer erhalten beim Betreten der Website automatisch Hinweise zur Screenreader-Nutzung.

   Diese Funktionen sind kompatibel mit gängigen Screenreadern wie JAWS und NVDA.

2. Optimierung für Tastaturnavigation: Der Hintergrundprozess passt auch das HTML und das Verhalten der Website per JavaScript so an, dass sie vollständig per Tastatur bedienbar ist. Dazu zählen: Navigation per Tab und Shift+Tab, Steuerung von Dropdown-Menüs mit Pfeiltasten, Schließen mit Esc, Aktivierung von Buttons und Links mit Enter, Auswahl von Radio- und Checkbox-Elementen mit Pfeiltasten und deren Bestätigung mit Leertaste oder Enter. Zusätzlich stehen Schnellnavigations- und Inhalts-Skip-Menüs bereit – erreichbar per Alt+1 oder als erstes Element beim Tastaturnavigieren. Der Hintergrundprozess sorgt zudem dafür, dass der Tastaturfokus bei aufklappenden Popups direkt auf diese gesetzt wird und nicht außerhalb wandert.

   Nutzer können auch Tastenkürzel verwenden, z. B. „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken), um gezielt zu bestimmten Seitenelementen zu springen.

Unterstützte Profile für Nutzer mit Einschränkungen

• Epilepsiesicherer Modus: Dieser Modus ermöglicht epilepsiegefährdeten Personen eine sichere Nutzung durch das Entfernen von Animationen mit Blinken oder Flackern sowie risikobehafteten Farbkombinationen.
• Modus für Sehbehinderte: Dieser Modus optimiert die Website für Menschen mit Beeinträchtigungen wie eingeschränktem Sehvermögen, Tunnelblick, Katarakt, Glaukom u. a.
• Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene Unterstützungsmöglichkeiten, damit Nutzer mit kognitiven Einschränkungen (z. B. Dyslexie, Autismus, Schlaganfallfolgen) sich besser auf zentrale Inhalte konzentrieren können.
• ADHS-freundlicher Modus: Unterstützt Menschen mit ADHS oder neurodiversen Ausprägungen dabei, Inhalte besser zu erfassen und Ablenkungen zu reduzieren.
• Modus für blinde Personen: Dieser Modus sorgt für Kompatibilität mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack. Diese Software ist für blinde Menschen auf PCs und Smartphones notwendig – Websites müssen damit kompatibel sein.
• Tastaturnavigations-Profil (Motorisch eingeschränkt): Ermöglicht die komplette Bedienung der Website per Tastatur (Tab, Shift+Tab, Enter). Auch hier sind die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ verfügbar.

Zusätzliche UI-, Design- und Lesbarkeitsanpassungen

1. Schriftanpassungen – Nutzer können Schriftgröße, Schriftart, Zeilenhöhe, Ausrichtung, Abstand u. v. m. verändern.
2. Farbkontraste – Auswahl verschiedener Kontrastmodi (hell, dunkel, invertiert, monochrom) sowie individuelle Farbschemata für Überschriften, Texte und Hintergründe mit über sieben Optionen.
3. Animationen – Epilepsiegefährdete Nutzer können sämtliche Animationen deaktivieren – inkl. Videos, GIFs und blinkenden CSS-Übergängen.
4. Inhaltshervorhebung – Nutzer können wichtige Elemente wie Links oder Überschriften hervorheben oder nur fokussierte/überfahrene Inhalte betonen.
5. Audio-Stummschaltung – Zur Vermeidung von Reizüberflutung durch automatisch abgespielte Audios kann der gesamte Website-Sound sofort stummgeschaltet werden.
6. Kognitive Unterstützung – Die integrierte Suchfunktion ist mit Wikipedia und Wiktionary verknüpft und hilft, Begriffe, Abkürzungen und Slang zu verstehen.
7. Weitere Funktionen – Farb- und Größenanpassung des Mauszeigers, Druckmodus, virtuelle Tastatur und viele weitere Funktionen stehen zur Verfügung.

Kompatibilität mit Browsern und Hilfstechnologien

Wir setzen alles daran, die Kompatibilität mit einer möglichst breiten Palette an Browsern und assistiven Technologien zu gewährleisten, sodass unsere Nutzer frei entscheiden können, mit welchen Tools sie die Website nutzen. Deshalb unterstützen wir alle gängigen Systeme, die über 95 % Marktanteil abdecken: Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie die Screenreader JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz größter Bemühungen, die Website für alle vollständig zugänglich zu machen, kann es Seiten oder Abschnitte geben, die noch nicht vollständig barrierefrei sind, sich aktuell in der Optimierung befinden oder noch keine technische Lösung für eine vollständige Barrierefreiheit existiert. Wir arbeiten kontinuierlich an Verbesserungen, Erweiterungen und neuen Technologien, um das bestmögliche Niveau der Barrierefreiheit zu erreichen. Bei Fragen oder Anregungen wenden Sie sich gerne an info@physio-doerenmeyer.de