Barrierefreiheit

Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden verfügbar und zugänglich sein sollte, und setzen uns dafür ein, eine Website bereitzustellen, die für möglichst viele Menschen unabhängig von ihren Fähigkeiten zugänglich ist. Um dies zu erreichen, streben wir an, die Web Content Accessibility Guidelines 2.1 (WCAG 2.1) des World Wide Web Consortium (W3C) auf AA-Niveau so genau wie möglich einzuhalten. Diese Richtlinien erklären, wie Webinhalte für Menschen mit unterschiedlichsten Behinderungen zugänglich gemacht werden können. Die Einhaltung dieser Richtlinien hilft uns sicherzustellen, dass die Website für blinde Menschen, Menschen mit motorischen Einschränkungen, Sehbehinderungen, kognitiven Behinderungen und mehr zugänglich ist. Diese Website nutzt verschiedene Technologien, um jederzeit möglichst barrierefrei zu sein. Wir verwenden eine Barrierefreiheits-Oberfläche, die es Personen mit bestimmten Behinderungen ermöglicht, die Benutzeroberfläche der Website an ihre Bedürfnisse anzupassen. Zusätzlich verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und das Barrierefreiheitsniveau ständig optimiert. Diese Anwendung überarbeitet das HTML der Website, passt Funktionalität und Verhalten für Screenreader, die von blinden Nutzern verwendet werden, sowie für Tastaturfunktionen, die von Menschen mit motorischen Einschränkungen genutzt werden, an. Wenn Sie den Website-Inhaber kontaktieren möchten, verwenden Sie bitte folgende E-Mail: help@smoothiesskin.com

Screenreader- und Tastaturnavigation

Unsere Website setzt die ARIA-Attribute (Accessible Rich Internet Applications) ein, zusammen mit verschiedenen Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzer mit Screenreadern die Website lesen, verstehen und deren Funktionen nutzen können. Sobald ein Nutzer mit Screenreader Ihre Website betritt, erhält er sofort eine Aufforderung, das Screenreader-Profil zu aktivieren, um die Seite effektiv durchsuchen und bedienen zu können. So erfüllt unsere Website einige der wichtigsten Anforderungen für Screenreader-Nutzer:

• Bildschirmleser-Optimierung: Wir führen einen Prozess durch, der die Komponenten der Website von Grund auf analysiert, um eine fortlaufende Einhaltung auch bei Aktualisierungen der Website sicherzustellen. In diesem Prozess stellen wir Screenreadern mithilfe des ARIA-Attributsatzes relevante Daten zur Verfügung. Beispielsweise liefern wir genaue Formularbeschriftungen, Beschreibungen für bedienbare Icons (Social-Media-Icons, Such-Icons, Warenkorb-Icons usw.), Validierungshinweise für Formulareingaben, Elementrollen wie Buttons, Menüs, modale Dialoge (Pop-ups) und andere. Zusätzlich scannt der Hintergrundprozess alle Bilder der Website. Für Bilder ohne Beschreibung wird eine genaue und sinnvolle, objektbasierte Bildbeschreibung als ALT-Text (Alternativtext) bereitgestellt. Texte, die im Bild eingebettet sind, werden per OCR (Optische Zeichenerkennung) extrahiert. Um Bildschirmleser-Anpassungen jederzeit zu aktivieren, müssen Nutzer nur die Tastenkombination Alt+1 drücken. Screenreader-Nutzer erhalten außerdem automatische Hinweise, um den Bildschirmleser-Modus beim Betreten der Website einzuschalten. Diese Anpassungen sind mit gängigen Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel.
• Optimierung der Tastaturnavigation: Der Hintergrundprozess passt außerdem das HTML der Website an und fügt verschiedene Funktionen mithilfe von JavaScript hinzu, um die Bedienung der Website per Tastatur zu ermöglichen. Dazu gehört die Navigation auf der Website mit den Tab- und Shift+Tab-Tasten, das Bedienen von Dropdown-Menüs mit den Pfeiltasten, das Schließen mit Esc, das Auslösen von Buttons und Links mit der Eingabetaste, das Navigieren zwischen Radio- und Kontrollkästchen mit den Pfeiltasten sowie das Auswählen dieser mit der Leertaste oder Eingabetaste. Zusätzlich finden Tastaturnutzer jederzeit Inhalts-Überspringen-Menüs, indem sie Alt+2 drücken oder als erstes Element der Seite beim Navigieren mit der Tastatur. Der Hintergrundprozess steuert auch ausgelöste Pop-ups, indem der Tastaturfokus sofort auf diese verschoben wird, sobald sie erscheinen, und verhindert, dass der Fokus außerhalb liegt. Nutzer können zudem Shortcuts wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um direkt zu bestimmten Elementen zu springen.

Unterstützte Barrierefreiheitsprofile auf unserer Website

