Barrierefreiheitserklärung
steffisweb.de
22. Oktober 202520.10.2025

Konformitätsstatus

Wir sind fest davon überzeugt, dass das Internet für jeden Menschen zugänglich und nutzbar sein sollte. Daher engagieren wir uns dafür, eine Website bereitzustellen, die für möglichst viele Menschen unabhängig von ihren individuellen Fähigkeiten oder Umständen zugänglich ist.

Um dieses Ziel zu erreichen, orientieren wir uns so weit wie möglich an den Richtlinien für barrierefreie Webinhalte (Web Content Accessibility Guidelines, WCAG 2.1) des World Wide Web Consortiums (W3C) auf Konformitätsstufe AA. Diese Richtlinien beschreiben, wie Webinhalte gestaltet werden können, damit sie für Menschen mit unterschiedlichsten Beeinträchtigungen zugänglich sind – etwa für blinde Menschen, Personen mit motorischen Einschränkungen, Sehbeeinträchtigungen, kognitiven Einschränkungen und viele weitere.

Unsere Website nutzt verschiedene Technologien, um jederzeit ein möglichst barrierefreies Nutzungserlebnis zu gewährleisten. Dazu gehört eine Barrierefreiheits-Schnittstelle, die es Menschen mit spezifischen Einschränkungen ermöglicht, die Benutzeroberfläche (UI) individuell an ihre Bedürfnisse anzupassen.

Zusätzlich verwendet die Website eine KI-basierte Anwendung, die im Hintergrund läuft und den Barrierefreiheitsgrad kontinuierlich optimiert. Diese Anwendung verbessert den HTML-Code der Website, passt Funktionen und das Verhalten für Screenreader (für blinde Nutzerinnen und Nutzer) sowie für Tastaturbedienung (für motorisch eingeschränkte Personen) an.

Wenn Sie auf ein Problem stoßen oder Vorschläge zur Verbesserung haben, freuen wir uns über Ihre Rückmeldung. Bitte wenden Sie sich an: steffi@steffisweb.de

Screenreader und Tastaturnavigation

Unsere Website implementiert ARIA-Attribute (Accessible Rich Internet Applications) sowie verschiedene weitere Verhaltensanpassungen, um sicherzustellen, dass blinde Nutzerinnen und Nutzer mit Screenreadern alle Funktionen der Website lesen, verstehen und bedienen können.

Sobald eine Person mit Screenreader unsere Seite betritt, wird sie aufgefordert, das Screenreader-Profil zu aktivieren, um die Website optimal bedienen zu können.

Screenreader-Optimierung

Ein Hintergrundprozess analysiert regelmäßig alle Bestandteile der Website, um die Barrierefreiheit auch bei zukünftigen Updates sicherzustellen. Dabei werden Screenreadern über ARIA-Attribute wichtige Informationen bereitgestellt – z. B. präzise Beschriftungen von Formularfeldern, Beschreibungen für interaktive Symbole (Social Media, Suche, Warenkorb usw.), Hinweise zu Eingabevalidierungen sowie die korrekte Zuordnung von Elementrollen wie Schaltflächen, Menüs oder Pop-ups.

Darüber hinaus erkennt das System automatisch alle Bilder, generiert aussagekräftige Alternativtexte (ALT-Tags) mithilfe von Objekterkennung und liest eingebettete Texte mittels OCR-Technologie (optische Zeichenerkennung) aus.

Screenreader-Anpassungen können jederzeit über die Tastenkombination Alt + 1 aktiviert werden. Kompatibel mit gängigen Screenreadern wie JAWS und NVDA.

Tastaturnavigation

Auch die Bedienung per Tastatur wird durch automatische Anpassungen unterstützt. So kann die Website mit Tab und Shift + Tab navigiert, mit den Pfeiltasten durch Dropdown-Menüs geblättert, mit Esc geschlossen und mit Enter oder Leertaste bedient werden.

Zudem stehen Schnellzugriffe zur Verfügung, z. B.:

  • M = Menüs

  • H = Überschriften

  • F = Formulare

  • B = Schaltflächen

  • G = Grafiken

Pop-ups erhalten automatisch den Tastaturfokus, sodass dieser nicht außerhalb des aktiven Fensters verloren gehen kann.

Unterstützte Barrierefreiheits-Profile

Unsere Website bietet verschiedene Profile, um die Nutzung für unterschiedliche Bedürfnisse zu optimieren:

  • Epilepsie-sicherer Modus – entfernt blinkende oder flackernde Animationen sowie kontrastreiche Farbverläufe.

  • Modus für Sehbehinderte – optimiert Darstellung für Personen mit eingeschränktem Sehvermögen (z. B. grauer Star, Tunnelblick, Glaukom).

  • Modus für kognitive Einschränkungen – unterstützt z. B. bei Dyslexie, Autismus oder nach Schlaganfällen (CVA), um sich besser auf wesentliche Inhalte zu konzentrieren.

  • ADHS-freundlicher Modus – reduziert Ablenkungen und hilft, den Fokus auf die Hauptinhalte zu richten.

  • Blindheitsmodus – konfiguriert die Website vollständig für Screenreader wie JAWS, NVDA, VoiceOver und TalkBack.

  • Tastaturnavigationsmodus (motorische Einschränkungen) – ermöglicht die Bedienung ausschließlich per Tastatur.

Weitere Anpassungen von Design und Lesbarkeit

  • Schriftanpassungen: Änderung von Schriftgröße, Schriftart, Zeilenabstand, Ausrichtung und mehr.

  • Farbprofile: Auswahl verschiedener Kontraste (hell, dunkel, invertiert, monochrom) sowie individuelle Farbgestaltung von Überschriften, Texten und Hintergründen.

  • Animationen: Möglichkeit, alle Animationen, Videos, GIFs oder Übergänge zu stoppen.

  • Inhaltshervorhebungen: Wichtige Elemente wie Links und Überschriften können markiert werden.

  • Audio-Stummschaltung: Automatisch abgespielte Töne können sofort deaktiviert werden.

  • Kognitive Unterstützung: Eine integrierte Suchfunktion verlinkt zu Wikipedia und Wiktionary, um Begriffe und Abkürzungen zu erklären.

  • Weitere Optionen: Anpassbare Cursorgröße und -farbe, Druckmodus, virtuelle Tastatur u. v. m.

Kompatibilität mit Browsern und Hilfstechnologien

Wir unterstützen die gängigsten Browser und Hilfsmittel, um ein optimales Nutzungserlebnis zu ermöglichen. Dazu zählen:
Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, JAWS und NVDA.

Hinweise, Kommentare und Feedback

Trotz größter Sorgfalt kann es vorkommen, dass einzelne Seiten oder Inhalte noch nicht vollständig barrierefrei sind oder derzeit technisch überarbeitet werden. Wir arbeiten kontinuierlich daran, unsere Website zu verbessern und neue Lösungen zu integrieren, um ein Höchstmaß an Barrierefreiheit zu erreichen.

Für Fragen, Anregungen oder Unterstützung kontaktieren Sie uns bitte unter:
steffi@steffisweb.de