Stadtwerke Herborn | Projekt-Report | Video – 🚗 Solarstrom in passender Größe für den Arbeitsalltag

Erklärung zur Barrierefreiheit

• www.helbig-energie.de
• {aktuelles Datum}

Status der Einhaltung

Wir sind der festen Überzeugung, dass das Internet für jedermann 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 erreichen, sind wir bestrebt, uns auf AA-Ebene so strikt wie möglich an die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) zu halten. In diesen Richtlinien wird erläutert, 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 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 gedacht sind, sie jederzeit so zugänglich wie möglich zu machen. Wir verwenden eine Schnittstelle zur Barrierefreiheit, die es Menschen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche der Website anzupassen und 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 an Screenreader an, die von blinden Benutzern verwendet werden, und an Tastaturfunktionen, die von Personen mit motorischen Beeinträchtigungen verwendet werden.

Wenn Sie eine Störung gefunden haben oder Verbesserungsvorschläge haben, freuen wir uns über Ihre Kontaktaufnahme. Sie können sich an die Betreiber der Website wenden, indem Sie die folgende E-Mail-Adresse verwenden: info@helbig-energie.de

Screenreader und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute-Technik (Accessible Rich Internet Applications) sowie verschiedene Verhaltensänderungen, um sicherzustellen, dass blinde Benutzer, die mit Screenreadern unterwegs sind, die Funktionen der Website lesen, verstehen und genießen können. Sobald ein Benutzer mit einem Screenreader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil einzugeben, damit er Ihre Website effektiv durchsuchen und bedienen kann. Hier erfahren Sie, wie unsere Website einige der wichtigsten Anforderungen an Screenreader abdeckt, zusammen mit Konsolen-Screenshots von Codebeispielen:

1. Screenreader-Optimierung: Wir führen einen Hintergrundprozess durch, der die Komponenten der Website von oben nach unten lernt, um die kontinuierliche Einhaltung auch bei der Aktualisierung der Website zu gewährleisten. Dabei stellen wir Screenreadern aussagekräftige Daten anhand des ARIA-Attributsatzes zur Verfügung. Zum Beispiel stellen wir genaue Formularetiketten zur Verfügung. Beschreibungen für umsetzbare Symbole (Social-Media-Symbole, Suchsymbole, Warenkorbsymbole 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 Beschreibung auf der Grundlage der Bild-Objekterkennung als ALT-Tag (Alternate Text) für Bilder, die nicht beschrieben werden. Es extrahiert auch Texte, die in das Bild eingebettet sind, mithilfe einer OCR-Technologie (Optical Character Recognition). Wenn Sie die Einstellungen der Sprachausgabe jederzeit aktivieren möchten, müssen Sie nur die Tastenkombination ALT+1 drücken. Screenreader-Benutzer erhalten außerdem automatische Ansagen, 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.

1. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und fügt mithilfe von JavaScript-Code verschiedene Verhaltensweisen hinzu, um die Website über die Tastatur bedienbar zu machen. Dazu gehört die Möglichkeit, mit den Tasten Tab und Umschalt+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 Kontrollkästchenelementen zu navigieren und sie mit der Leertaste oder der Eingabetaste auszufüllen. Darüber hinaus finden Tastaturbenutzer Menüs für die Schnellnavigation und zum Überspringen von Inhalten, die jederzeit durch Klicken auf Alt+1 oder als erstes Element 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 den Fokus nicht nach außen driften lässt.

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.

Auf unserer Website unterstützte Behinderungsprofile

• Abgesicherter Epilepsie-Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem es das Risiko von Anfällen eliminiert, die aus blinkenden oder blinkenden Animationen und riskanten Farbkombinationen resultieren.
• Sehbehinderten-Modus: Dieser Modus passt die Website an die Bequemlichkeit von Benutzern mit Sehbehinderungen wie Sehschwäche, Tunnelblick, Katarakt, Glaukom und anderen an.
• Kognitiver Behinderungsmodus: Dieser Modus bietet verschiedene unterstützende Optionen, 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 Elemente der Website leichter zu lesen, zu durchsuchen und sich auf sie zu konzentrieren, während gleichzeitig Ablenkungen erheblich reduziert werden.
• Blindheitsmodus: In diesem Modus wird die Website so konfiguriert, 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.
• Tastatur-Navigationsprofil (motorisch beeinträchtigt): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website über die Tastatur Tab, Shift+Tab und die Eingabetasten zu bedienen. 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 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 vieles mehr anpassen.
2. Farbanpassungen – Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Darüber hinaus können Benutzer Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen.
3. Animationen – Eine Person mit Epilepsie kann alle laufenden Animationen mit einem Klick auf eine Schaltfläche stoppen. Zu den Animationen, die über die Benutzeroberfläche gesteuert werden, 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, ob nur fokussierte oder schwebende Elemente hervorgehoben werden sollen.
5. Audio-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 den Benutzern die Möglichkeit, die Farbe und Größe des Cursors zu ändern, den Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele andere Funktionen.

Kompatibilität von Browsern und Hilfstechnologien

Unser Ziel ist es, eine möglichst breite Palette von Browsern und unterstützenden Technologien zu unterstützen, damit unsere Benutzer die für sie am besten geeigneten Tools mit so wenig Einschränkungen wie möglich auswählen können. Aus diesem Grund haben wir sehr hart daran gearbeitet, alle wichtigen Systeme unterstützen zu können, die über 95 % des Marktanteils der Nutzer ausmachen, einschließlich Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader).

Notizen, Kommentare und Feedback

Trotz unserer allerbesten Bemühungen, jedem die Möglichkeit zu geben, die Website an seine Bedürfnisse anzupassen. Es kann immer noch Seiten oder Abschnitte geben, die nicht vollständig barrierefrei sind, gerade dabei sind, barrierefrei zu werden, oder denen eine angemessene technologische Lösung fehlt, um sie barrierefrei zu machen. Dennoch verbessern wir kontinuierlich unsere Barrierefreiheit, fügen Optionen und Funktionen hinzu, aktualisieren und verbessern sie und entwickeln und übernehmen neue Technologien. All dies soll dem technologischen Fortschritt folgend ein optimales Maß an Zugänglichkeit erreichen. Für weitere Informationen wenden Sie sich bitte an info@helbig-energie.de