• Epilepsiesicheres Profil: Dieses Profil ermöglicht es Menschen mit Epilepsie, die Website sicher zu nutzen, indem das Risiko von Anfällen durch blinkende oder flackernde Animationen sowie riskante Farbkombinationen ausgeschlossen wird.
• Sehbehinderten-Profil: Dieses Profil passt die Website so an, dass sie für die meisten Sehbehinderungen wie nachlassendes Sehvermögen, Tunnelblick, Katarakt, Glaukom und andere zugänglich ist.
• Profil für kognitive Beeinträchtigungen: Dieses Profil bietet verschiedene unterstützende Funktionen, um Nutzern mit kognitiven Einschränkungen wie Autismus, Legasthenie, Schlaganfall und anderen zu helfen, sich leichter auf die wesentlichen Elemente zu konzentrieren.
• ADHS-freundliches Profil: Dieses Profil reduziert Ablenkungen und Störungen erheblich, um Menschen mit ADHS und neurologischen Entwicklungsstörungen das Surfen, Lesen und den Fokus auf die wichtigsten Elemente zu erleichtern.
• Profil für blinde Nutzer (Screenreader): Dieses Profil passt die Website so an, dass sie mit Screenreadern wie JAWS, NVDA, VoiceOver und TalkBack kompatibel ist. Ein Screenreader ist auf dem Computer des blinden Nutzers installiert, und diese Seite ist damit kompatibel.
• Tastaturnavigationsprofil (für motorisch beeinträchtigte Personen): Dieses Profil ermöglicht es motorisch eingeschränkten Personen, die Website mit den Tasten Tab, Shift+Tab und Enter zu bedienen. Nutzer können zudem Tastenkürzel wie „M“ (Menüs), „H“ (Überschriften), „F“ (Formulare), „B“ (Buttons) und „G“ (Grafiken) verwenden, um direkt zu bestimmten Elementen zu springen.

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

• Schriftanpassungen Benutzer können die Größe anpassen, die Schriftart (Typ) ändern, den Abstand, die Ausrichtung, die Zeilenhöhe und mehr einstellen.
• Farb­anpassungen Benutzer können verschiedene Farbkontrastprofile wie hell, dunkel, invertiert und monochrom auswählen. Zusätzlich können Benutzer Farbschemata von Titeln, Texten und Hintergründen mit über sieben verschiedenen Farboptionen austauschen.
• Animationen Epileptiker können mit einem Klick alle laufenden Animationen stoppen. Von der Oberfläche gesteuerte Animationen umfassen Videos, GIFs und CSS-Blitzeffekte.
• Inhalts-Hervorhebung Nutzer können wählen, wichtige Elemente wie Links und Titel hervorzuheben. Sie können auch auswählen, nur fokussierte oder überfahrene Elemente zu markieren.
• Audio-Stummschaltung Nutzer mit Hörgeräten können aufgrund automatisch abgespielter Audios Kopfschmerzen oder andere Probleme bekommen. Diese Option ermöglicht es Nutzern, die gesamte Website sofort stummzuschalten.
• Kognitive Störungen Wir nutzen eine Suchmaschine, die mit Wikipedia und Wiktionary verknüpft ist, sodass Menschen mit kognitiven Einschränkungen die Bedeutung von Ausdrücken, Abkürzungen, Slang und Ähnlichem entschlüsseln können.
• Zusätzliche Funktionen Wir ermöglichen es Nutzern, die Cursorfarbe und -größe zu ändern, einen Druckmodus zu verwenden, eine virtuelle Tastatur zu aktivieren und viele weitere Funktionen zu nutzen.

Hilfstechnologie und Browserkompatibilität

Wir sind bestrebt, so viele Browser und unterstützende Technologien wie möglich zu unterstützen, damit unsere Nutzer die für sie am besten geeigneten Tools mit möglichst wenigen Einschränkungen auswählen können. Daher haben wir intensiv daran gearbeitet, alle wichtigen Systeme zu unterstützen, die über 95 % des Nutzeranteils ausmachen, darunter Google Chrome, Mozilla Firefox, Apple Safari, Opera und Microsoft Edge, JAWS und NVDA (Screenreader), sowohl für Windows- als auch für MAC-Nutzer.

Notizen, Kommentare und Feedback

Trotz unserer größten Bemühungen, allen Nutzern die Anpassung der Website an ihre Bedürfnisse zu ermöglichen, kann es dennoch Seiten oder Bereiche geben, die nicht vollständig zugänglich sind, sich im Prozess der Barrierefreiheit befinden oder für die noch keine ausreichende technologische Lösung existiert. Dennoch verbessern wir unsere Barrierefreiheit kontinuierlich, fügen Optionen und Funktionen hinzu, aktualisieren und optimieren sie und entwickeln sowie übernehmen neue Technologien. All dies dient dazu, das optimale Maß an Barrierefreiheit entsprechend dem Stand der Technik zu erreichen. Wenn Sie den Website-Betreiber kontaktieren möchten, nutzen Sie bitte folgende E-Mail: help@smoothiesskin.com