Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden verfügbar und zugänglich sein sollte, und verpflichten uns, eine Website bereitzustellen, die für die größtmögliche Zielgruppe zugänglich ist – unabhängig von Umständen und Fähigkeiten.

Um dies zu erreichen, bemühen wir uns, die Richtlinien für barrierefreie Webinhalte (WCAG 2.1) des World Wide Web Consortiums (W3C) auf AA-Niveau so genau 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 für alle Menschen zugänglich ist: für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Beeinträchtigungen und viele mehr.

Diese Website verwendet verschiedene Technologien, um sie jederzeit möglichst barrierefrei zu gestalten. Wir setzen eine Barrierefreiheitsoberfläche ein, die es Menschen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche der Website individuell anzupassen.

Zusätzlich verwendet die Website eine KI-gestützte Anwendung, die im Hintergrund läuft und das Barrierefreiheitsniveau kontinuierlich optimiert. Diese Anwendung passt den HTML-Code der Website an, passt ihre Funktionalität und ihr Verhalten für Bildschirmleser für blinde Nutzer sowie für Tastaturfunktionen für motorisch eingeschränkte Personen an.

Wenn Sie eine Fehlfunktion feststellen oder Verbesserungsvorschläge haben, freuen wir uns auf Ihre Rückmeldung. Sie erreichen die Betreiber der Website über folgende E-Mail-Adresse: kontakt@huber-naturstein.com

Bildschirmleser und Tastaturnavigation

Unsere Website implementiert die ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer mit Bildschirmlesern die Funktionen der Website lesen, verstehen und nutzen können. Sobald ein Nutzer mit Bildschirmleser die Website betritt, erhält er sofort eine Eingabeaufforderung, um das Bildschirmleser-Profil zu aktivieren und so effektiv navigieren zu können. So deckt unsere Website die wichtigsten Anforderungen an Bildschirmleser ab, einschließlich Konsolenscreenshots und Codebeispielen:

1. Bildschirmleser-Optimierung: Wir führen einen Hintergrundprozess aus, der die Komponenten der Website von oben nach unten analysiert, um die laufende Konformität auch bei Website-Updates zu gewährleisten. In diesem Prozess stellen wir Bildschirmlesern mithilfe des ARIA-Attributsatzes bedeutungsvolle Informationen bereit. Zum Beispiel bieten wir genaue Formularbeschriftungen; Beschreibungen für interaktive Symbole (Social-Media-Icons, Suchsymbole, Warenkorbsymbole etc.); Validierungshinweise für Formulareingaben; Rollenbezeichnungen für Elemente wie Buttons, Menüs, Modaldialoge (Pop-ups) und mehr. Der Hintergrundprozess scannt außerdem alle Bilder der Website und liefert eine genaue, sinnvolle objektbasierte Bildbeschreibung als ALT-Tag (Alternativtext) für nicht beschriebene Bilder. Texte, die in Bildern eingebettet sind, werden mittels OCR-Technologie (optische Zeichenerkennung) extrahiert. Um die Bildschirmleser-Anpassungen jederzeit zu aktivieren, genügt die Tastenkombination Alt+1. Nutzer von Bildschirmlesern erhalten beim Besuch der Website automatisch eine Aufforderung, den Modus zu aktivieren.

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

2. Optimierung der Tastaturnavigation: Der Hintergrundprozess passt auch den HTML-Code der Website an und ergänzt verschiedene Funktionen mittels JavaScript, um die Website vollständig per Tastatur bedienbar zu machen. Dazu gehört die Navigation mit Tab und Shift+Tab, das Öffnen von Dropdowns mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit Enter, sowie das Navigieren zwischen Radio- und Checkbox-Elementen mit den Pfeiltasten und deren Auswahl mit der Leertaste oder Enter. Zusätzlich finden Tastaturnutzer Schnellnavigations- und Inhaltsüberspring-Menüs, die jederzeit über Alt+1 aufrufbar sind oder sich als erste Elemente beim Navigieren per Tastatur befinden. Auch bei ausgelösten Popups wird der Tastaturfokus direkt darauf gelenkt, sodass dieser nicht außerhalb des Popups verloren geht.

   Nutzer können zudem Shortcuts wie “M” (Menüs), “H” (Überschriften), “F” (Formulare), “B” (Buttons) und “G” (Grafiken) verwenden, um gezielt zu bestimmten Elementen zu springen.

Unterstützte Behinderungsprofile auf unserer Website

