Kategorie: KiTa Bunte Bande

Compliance status

Wir sind der festen Überzeugung, dass das Internet für jeden verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für ein möglichst breites Publikum zugänglich ist, unabhängig von den Umständen und Fähigkeiten.

Um dies zu erfüllen, streben wir danach, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Niveau so streng wie möglich einzuhalten. Diese Richtlinien erklären, wie man Webinhalte für Menschen mit einer Vielzahl von Behinderungen zugänglich macht. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Beeinträchtigungen, Sehbehinderungen, kognitiven Behinderungen und mehr.

Diese Website verwendet verschiedene Technologien, die dazu bestimmt sind, sie jederzeit so zugänglich wie möglich zu machen. Wir verwenden eine Zugänglichkeitsschnittstelle, die es Menschen mit bestimmten Behinderungen ermöglicht, die UI (Benutzeroberfläche) der Website anzupassen und sie an ihre persönlichen Bedürfnisse anzupassen.

Darüber hinaus verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und ihre Zugänglichkeit ständig optimiert. Diese Anwendung korrigiert den HTML-Code der Website, passt ihre Funktionalität und ihr Verhalten für Bildschirmlesegeräte an, die von blinden Benutzern verwendet werden, und für Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen verwendet werden.

Wenn Sie eine Störung festgestellt haben oder Verbesserungsvorschläge haben, freuen wir uns, von Ihnen zu hören. Sie können die Betreiber der Website über die folgende E-Mail erreichen info@lebenshilfe-se.de

Screen-reader and keyboard navigation

Unsere Website implementiert die ARIA-Attribute-Technik (Accessible Rich Internet Applications) neben verschiedenen Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Screenreadern besuchen, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Screenreader Ihre Website betritt, wird er sofort aufgefordert, das Screenreader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. So deckt unsere Website neben Konsolen-Screenshots von Codebeispielen einige der wichtigsten Screenreader-Anforderungen ab:

1. Screen-reader Optimierung:
   Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten lernt, um eine kontinuierliche Einhaltung auch bei Aktualisierungen der Website sicherzustellen. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes aussagekräftige Daten zur Verfügung. Beispielsweise stellen wir genaue Formularetiketten bereit; Beschreibungen für umsetzbare Symbole (Social-Media-Symbole, Suchsymbole, Einkaufswagensymbole usw.); Validierungsanleitung 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 liefert eine genaue und aussagekräftige, auf der Bildobjekterkennung basierende Beschreibung als ALT-Tag (alternativer Text) für Bilder, die nicht beschrieben werden. Es wird auch Texte extrahieren, die in das Bild eingebettet sind, indem eine OCR-Technologie (optische Zeichenerkennung) verwendet wird. Um die Screenreader-Anpassungen jederzeit zu aktivieren, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Screenreader-Benutzer erhalten außerdem automatische Ankündigungen, den Screenreader-Modus einzuschalten, sobald sie die Website betreten.

   Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.

2. Keyboard navigation optimization:
   Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhalten hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tasten Tab und Shift+Tab auf der Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Schaltflächen und Links mit der Eingabetaste auszulösen, mit den Pfeiltasten zwischen Radio- und Checkbox-Elementen zu navigieren und Füllen Sie sie mit der Leertaste oder der Eingabetaste aus. Außerdem finden Tastaturbenutzer Schnellnavigations- und Inhaltsüberspringmenüs, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Website 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 abdriftet.
   
   Benutzer können auch Verknüpfungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Auf unserer Website unterstützte Behinderungsprofile

• Epilepsy Safe Mode:
  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 entstehen, eliminiert wird.
• Visually Impaired Mode:
  Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
• Cognitive Disability Mode:
  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.
• ADHD Friendly Mode:
  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.
• Blindness Mode:
  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.
• Keyboard Navigation Profile (Motor-Impaired): Dieses Profil ermöglicht motorisch eingeschränkten Personen die Bedienung der Website mit der Tastatur Tab, Shift+Tab und den Enter-Tasten. Benutzer können auch Verknüpfungen wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen der Benutzeroberfläche, des Designs und der Lesbarkeit

1. Schriftanpassungen – Benutzer können seine Größe vergrößern und verkleinern, seine Familie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile auswählen, z. B. hell, dunkel, invertiert und monochrom. Darüber hinaus können Benutzer Farbschemata von Titeln, Texten und Hintergründen mit über 7 verschiedenen Farboptionen austauschen.
3. Animationen – Epileptiker können alle laufenden Animationen per Knopfdruck stoppen. Zu den von der Benutzeroberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Hervorhebung von Inhalten – Benutzer können wichtige Elemente wie Links und Titel hervorheben. Sie können auch auswählen, nur fokussierte oder schwebende Elemente hervorzuheben.
5. Audio-Stummschaltung – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme bekommen. Mit dieser Option können Benutzer die gesamte Website sofort stumm schalten.
6. Kognitive Störungen – Wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist und es Menschen mit kognitiven Störungen ermöglicht, die Bedeutung von Phrasen, Initialen, Slang und anderen zu entschlüsseln.
7. Zusätzliche Funktionen – Wir bieten Benutzern die Möglichkeit, Cursorfarbe und -größe zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen.

Browser- und Hilfstechnologiekompatibilität

Unser Ziel ist es, die größtmögliche Auswahl an Browsern und Hilfstechnologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Tools mit so wenigen Einschränkungen wie möglich auswählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Benutzermarktanteils ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader), beide für Windows und für MAC-Benutzer.

Anmerkungen, Kommentare und Feedback

Trotz unserer größten Bemühungen, jedem die Anpassung der Website an seine Bedürfnisse zu ermöglichen, kann es immer noch Seiten oder Bereiche geben, die nicht vollständig barrierefrei sind, gerade barrierefrei werden oder denen eine angemessene technologische Lösung fehlt, um sie barrierefrei zu machen. Dennoch verbessern wir kontinuierlich unsere Zugänglichkeit, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies soll den technologischen Fortschritten folgend das optimale Maß an Zugänglichkeit erreichen. Wenn Sie Hilfe benötigen, wenden Sie sich bitte an info@lebenshilfe-se.de