Mitmachen beim „Spielplatz-Check“ an den Freiwilligentagen der Metropolregion!

Erklärung zur Barrierefreihei

Konformitätsstatus

Wir sind der festen Überzeugung, dass das Internet für alle Menschen verfügbar und zugänglich sein sollte. Daher setzen wir uns dafür ein, unsere Website einem möglichst breiten Publikum zugänglich zu machen – unabhängig von individuellen Umständen oder Fähigkeiten.

Um dieses Ziel zu erreichen, orientieren wir uns so weit wie möglich an den Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien erläutern, wie Webinhalte für Menschen mit unterschiedlichen Einschränkungen zugänglich gestaltet werden können. Dazu zählen unter anderem blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbeeinträchtigungen oder kognitiven Einschränkungen.

Diese Website verwendet verschiedene Technologien, um dauerhaft ein möglichst hohes Maß an Barrierefreiheit zu gewährleisten. Dazu gehört eine Bedienoberfläche für Barrierefreiheit, mit der Personen mit bestimmten Einschränkungen die Benutzeroberfläche und das Design der Website an ihre persönlichen Bedürfnisse anpassen können.

Zusätzlich verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und die Barrierefreiheit kontinuierlich optimiert. Diese Anwendung passt den HTML-Code der Website an und optimiert Funktionen und Verhaltensweisen für Screenreader, die von blinden Nutzern verwendet werden, sowie für die Tastaturbedienung durch Personen mit motorischen Einschränkungen.

Sollten Sie eine Fehlfunktion feststellen oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Rückmeldung. Sie erreichen die Betreiber der Website unter folgender E-Mail-Adresse: kontakt@vbi-heidelberg.de

Screenreader und Tastaturnavigation

Unsere Website verwendet die Technik der ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene funktionale Anpassungen, damit blinde Nutzer, die Screenreader verwenden, die Inhalte und Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit Screenreader die Website aufruft, erhält er einen Hinweis, das Screenreader-Profil zu aktivieren, um die Website effektiv bedienen zu können.

So erfüllt unsere Website einige der wichtigsten Anforderungen für Screenreader:

1. Optimierung für Screenreader:
   Im Hintergrund läuft ein Prozess, der die Bestandteile der Website analysiert, um die Barrierefreiheit auch bei Aktualisierungen der Website sicherzustellen. Dabei werden Screenreadern mithilfe von ARIA-Attributen aussagekräftige Informationen bereitgestellt. Dazu gehören beispielsweise korrekte Formularbeschriftungen, Beschreibungen für anklickbare Symbole wie Social-Media-, Such- oder Warenkorb-Symbole, Hinweise zur Validierung von Formulareingaben sowie die Kennzeichnung von Elementen wie Schaltflächen, Menüs und Dialogfenstern.

   Zusätzlich analysiert der Hintergrundprozess die Bilder auf der Website und erstellt für Bilder ohne vorhandene Beschreibung aussagekräftige ALT-Texte mithilfe einer Bilderkennung. Texte, die in Bildern eingebettet sind, können außerdem mittels OCR-Technologie (optische Zeichenerkennung) erkannt werden.

   Um die Screenreader-Anpassungen jederzeit zu aktivieren, können Nutzer die Tastenkombination Alt+1 verwenden. Screenreader-Nutzer erhalten beim Aufrufen der Website zudem automatisch einen Hinweis auf den verfügbaren Screenreader-Modus.

   Diese Anpassungen sind mit verbreiteten Screenreadern wie JAWS und NVDA kompatibel.

2. Optimierung der Tastaturnavigation:
   Der Hintergrundprozess passt außerdem den HTML-Code der Website an und ergänzt verschiedene JavaScript-Funktionen, damit die Website vollständig über die Tastatur bedient werden kann. Dazu gehören unter anderem die Navigation mit Tab und Shift+Tab, die Bedienung von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Aktivieren von Schaltflächen und Links mit Enter sowie die Navigation zwischen Auswahlfeldern und Kontrollkästchen.

   Nutzer können außerdem Schnellnavigationen und Menüs zum Überspringen von Inhalten verwenden. Diese sind über Alt+1 oder als erste Elemente bei der Tastaturnavigation erreichbar. Bei geöffneten Pop-ups wird der Tastaturfokus automatisch in das entsprechende Fenster verschoben und innerhalb dieses Bereichs gehalten.

   Zusätzlich können Tastenkürzel wie „M“ für Menüs, „H“ für Überschriften, „F“ für Formulare, „B“ für Schaltflächen und „G“ für Grafiken verwendet werden.

Unterstützte Profile für unterschiedliche Einschränkungen

