Johnny Be Good
Wir sind fest davon überzeugt, dass das Internet für alle Menschen zugänglich und nutzbar sein sollte. Daher setzen wir uns dafür ein, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist – unabhängig von persönlichen Umständen oder Fähigkeiten.
Um dieses Ziel zu erreichen, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA so strikt wie möglich einzuhalten. Diese Richtlinien beschreiben, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass unsere Website für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele mehr.
Diese Website verwendet verschiedene Technologien, um jederzeit eine möglichst hohe Barrierefreiheit zu gewährleisten. Wir nutzen eine Barrierefreiheits-Schnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche (UI) der Website an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit kontinuierlich optimiert. Diese Anwendung überarbeitet den HTML-Code der Website, passt Funktionalitäten und Verhalten für Screenreader (für blinde Nutzer) und Tastaturfunktionen (für motorisch eingeschränkte Nutzer) an.
Wenn Sie einen Fehler entdeckt haben oder Vorschläge zur Verbesserung haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: [email protected]
Unsere Website setzt ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen ein, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit einem Screenreader die Website betritt, erhält er eine Aufforderung, das Screenreader-Profil zu aktivieren, um effektiv durch die Seite zu navigieren und diese zu bedienen. So erfüllen wir die wichtigsten Anforderungen für Screenreader-Nutzer, inklusive Codebeispiele in der Konsole:
Screenreader-Optimierung: Wir führen im Hintergrund einen Prozess aus, der die Website-Komponenten vollständig analysiert, um auch bei Änderungen die Barrierefreiheit aufrechtzuerhalten. In diesem Prozess stellen wir Screenreadern bedeutungsvolle Informationen mithilfe von ARIA-Attributen zur Verfügung. Dazu gehören z. B. präzise Bezeichnungen für Formulareingabefelder, Beschreibungen für anklickbare Symbole (wie Social-Media-, Such- oder Warenkorb-Symbole), Hinweise zur Eingabevalidierung sowie Rollenzuweisungen für Elemente wie Buttons, Menüs und Popups. Zusätzlich scannt dieser Prozess alle Bilder auf der Website und ergänzt nicht beschriebene Bilder mit sinnvollen, KI-basierten ALT-Texten durch Bilderkennung. Auch in Bildern eingebettete Texte werden mithilfe von OCR-Technologie erkannt und ausgegeben. Um Screenreader-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Screenreader-Nutzer erhalten beim Betreten der Website automatisch einen Hinweis zur Aktivierung des Screenreader-Modus.
Diese Anpassungen sind mit allen gängigen Screenreadern wie JAWS und NVDA kompatibel.
Tastaturnavigations-Optimierung: Der Hintergrundprozess passt zudem den HTML-Code an und ergänzt Verhaltensweisen via JavaScript, um die vollständige Bedienung per Tastatur zu ermöglichen. Dies umfasst die Navigation über Tab- und Shift+Tab-Tasten, die Bedienung von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit Enter sowie die Navigation zwischen Radio-Buttons und Checkboxen mit den Pfeiltasten. Die Auswahl erfolgt mit Leertaste oder Enter. Tastaturnutzer finden zudem Schnellnavigations- und Inhaltsüberspringungsmenüs, die über Alt+1 erreichbar oder als erste Elemente beim Navigieren sichtbar sind. Auch Popups werden automatisch fokussiert, sobald sie erscheinen, sodass der Fokus nicht außerhalb des Popups wandern kann.
Zusätzlich können Nutzer Tastenkombinationen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) nutzen, um gezielt zu bestimmten Elementen zu springen.
Wir streben an, eine möglichst breite Kompatibilität mit Browsern und assistiven Technologien zu erreichen, sodass unsere Nutzer ihre bevorzugten Tools mit minimalen Einschränkungen verwenden können. Deshalb haben wir intensiv daran gearbeitet, alle gängigen Systeme zu unterstützen, die über 95 % Marktanteil ausmachen – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie die Screenreader JAWS und NVDA.
Trotz unserer größten Bemühungen, die Website vollständig anpassbar zu gestalten, kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind, sich in der Umsetzung befinden oder technisch schwer zugänglich sind. Wir verbessern unsere Barrierefreiheit jedoch fortlaufend, fügen neue Funktionen hinzu und setzen neue Technologien ein, um das bestmögliche Niveau der Zugänglichkeit zu erreichen. Für Unterstützung oder Rückfragen kontaktieren Sie uns bitte unter [email protected]
