Geschrieben von vindicators am .
Stadtjugendring Esslingen
Barrierefreiheitserklärung
sjr-es.de
9. May 2025
Compliance-Status
Wir sind fest davon überzeugt, dass das Internet für alle verfügbar und zugänglich sein sollte, und sind bestrebt, eine Website bereitzustellen, die der größtmöglichen Zielgruppe zugänglich ist, unabhängig von Umständen und Fähigkeiten.
Um dies zu erfüllen, streben wir an, den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Niveau so genau wie möglich zu entsprechen. Diese Richtlinien erklären, wie Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und mehr.
Diese Website nutzt verschiedene Technologien, die darauf ausgelegt sind, sie jederzeit so zugänglich wie möglich zu machen. Wir verwenden eine Barrierefreiheitsschnittstelle, die es Personen mit spezifischen Behinderungen ermöglicht, die Benutzeroberfläche der Website (User Interface) an ihre persönlichen Bedürfnisse anzupassen.
Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und das Barrierefreiheitsniveau ständig optimiert. Diese Anwendung bearbeitet das HTML der Website, passt deren Funktionalität und Verhalten für Screenreader, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen genutzt werden, an.
Wenn Sie einen Fehler entdeckt haben oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website unter folgender E-Mail-Adresse erreichen: info@sjr-es.de
Screenreader- und Tastaturnavigation
Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) Technik, zusammen mit verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die Screenreader verwenden, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Screenreader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil zu aktivieren, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier ist, wie unsere Website einige der wichtigsten Anforderungen an Screenreader abdeckt, zusammen mit Konsolenscreenshots von Codebeispielen:
Screenreader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten lernt, um eine kontinuierliche Einhaltung der Richtlinien auch bei der Aktualisierung der Website sicherzustellen. In diesem Prozess stellen wir Screenreadern bedeutungsvolle Daten mithilfe des ARIA-Attributsatzes zur Verfügung. Beispielsweise stellen wir genaue Formularbeschriftungen bereit; Beschreibungen für Aktionssymbole (soziale Medien-Symbole, Suchsymbole, Warenkorbsymbole usw.); Validierungsanweisungen für Formulareingaben; Elementrollen wie Schaltflächen, Menüs, modale Dialoge (Popups) und andere. Darüber hinaus scannt der Hintergrundprozess alle Bilder der Website und stellt eine genaue und bedeutungsvolle bildobjekterkennungsbasierte Beschreibung als ALT-Tag (alternativer Text) für Bilder bereit, die nicht beschrieben sind. Es wird auch Texte extrahieren, die im Bild eingebettet sind, indem es eine OCR-Technologie (Optische Zeichenerkennung) verwendet. Um Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Screenreader-Benutzer erhalten auch automatische Ankündigungen, um den Screenreader-Modus zu aktivieren, sobald sie die Website betreten.
Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
Tastaturnavigations-Optimierung: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mit JavaScript-Code hinzu, um die Bedienung der Website per Tastatur zu ermöglichen. Dazu gehört die Fähigkeit, die Website mit den Tasten Tab und Shift+Tab zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten zu navigieren und sie mit der Leertaste oder der Eingabetaste zu aktivieren. Außerdem finden Tastaturbenutzer Schnellnavigations- und Inhaltsübersprungmenüs, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Seite beim Navigieren mit der Tastatur verfügbar sind. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus auf sie verschiebt, sobald sie erscheinen, und nicht zulässt, dass der Fokus außerhalb davon driftet.
Benutzer können auch Abkürzungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.
Unterstützte Behindertenprofile auf unserer Website:
Epilepsiesicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen, die durch blinkende oder blinkende Animationen und riskante Farbkombinationen verursacht werden, eliminiert wird.
Modus für Sehbehinderte: Dieser Modus passt die Website an die Bedürfnisse von Nutzern mit Sehbehinderungen wie abnehmendem Sehvermögen, Tunnelblick, Katarakt, Glaukom und anderen an.
Modus für kognitive Beeinträchtigungen: Dieser Modus bietet verschiedene unterstützende Optionen, um Nutzern mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen zu helfen, sich leichter auf die wesentlichen Elemente der Website zu konzentrieren.
ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neuroentwicklungsbedingten Störungen, die Hauptbestandteile der Website leichter zu lesen, zu durchsuchen und sich auf sie zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus: Dieser Modus konfiguriert die Website so, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und Smartphone installiert ist, und Websites müssen damit kompatibel sein.
Tastaturnavigationsprofil (motorisch eingeschränkt): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Shift+Tab und Eingabetaste zu bedienen. Benutzer können auch Abkürzungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.
Zusätzliche UI-, Design- und Lesbarkeitsanpassungen:
Schriftanpassungen: Benutzer können die Schriftgröße erhöhen und verringern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
Farbanpassungen: Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Benutzer Farbschemata für Titel, Texte und Hintergründe austauschen, mit über sieben verschiedenen Farboptionen.
Animationen: Personen mit Epilepsie können alle laufenden Animationen mit einem Klick auf eine Schaltfläche stoppen. Von der Schnittstelle kontrollierte Animationen umfassen Videos, GIFs und CSS-Blitzübergänge.
Hervorhebung von Inhalten: Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch wählen, nur fokussierte oder überfahrene Elemente hervorzuheben.
Stummschaltung: Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme haben. Diese Option ermöglicht es Benutzern, die gesamte Website sofort stummzuschalten.
Kognitive Störungen: Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, sodass Personen mit kognitiven Störungen Bedeutungen von Phrasen, Abkürzungen, Slang und anderen entschlüsseln können.
Zusätzliche Funktionen: Wir bieten Benutzern die Möglichkeit, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu aktivieren, eine virtuelle Tastatur zu verwenden und viele andere Funktionen.
Kompatibilität mit Browsern und unterstützender Technologie
Wir sind bestrebt, die größtmögliche Auswahl an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer die am besten geeigneten Werkzeuge für sich auswählen können, mit so wenigen Einschränkungen wie möglich. Daher haben wir sehr hart daran gearbeitet, alle großen Systeme zu unterstützen, die über 95 % des Marktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader).
Hinweise, Kommentare und Feedback
Trotz unserer besten Bemühungen, jedem zu ermöglichen, die Website nach seinen Bedürfnissen anzupassen, gibt es möglicherweise noch Seiten oder Abschnitte, die nicht vollständig zugänglich sind, sich im Prozess der Zugänglichmachung befinden oder keine angemessene technologische Lösung haben, um sie zugänglich zu machen. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, fügen neue Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln neue Technologien.
All dies soll den optimalen Grad an Barrierefreiheit erreichen, entsprechend den technologischen Fortschritten. Für jegliche Unterstützung wenden Sie sich bitte an info@sjr-es.de.