• Epilepsie-sicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie eine sichere Nutzung der Website, indem blinkende oder flackernde Animationen sowie riskante Farbkombinationen vermieden werden.

• Modus für Sehbeeinträchtigungen: Dieser Modus passt die Website für Nutzer mit Sehbeeinträchtigungen wie nachlassender Sehkraft, Tunnelblick, Grauem Star, Grünem Star und weiteren Einschränkungen an.

• Modus für kognitive Einschränkungen: Dieser Modus bietet verschiedene Hilfsfunktionen für Menschen mit kognitiven Einschränkungen wie Legasthenie, Autismus oder den Folgen eines Schlaganfalls und unterstützt dabei, sich leichter auf die wesentlichen Inhalte der Website zu konzentrieren.

• ADHS-freundlicher Modus: Dieser Modus unterstützt Menschen mit ADHS oder neuroentwicklungsbedingten Einschränkungen dabei, Inhalte einfacher zu lesen, zu navigieren und sich auf die wichtigsten Elemente zu konzentrieren. Ablenkungen werden dabei reduziert.

• Modus für blinde Nutzer: Dieser Modus optimiert die Website für Screenreader wie JAWS, NVDA, VoiceOver und TalkBack. Screenreader sind Programme für blinde Menschen, die auf Computern und Smartphones eingesetzt werden.

• Tastaturnavigationsprofil für motorisch eingeschränkte Nutzer: Dieses Profil ermöglicht die Bedienung der Website mithilfe von Tab, Shift+Tab und Enter. Zusätzlich können die Tastenkürzel „M“, „H“, „F“, „B“ und „G“ verwendet werden.

Zusätzliche Anpassungen für Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassungen: Nutzer können die Schriftgröße erhöhen oder verringern, die Schriftart ändern sowie Abstände, Ausrichtung, Zeilenhöhe und weitere Eigenschaften anpassen.

2. Farbanpassungen: Nutzer können verschiedene Kontrastprofile auswählen, beispielsweise hell, dunkel, invertiert oder monochrom. Außerdem lassen sich die Farben von Überschriften, Texten und Hintergründen mit verschiedenen Farboptionen anpassen.

3. Animationen: Menschen mit Epilepsie können sämtliche Animationen mit einem Klick deaktivieren. Dazu gehören beispielsweise Videos, GIFs und blinkende CSS-Animationen.

4. Hervorhebung von Inhalten: Nutzer können wichtige Elemente wie Links oder Überschriften hervorheben. Ebenso können aktuell fokussierte oder mit der Maus berührte Elemente hervorgehoben werden.

5. Stummschaltung von Audio: Nutzer mit Hörgeräten können durch automatisch abgespielte Audiodateien möglicherweise beeinträchtigt werden. Mit dieser Funktion kann die gesamte Website sofort stummgeschaltet werden.

6. Kognitive Unterstützung: Wir verwenden eine mit Wikipedia und Wiktionary verknüpfte Suchfunktion, die Menschen mit kognitiven Einschränkungen dabei unterstützt, die Bedeutung von Begriffen, Abkürzungen, Umgangssprache und weiteren Ausdrücken zu verstehen.

7. Weitere Funktionen: Nutzer können unter anderem Farbe und Größe des Mauszeigers verändern, einen Druckmodus verwenden, eine virtuelle Tastatur aktivieren und weitere Funktionen nutzen.

Browser- und Assistenztechnologie-Kompatibilität

Wir möchten möglichst viele Browser und unterstützende Technologien unterstützen, damit unsere Nutzer die für sie am besten geeigneten Werkzeuge mit möglichst wenigen Einschränkungen verwenden können.

Daher haben wir die Website für die wichtigsten Systeme optimiert, die zusammen mehr als 95 % des Nutzermarktes abdecken. Dazu gehören unter anderem Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie die Screenreader JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz unserer umfangreichen Bemühungen, die Website an unterschiedliche Bedürfnisse anzupassen, kann es einzelne Seiten oder Bereiche geben, die noch nicht vollständig barrierefrei sind, sich derzeit in der Optimierung befinden oder für die aktuell noch keine geeignete technische Lösung verfügbar ist.

Wir arbeiten kontinuierlich daran, die Barrierefreiheit unserer Website zu verbessern, bestehende Funktionen zu aktualisieren und neue Technologien einzusetzen. Unser Ziel ist es, unter Berücksichtigung der technischen Entwicklung ein möglichst hohes Maß an Barrierefreiheit zu erreichen.

Bei Fragen oder wenn Sie Unterstützung benötigen, kontaktieren Sie uns bitte unter: kontakt@vbi-heidelberg.de