Erklärung zur Barrierefreiheit

• stadtbewohner.com
• 14. May 2021

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, bemühen wir uns, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortiums (W3C) in der Stufe AA so streng wie möglich einzuhalten. 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 zugänglich ist für alle Menschen zugänglich ist: blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Behinderungen und mehr. Diese Website nutzt verschiedene Technologien, die sie jederzeit so zugänglich wie möglich machen sollen. Wir verwenden eine barrierefreie Schnittstelle, die es Personen mit bestimmten Behinderungen die Möglichkeit bietet, das UI (User Interface) der Website anzupassen und nach ihren persönlichen Bedürfnissen zu gestalten. Zusätzlich nutzt die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Grad der Barrierefreiheit ständig optimiert. Diese Anwendung korrigiert das HTML der Website, passt die Funktionalität und das Verhalten für Screenreader an, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Personen mit motorischen Einschränkungen verwendet werden. Wenn Sie eine Fehlfunktion gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Nachricht. Sie können sich an die Betreiber der Website wenden, indem Sie die folgende E-Mail verwenden design@stadtbewohner.com

Bildschirmleser- und Tastaturnavigation

Unsere Website implementiert neben verschiedenen Verhaltensänderungen auch die ARIA-Attribute (Accessible Rich Internet Applications), um sicherzustellen, dass blinde Benutzer, die mit Bildschirmlesegeräten besuchen, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Screen-Reader Ihre Website betritt, erhält er sofort eine Aufforderung zur Eingabe des Screen-Reader-Profils, damit er Ihre Website effektiv durchsuchen und bedienen kann. Auf diese Weise deckt unsere Website einige der wichtigsten Screen-Reader-Anforderungen ab, neben Konsolen-Screenshots von Code-Beispielen:

1. Screen-Reader-Optimierung: Wir lassen einen Hintergrundprozess laufen, der die Komponenten der Website von oben nach unten lernt, um eine kontinuierliche Konformität auch bei der Aktualisierung der Website sicherzustellen. In diesem Prozess versorgen wir Screen-Reader mit sinnvollen Daten unter Verwendung des ARIA-Attributsatzes. Zum Beispiel stellen wir genaue Formularbeschriftungen bereit; Beschreibungen für aktionsfähige Symbole (Social-Media-Symbole, Suchsymbole, Warenkorb-Symbole usw.); Validierungsanleitungen 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 Bild-Objekt-Erkennung basierende Beschreibung als ALT-Tag (alternativer Text) für Bilder, die nicht beschrieben sind. Es extrahiert auch Texte, die im Bild eingebettet sind, mit Hilfe einer OCR-Technologie (optische Zeichenerkennung). Um die Screen-Reader-Anpassungen jederzeit einzuschalten, müssen Benutzer nur die Tastenkombination Alt+1 drücken. Screen-Reader-Benutzer erhalten außerdem automatische Ansagen, um den Screen-Reader-Modus einzuschalten sobald sie die Website betreten.Diese Anpassungen sind mit allen gängigen Screenreadern kompatibel, einschließlich JAWS und NVDA.
2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch das HTML der Website an und fügt verschiedene Verhaltensweisen mithilfe von JavaScript-Code hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tab- und Shift+Tab-Tasten durch die Website zu navigieren, Dropdowns mit den Pfeiltasten zu bedienen, sie mit Esc zu schließen, Buttons und Links mit der Enter-Taste auszulösen, mit den Pfeiltasten zwischen Radio- und Checkbox-Elementen zu navigieren und sie mit der Leertaste oder der Enter-Taste auszufüllen.Zusätzlich finden Tastaturbenutzer Schnellnavigations- und Content-Skip-Menüs, die jederzeit mit Alt+1 oder als erste Elemente der Website bei der Navigation mit der Tastatur verfügbar sind. Der Hintergrundprozess behandelt auch ausgelöste Popups, indem er den Tastaturfokus zu ihnen hinbewegt, sobald sie erscheinen, und nicht zulässt, dass der Fokus außerhalb davon abdriftet.Benutzer können auch Tastenkombinationen wie "M" (Menüs), "H" (Überschriften), "F" (Formulare), "B" (Schaltflächen) und "G" (Grafiken) verwenden, um zu bestimmten Elementen zu springen.

