Website: johnnybegood.at
Stand: 28.09.2026

Konformitätsstatus

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: hey@johnnybegood.at

Screenreader- und Tastaturnavigation

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:

1. 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.

2. 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.

Unterstützte Behinderungs-Profile auf unserer Website

• Epilepsie-sicherer Modus: Dieser Modus ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem blitzende Animationen und gefährliche Farbkombinationen deaktiviert werden.
• Modus für Sehbehinderte: Passt die Website für Menschen mit Sehbeeinträchtigungen wie nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom usw. an.
• Modus für kognitive Beeinträchtigungen: Bietet Unterstützung für Nutzer mit Dyslexie, Autismus, Schlaganfallfolgen und ähnlichen Beeinträchtigungen durch Fokussierung auf wesentliche Website-Elemente.
• ADHS-freundlicher Modus: Unterstützt Nutzer mit ADHS und neurodivergenten Veranlagungen beim Lesen, Navigieren und Fokussieren, indem Ablenkungen minimiert werden.
• Blindheitsmodus: Passt die Website für Screenreader wie JAWS, NVDA, VoiceOver und TalkBack an. Screenreader sind Softwarelösungen für blinde Nutzer auf PCs und Smartphones – Websites müssen mit diesen kompatibel sein.
• Tastaturnavigationsprofil (motorisch eingeschränkt): Ermöglicht motorisch eingeschränkten Nutzern die Bedienung der Website über Tab-, Shift+Tab- und Enter-Tasten. Auch hier stehen die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ zur Verfügung.

Zusätzliche UI-, Design- und Lesbarkeitsanpassungen

1. Schriftanpassungen – Nutzer können Schriftgröße, -art, Zeilenabstand, Ausrichtung und mehr anpassen.
2. Farbkontraste – Es stehen verschiedene Farbkontrast-Profile zur Verfügung: hell, dunkel, invertiert, monochrom. Auch individuelle Farbanpassungen für Texte, Hintergründe und Titel sind möglich.
3. Animationen – Nutzer mit Epilepsie können alle laufenden Animationen (Videos, GIFs, blinkende CSS-Effekte) per Knopfdruck deaktivieren.
4. Inhaltshervorhebungen – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben oder sich auf fokussierte/hoverte Elemente konzentrieren.
5. Audio-Stummschaltung – Nutzer mit Hörgeräten können durch automatisch abgespielte Töne beeinträchtigt werden. Diese Funktion erlaubt es, den Ton der gesamten Website sofort zu deaktivieren.
6. Kognitive Unterstützung – Eine integrierte Suchmaschine mit Wikipedia- und Wiktionary-Anbindung hilft beim Verständnis von Ausdrücken, Abkürzungen oder Slang.
7. Weitere Funktionen – Nutzer können die Cursorgröße und -farbe anpassen, den Druckmodus aktivieren, eine virtuelle Tastatur einblenden und vieles mehr.

Kompatibilität mit Browsern und Hilfstechnologien

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.

Anmerkungen, Kommentare und Feedback

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 hey@johnnybegood.at