• Das sind wir
    • Unsere Arbeit
    • Team
    • Orte
    • Mitmachen
    • Service
    • Finanzen
  • Mitgliedsorganisationen
  • Projekte
  • Aktuelles
    • Veranstaltungen
    • News
  • Das sind wir
    • Unsere Arbeit
    • Team
    • Orte
    • Mitmachen
    • Service
    • Finanzen
  • Mitgliedsorganisationen
  • Projekte
  • Aktuelles
    • Veranstaltungen
    • News

Teammitglieder

Markus Benz

Geschäftsführer

Barbara Bartussek

Jugendbüro

Fynn Baumgardt

Spielmobil, Ferienprogramme, Kinderspielstadt

Margit Bäurle

Ferienprogramm, Jugend und Beteiligung

Lorenz Brünner

RE-START, Jugendtreff Zell, MiMaMo+

Bärbel Finkbeiner

Inklusion MiMaMo+

Jenny Hafner

Spielmobil, Inklusion MiMaMo+

Marion Kalmbach

Koordination Esslinger Ferienprogramm

Melanie Kreisz

Verwaltung, Koordination Esslinger Ferienprogramm

Beatriz Oliveira

Spielmobil, Ferienprogramme, Kinderspielstadt

Luka Rottler

Jugendbüro

Florian Schönpflug

RE-START, MiMaMo+, Jugend und Beteiligung

Anke Schuler

Jugendbüro

Andrea Veres

Jugendbüro

Alexandra Vogel

SALIM, Jugendbüro

Engagier dich jetzt

Vorstand

Ina Hahn

1. Vorsitzende

Jana Schult

2. Vorsitzende

Tatiana Schael

Schatzmeisterin

Maren Alsch

Vorstand

Simon Lampe

Vorstand

Timo Lutz

Vorstand

Impressum
Datenschutz
Kontakt
Cookie-Einstellungen

Barrierefreiheit

Zugänglichkeitsmodi

Epilepsie abgesicherter Modus
Dämpft Farbe und entfernt Blinzeln
Dieser Modus 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 entstehen, eliminiert wird.
Sehbehindertenmodus
Verbessert die visuelle Darstellung der Website
Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
Kognitiver Behinderungsmodus
Hilft, sich auf bestimmte Inhalte zu konzentrieren
Dieser Modus bietet verschiedene Hilfsoptionen, um Benutzern 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
Reduziert Ablenkungen und verbessert die Konzentration
Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu surfen und sich auf die Hauptelemente der Website zu konzentrieren, während Ablenkungen erheblich reduziert werden.
Blindheitsmodus
Ermöglicht die Nutzung der Website mit Ihrem Screenreader
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 wird und mit der Websites kompatibel sein müssen.

Online Wörterbuch

    Lesbare Erfahrung

    Inhaltsskalierung
    Standard
    Textlupe
    Lesbare Schriftart
    Legasthenie-freundlich
    Markieren Sie Titel
    Links hervorheben
    Schriftgröße
    Standard
    Zeilenhöhe
    Standard
    Buchstaben-Abstand
    Standard
    Linksbündig
    Zentriert ausgerichtet
    Rechtsbündig

    Optisch ansprechendes Erlebnis

    Dunkler Kontrast
    Leichter Kontrast
    Einfarbig
    Hoher Kontrast
    Hohe Sättigung
    Niedrige Sättigung
    Textfarben anpassen
    Titelfarben anpassen
    Hintergrundfarben anpassen

    Einfache Orientierung

    Töne stummschalten
    Bilder ausblenden
    Virtuelle Tastatur
    Lesehilfe
    Animationen stoppen
    Lesemaske
    Markieren Sie Schweben
    Fokus hervorheben
    Großer dunkler Cursor
    Großer Lichtcursor
    Kognitives Lesen
    Navigationstasten
    Sprachnavigation

    Stadtjugendring Esslingen e.V.

    Barrierefreiheitserklärung

    sjr-es.de

    3. June 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.