Unterstützte Behindertenprofile in unserer Website

• Epilepsiesicherer Modus: Dieses Profil ermöglicht Menschen mit Epilepsie die sichere Nutzung der Website, indem es das Risiko von Anfällen eliminiert, die durch blinkende oder blitzende Animationen und riskante Farbkombinationen entstehen.
• Sehbehindertenmodus: dieser Modus passt die Website für die Bequemlichkeit von Benutzern mit Sehbehinderungen wie nachlassender Sehkraft, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Beeinträchtigungen: 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 Anwendern mit ADHS und neurologischen Entwicklungsstörungen, leichter zu lesen, zu blättern und sich auf die wesentlichen Elemente der Website zu konzentrieren, während Ablenkungen deutlich reduziert werden.
• Blindenfreundlicher Modus: Dieser Modus konfiguriert die Website so, dass sie mit Bildschirmlesegeräten 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 mit der Websites kompatibel sein müssen.
• Tastaturnavigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht motorisch beeinträchtigten Personen die Bedienung der Website mit der Tastatur Tab, Shift+Tab und den Eingabetasten. Benutzer können auch Tastenkombinationen 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 die Schriftgröße vergrößern und verkleinern, die Schriftfamilie (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und vieles mehr einstellen.
2. Farbanpassungen - Benutzer können verschiedene Farbkontrastprofile auswählen, wie z. B. hell, dunkel, invertiert und monochrom. Außerdem können Benutzer die Farbschemata von Titeln, Texten und Hintergründen mit über 7 verschiedenen Farboptionen austauschen.
3. Animationen - epileptische Benutzer können alle laufenden Animationen mit einem Klick stoppen. Zu den über die Oberfläche gesteuerten Animationen gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Hervorhebung von Inhalten - Benutzer können wählen, ob wichtige Elemente wie Links und Titel hervorgehoben werden sollen. Sie können auch wählen, ob nur fokussierte oder mit dem Mauszeiger gehaltene Elemente hervorgehoben werden sollen. Audiostummschaltung - 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 stummschalten.
5. Kognitive Störungen - wir verwenden eine Suchmaschine, die mit Wikipedia und Wiktionary verlinkt ist und es Menschen mit kognitiven Störungen ermöglicht, die Bedeutung von Phrasen, Initialen, Slang usw. zu entschlüsseln.
6. Zusätzliche Funktionen - wir bieten Benutzern die Möglichkeit, die 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 unterstützenden Technologien

Wir sind bestrebt, eine möglichst breite Palette von Browsern und unterstützenden Technologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Werkzeuge mit möglichst wenigen Einschränkungen wählen können. Daher haben wir sehr hart daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Marktanteils der Benutzer ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Bildschirmlesegeräte), sowohl für Windows als auch für MAC-Benutzer.

Hinweise, Kommentare und Feedback

rotz unserer besten Bemühungen, jedem die Möglichkeit zu geben, die Website an seine Bedürfnisse anzupassen, kann es immer noch Seiten oder Abschnitte geben, die nicht vollständig zugänglich sind, die gerade zugänglich gemacht werden oder für die eine angemessene technologische Lösung fehlt, um sie zugänglich zu machen. Dennoch verbessern wir ständig unsere Zugänglichkeit, fügen hinzu, aktualisieren und verbessern ihre Optionen und Funktionen und entwickeln und übernehmen neue Technologien. All dies dient dazu, ein optimales Niveau der Zugänglichkeit zu erreichen, das den technologischen Fortschritten folgt. Für jegliche Unterstützung wenden Sie sich bitte an design@stadtbewohner.com