Author: Michel

Barrierefreiheitserklärung

www.stadtkind-bs.de
28.06.2025

Status der Konformität

Wir sind fest davon überzeugt, dass das Internet für jeden zugänglich sein sollte – unabhängig von Umständen oder Fähigkeiten. Deshalb setzen wir uns dafür ein, unsere Website für möglichst viele Menschen barrierefrei nutzbar zu machen.

Um dieses Ziel zu erreichen, orientieren wir uns so genau wie möglich an den Richtlinien für barrierefreie Webinhalte 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien erklären, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Ihre Einhaltung hilft uns, sicherzustellen, dass unsere Website für alle Menschen zugänglich ist – etwa für blinde Menschen, Menschen mit motorischen oder kognitiven Einschränkungen, Sehbehinderungen und mehr.

Unsere Website nutzt verschiedene Technologien, um die Zugänglichkeit jederzeit zu gewährleisten. Dazu gehört unter anderem eine Bedienoberfläche zur Barrierefreiheit, die es Nutzern mit bestimmten Einschränkungen ermöglicht, das Erscheinungsbild der Seite individuell anzupassen.

Zusätzlich läuft im Hintergrund eine KI-gestützte Anwendung, die kontinuierlich die Zugänglichkeit optimiert. Diese Anwendung überarbeitet das HTML der Website, passt deren Funktionalität und Verhalten an, um etwa die Bedienung mit Screenreadern für blinde Nutzer oder die Tastaturbedienung für motorisch eingeschränkte Nutzer zu erleichtern.

Wenn Sie eine Fehlfunktion entdecken oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Bitte kontaktieren Sie uns unter folgender E-Mail-Adresse: marketing@stadtkind-bs.de

Screenreader- und Tastatur-Navigation

Unsere Website verwendet die ARIA-Technik (Accessible Rich Internet Applications) sowie verschiedene weitere Anpassungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern unsere Seite problemlos lesen, verstehen und bedienen können. Sobald ein Nutzer mit Screenreader unsere Website betritt, erhält er eine Aufforderung, das Screenreader-Profil zu aktivieren, um die Seite optimal bedienen zu können.

Screenreader-Optimierung:
Ein Hintergrundprozess analysiert kontinuierlich die Komponenten der Website, um auch bei Aktualisierungen die Barrierefreiheit sicherzustellen. Dabei werden Screenreadern bedeutungsvolle Informationen über ARIA-Attribute bereitgestellt – etwa korrekte Beschriftungen von Formularfeldern, Beschreibungen für interaktive Icons (z. B. Social Media, Suche, Warenkorb), Hinweise zur Formularvalidierung sowie Rollen für Elemente wie Buttons, Menüs oder Popups. Bilder werden analysiert, mit automatischen ALT-Texten versehen (auch per Objekterkennung) und Texte innerhalb von Bildern mithilfe von OCR-Technologie ausgelesen.

Screenreader-Modus aktivieren: Drücken Sie Alt+1. Nutzer mit Screenreader erhalten automatisch einen Hinweis beim Betreten der Website.

Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, darunter JAWS und NVDA.

Optimierung der Tastaturnavigation:
Die Website wird so angepasst, dass sie vollständig per Tastatur bedienbar ist – durch Tab- und Shift+Tab-Tasten, Dropdown-Steuerung mit Pfeiltasten, Schließen mit Esc, Auslösen von Buttons/Links mit Enter, Navigation bei Radiobuttons/Checkboxen mit Pfeiltasten, Auswahl per Leertaste oder Enter.
Zudem gibt es Schnellnavigations- und Inhaltsüberspring-Menüs, erreichbar über Alt+1 oder als erstes Element bei Tastaturnavigation. Bei Popups wird der Tastaturfokus automatisch auf das Popup verschoben und bleibt dort, bis es geschlossen wird.

Zusätzliche Shortcuts:

• „M“ = Menüs

• „H“ = Überschriften

• „F“ = Formulare

• „B“ = Buttons

• „G“ = Grafiken

Unterstützte Profile für Menschen mit Behinderungen

• Epilepsie-sicherer Modus: Blendet blinkende Animationen und gefährliche Farbkombinationen aus.

• Modus für Sehbehinderte: Optimiert die Website für Nutzer mit z. B. nachlassendem Sehvermögen, Tunnelblick, Katarakt oder Glaukom.

• Modus für kognitive Einschränkungen: Bietet Unterstützung für Nutzer mit z. B. Legasthenie, Autismus oder nach einem Schlaganfall, um relevante Inhalte besser fokussieren zu können.

• ADHS-freundlicher Modus: Reduziert Ablenkungen und hilft Nutzern mit Aufmerksamkeitsstörungen beim Lesen und Navigieren.

• Blindmodus: Kompatibel mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack.

• Tastaturnavigations-Profil (motorische Einschränkungen): Vollständige Bedienung per Tab, Shift+Tab, Enter. Auch hier stehen die genannten Shortcuts zur Verfügung.

Zusätzliche UI-, Design- und Lesbarkeitsanpassungen

• Schriftanpassungen: Größe, Schriftart, Zeilenhöhe, Ausrichtung und Abstände individuell einstellbar.

• Farbkontraste: Profile wie hell, dunkel, invertiert oder monochrom verfügbar. Auch Texte, Hintergründe und Überschriften lassen sich farblich anpassen.

• Animationen deaktivieren: Besonders für Epileptiker können alle Animationen (Videos, GIFs, CSS-Übergänge) deaktiviert werden.

• Inhaltshervorhebung: Wichtige Elemente (z. B. Links, Überschriften) können betont oder bei Fokus/Hover hervorgehoben werden.

• Audio stummschalten: Automatische Töne können stummgeschaltet werden – hilfreich für Menschen mit Hörgeräten.

• Kognitive Unterstützung: Eingebaute Wikipedia- und Wiktionary-Suche zur Erklärung von Begriffen, Abkürzungen und Slang.

• Weitere Funktionen: Anpassung von Mauszeigergröße und -farbe, Druckansicht, virtuelle Tastatur und mehr.

Kompatibilität mit Browsern und Hilfstechnologien

Wir bemühen uns, eine möglichst große Anzahl an Browsern und Hilfstechnologien zu unterstützen. Aktuell ist unsere Website mit über 95 % der marktüblichen Systeme kompatibel, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge sowie JAWS und NVDA.

Anmerkungen, Kommentare und Feedback

Trotz aller Bemühungen kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind, gerade angepasst werden oder derzeit keine passende technische Lösung existiert. Dennoch arbeiten wir kontinuierlich daran, unsere Barrierefreiheit zu verbessern, Funktionen zu erweitern und neue Technologien einzuführen – mit dem Ziel, den bestmöglichen Zugang für alle zu gewährleisten.

Bei Fragen oder Unterstützungsbedarf wenden Sie sich bitte an marketing@stadtkind-bs.de