Konformitätsstatus

Wir sind überzeugt, dass das Internet für jeden verfügbar und zugänglich sein sollte. Daher setzen wir uns dafür ein, dass unsere Website einem möglichst breiten Publikum zugänglich ist, unabhängig von den jeweiligen Umständen und Fähigkeiten.

Um dies zu erreichen, halten wir uns so strikt wie möglich an die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Niveau. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien trägt dazu bei, dass die Website für alle Menschen zugänglich ist: Blinde, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Beeinträchtigungen und mehr.

Diese Website nutzt verschiedene Technologien, um sie jederzeit so barrierefrei wie möglich zu gestalten. Wir verwenden eine barrierefreie Benutzeroberfläche, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche der Website anzupassen und an ihre persönlichen Bedürfnisse anzupassen.

Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert das HTML der Website und passt Funktionalität und Verhalten an Screenreader für blinde Nutzer sowie an Tastaturfunktionen für Personen mit motorischen Einschränkungen an.

Wenn Sie eine Fehlfunktion feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: info@maennel.de

Screenreader und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) und verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader Ihre Website betritt, wird er sofort aufgefordert, sein Screenreader-Profil einzugeben, um Ihre Website effektiv nutzen zu können. So erfüllt unsere Website einige der wichtigsten Screenreader-Anforderungen und zeigt Konsolen-Screenshots mit Codebeispielen:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Website-Komponenten von Grund auf lernt, um auch bei Website-Updates die Konformität sicherzustellen. Dabei stellen wir Screenreadern mithilfe der ARIA-Attribute aussagekräftige Daten zur Verfügung. Beispielsweise liefern wir präzise Formularbeschriftungen, Beschreibungen für aktionsrelevante Symbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole usw.), Validierungshinweise für Formulareingaben und Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und mehr. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website und erstellt für unbeschriebene Bilder eine präzise und aussagekräftige Beschreibung auf Basis der Bildobjekterkennung als ALT-Tag (Alternativtext). Mithilfe einer OCR-Technologie (Optical Character Recognition) extrahiert der Prozess außerdem im Bild eingebettete Texte. Nutzer können die Screenreader-Anpassungen jederzeit durch Drücken der Tastenkombination Alt+1 aktivieren. Screenreader-Nutzer erhalten außerdem automatische Hinweise zum Aktivieren des Screenreader-Modus, sobald sie die Website aufrufen.

   Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt außerdem das HTML der Website an und fügt mithilfe von JavaScript-Code verschiedene Funktionen hinzu, um die Tastaturbedienung zu ermöglichen. So können Sie beispielsweise mit Tabulator und Umschalt+Tab durch die Website navigieren, Dropdown-Menüs mit den Pfeiltasten bedienen und mit Esc schließen, Schaltflächen und Links mit der Eingabetaste aktivieren, mit den Pfeiltasten zwischen Optionsfeldern und Kontrollkästchen navigieren und diese mit der Leertaste oder der Eingabetaste ausfüllen. Tastaturnutzer finden außerdem Schnellnavigations- und Inhaltsüberspringmenüs, die jederzeit mit Alt+1 oder als erstes Element der Website während der Tastaturnavigation verfügbar sind. Der Hintergrundprozess verarbeitet auch Popup-Fenster, indem er den Tastaturfokus direkt nach dem Erscheinen auf diese richtet und verhindert, dass der Fokus davon abweicht.

   Benutzer können außerdem Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Auf unserer Website unterstützte Behindertenprofile

• Epilepsie-Schutzmodus: Dieses Profil ermöglicht Menschen mit Epilepsie eine sichere Nutzung der Website, indem es das Risiko von Anfällen durch blinkende Animationen und riskante Farbkombinationen eliminiert.
• Sehbehindertenmodus: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
• Kognitive Behinderung: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, Schlaganfall und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
• ADHS-freundlicher Modus: Dieser Modus erleichtert Nutzern mit ADHS und neurologischen Entwicklungsstörungen das Lesen, Surfen und Konzentrieren auf die wichtigsten Website-Elemente und reduziert gleichzeitig Ablenkungen deutlich.
• Blindheitsmodus: Dieser Modus konfiguriert Die Website muss mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel sein. Ein Screenreader ist eine Software für blinde Nutzer, die auf Computern und Smartphones installiert wird. Websites müssen damit kompatibel sein.
• Tastaturnavigationsprofil (motorisch eingeschränkt): Dieses Profil ermöglicht motorisch eingeschränkten Personen die Bedienung der Website mit den Tasten Tab, Umschalt+Tab und Eingabe. Nutzer können außerdem Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen von Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassungen – Nutzer können die Größe der Schriftart ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr anpassen.
2. Farbanpassungen – Nutzer können zwischen verschiedenen Farbkontrastprofilen wie Hell, Dunkel, Invertiert und Monochrom wählen. Zusätzlich können Nutzer die Farbschemata für Titel, Texte und Hintergründe mit über sieben verschiedenen Farboptionen ändern.
3. Animationen – Personen mit Epilepsie können alle laufenden Animationen per Mausklick stoppen. Zu den über die Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und CSS-Blinkübergänge.
4. Inhaltshervorhebung – Nutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch festlegen, dass nur fokussierte oder schwebende Elemente hervorgehoben werden.
5. Audio-Stummschaltung – Nutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Nutzer die gesamte Website sofort stummschalten.
6. Kognitive Störungen – Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist. So können Menschen mit kognitiven Störungen die Bedeutung von Phrasen, Initialen, Slang und anderen Begriffen entschlüsseln.
7. Zusatzfunktionen – Wir bieten Nutzern die Möglichkeit, Cursorfarbe und -größe zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen.

Kompatibilität mit Browsern und unterstützenden Technologien

Wir möchten möglichst viele Browser und unterstützende Technologien unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Daher haben wir intensiv daran gearbeitet, alle gängigen Systeme zu unterstützen, die über 95 % des Nutzermarktanteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmleseprogramme).

Anmerkungen, Kommentare und Feedback

Trotz unserer Bemühungen, die Website an die eigenen Bedürfnisse anzupassen, kann es dennoch vorkommen, dass Seiten oder Abschnitte nicht vollständig barrierefrei sind, sich im Barrierefreiheitsprozess befinden oder für die keine geeignete technische Lösung vorhanden ist. Wir arbeiten jedoch kontinuierlich an der Verbesserung unserer Barrierefreiheit, indem wir Optionen und Funktionen hinzufügen, aktualisieren und verbessern sowie neue Technologien entwickeln und implementieren. All dies dient dazu, im Einklang mit dem technologischen Fortschritt ein optimales Maß an Barrierefreiheit zu erreichen. Bei Fragen wenden Sie sich bitte an: info@maennel.de