Unsere Stadt

Konformitätsstatus

Bildschirmlese- und Tastaturnavigation

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten lernt, um eine kontinuierliche Compliance auch bei der Aktualisierung der Website sicherzustellen. Dabei stellen wir Screenreadern über das ARIA-Attributset aussagekräftige Daten zur Verfügung. Wir stellen zum Beispiel genaue Formularetiketten zur Verfügung; Beschreibungen für umsetzbare Symbole (Symbole für soziale Medien, Suchsymbole, Einkaufswagensymbole usw.); Validierungsleitfaden 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 bietet eine genaue und aussagekräftige, auf der Bildobjekterkennung basierende Beschreibung als ALT-Tag (alternativer Text). für nicht beschriebene Bilder. Es extrahiert auch Texte, die in das Bild eingebettet sind, unter Verwendung einer OCR-Technologie (Optical Character Recognition). Um die 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.
2. Keyboard navigation optimization: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhaltensweisen hinzu, um die Website mit der Tastatur bedienbar zu machen. Dazu gehören die Möglichkeit, mit den Tasten Tab und Umschalt+Tab auf der Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, 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 Füllen Sie sie mit der Leertaste oder der Eingabetaste aus. Darüber hinaus finden Tastaturbenutzer Menüs zur Schnellnavigation und zum Überspringen von Inhalten, die jederzeit durch Klicken auf Alt+1 oder als erste Elemente der Site beim Navigieren mit der Tastatur verfügbar sind. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus auf sie zubewegt, sobald sie erscheinen, und den Fokus nicht außerhalb davon abdriften lässt.Benutzer können auch Shortcuts 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 Behindertenprofile

• Epilepsie-Abgesicherter Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende oder blinkende Animationen und riskante Farbkombinationen eliminiert wird.
• Sehbehinderter Modus: Dieser Modus passt die Website für Benutzer mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
• Kognitiver Behinderungsmodus: 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: Dieser Modus hilft Benutzern mit ADHS und neurologischen Entwicklungsstörungen, die wichtigsten Website-Elemente leichter zu lesen, zu durchsuchen und sich auf sie zu konzentrieren, während Ablenkungen erheblich reduziert werden.
• Blindheitsmodus: In diesem Modus wird die Website so konfiguriert, dass sie mit Bildschirmleseprogrammen wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist eine Software für blinde Benutzer, die auf einem Computer und einem Smartphone installiert wird und Websites müssen damit kompatibel sein.
• Tastatur-Navigationsprofil ( motorisch eingeschränkt ): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit der Tastatur Tab, Umschalt+Tab und den Eingabetasten zu bedienen. Benutzer können auch Shortcuts wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Schaltflächen) und „G“ (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Zusätzliche Anpassungen an Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassungen – Benutzer können die Größe vergrößern und verkleinern, die Familie (den Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr anpassen.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über 7 verschiedenen Farboptionen austauschen.
3. Animationen – Epileptiker können alle laufenden Animationen mit einem Knopfdruck stoppen. Animationen, die von der Benutzeroberfläche gesteuert werden, umfassen Videos, GIFs und CSS-Flashing-Ü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. Stummschaltung – Benutzer mit Hörgeräten können aufgrund der automatischen Audiowiedergabe Kopfschmerzen oder andere Probleme haben. Mit dieser Option können Benutzer die gesamte Website sofort stummschalten.
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, Farbe und Größe des Cursors zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen.

Kompatibilität mit Browsern und Hilfstechnologien

Notizen, Kommentare und Feedback