• Epilepsiesicherer Modus: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende Animationen oder riskante Farbkombinationen ausgeschlossen wird.
• Modus für Sehbehinderte: Dieser Modus passt die Website für Nutzer mit Sehbehinderungen wie nachlassendem Sehvermögen, Tunnelblick, Katarakt, Glaukom und anderen an.
• Modus für kognitive Einschränkungen: Dieser Modus stellt unterstützende Optionen bereit, um Menschen mit kognitiven Beeinträchtigungen wie Legasthenie, Autismus, CVA und anderen das Fokussieren auf wesentliche Elemente der Website zu erleichtern.
• ADHS-freundlicher Modus: Dieser Modus hilft Nutzern mit ADHS und neurodivergenten Störungen, die Inhalte besser zu erfassen und sich durch reduzierte Ablenkungen besser zu konzentrieren.
• Modus für Blinde: Dieser Modus macht die Website mit Bildschirmlesern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel. Ein Bildschirmleser ist eine Software für blinde Nutzer, die auf Computer und Smartphone installiert wird – Websites müssen dafür entsprechend vorbereitet sein.
• Tastaturnavigationsprofil (Motorisch eingeschränkt): Dieses Profil erlaubt motorisch eingeschränkten Personen die Bedienung der Website über die Tasten Tab, Shift+Tab und Enter. Auch hier stehen die Shortcuts “M” (Menüs), “H” (Überschriften), “F” (Formulare), “B” (Buttons) und “G” (Grafiken) zur Verfügung.

Weitere Anpassungen von Benutzeroberfläche, Design und Lesbarkeit

1. Schriftanpassung – Nutzer können die Schriftgröße erhöhen oder verringern, die Schriftart ändern, Zeilenhöhe, Ausrichtung und Abstände anpassen und vieles mehr.
2. Farbkontraste – Nutzer können verschiedene Kontrastprofile wie hell, dunkel, invertiert und monochrom wählen. Darüber hinaus können Farben von Überschriften, Texten und Hintergründen individuell angepasst werden – mit über sieben verschiedenen Farbschemata.
3. Animationen – Menschen mit Epilepsie können alle laufenden Animationen mit einem Klick deaktivieren. Dazu gehören Videos, GIFs und blinkende CSS-Übergänge.
4. Hervorhebungen – Nutzer können wichtige Elemente wie Links und Überschriften hervorheben. Es ist auch möglich, nur fokussierte oder überfahrene (hovered) Elemente zu betonen.
5. Ton stummschalten – Nutzer mit Hörgeräten können durch automatisch abgespielten Ton beeinträchtigt werden. Diese Funktion ermöglicht das sofortige Stummschalten der gesamten Website.
6. Kognitive Unterstützung – Wir integrieren eine Suchmaschine, die mit Wikipedia und Wiktionary verbunden ist. Dadurch können Menschen mit kognitiven Einschränkungen Begriffe, Abkürzungen, Slang etc. leicht nachschlagen.
7. Weitere Funktionen – Nutzer können die Cursorfarbe und -größe ändern, einen Druckmodus verwenden, eine virtuelle Tastatur aktivieren und viele weitere Funktionen nutzen.

Kompatibilität mit Browsern und unterstützenden Technologien

Wir sind bestrebt, die größtmögliche Bandbreite an Browsern und unterstützenden Technologien zu unterstützen, damit unsere Nutzer mit möglichst wenigen Einschränkungen die besten Werkzeuge wählen können. Daher haben wir intensiv daran gearbeitet, alle gängigen Systeme zu unterstützen, die zusammen über 95 % Marktanteil abdecken – darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge sowie die Bildschirmleser JAWS und NVDA.

Anmerkungen, Kommentare und Rückmeldungen

Trotz größter Anstrengungen, die Website vollständig anpassbar zu gestalten, kann es vorkommen, dass einzelne Seiten oder Bereiche noch nicht vollständig barrierefrei sind, sich noch im Anpassungsprozess befinden oder derzeit keine geeignete technische Lösung besteht. Wir verbessern kontinuierlich unsere Barrierefreiheit, erweitern, aktualisieren und verbessern Optionen und Funktionen und entwickeln neue Technologien. All dies zielt darauf ab, ein optimales Maß an Barrierefreiheit im Einklang mit dem technischen Fortschritt zu erreichen. Für Unterstützung wenden Sie sich bitte an kontakt@huber-naturstein.com