Barrierefreiheit und Bedienbarkeit

Die Website soll nicht nur eindrucksvoll aussehen, sondern auch lesbar, navigierbar und technisch verständlich bleiben. Diese Seite beschreibt den Anspruch, die aktuellen Prüfbereiche und den Weg für konkrete Rückmeldungen. Sie behauptet keine perfekte Barrierefreiheit, solange reale Geräte und Nutzungssituationen weiterhin Fehler zeigen können.

Unser Maßstab.

Gestaltung darf Orientierung nicht behindern. Kontrast, Typografie, Fokus, Navigation, Formulare und responsive Darstellung werden deshalb als funktionale Bestandteile behandelt, nicht als spätere Korrektur an einer ansonsten fertigen Oberfläche.

Tastaturbedienung.

Interaktive Elemente sollen ohne Maus erreichbar sein. Dazu gehören Hauptnavigation, Links, Formulare, Akkordeons, Warenkorb und wichtige Schaltflächen. Sichtbare Fokuszustände müssen erkennen lassen, welches Element gerade ausgewählt ist.

Kontrast und Typografie.

Textfarben, Hintergründe und Größen werden auf belastbare Lesbarkeit ausgerichtet. Große Serifenschrift darf nicht durch zu geringe Zeilenhöhe, automatische Worttrennung oder abgeschnittene Buchstaben unlesbar werden. Fließtext benötigt ausreichenden Kontrast und eine kontrollierte Zeilenlänge.

Mobile Bedienbarkeit.

Smartphones sind kein verkleinerter Desktop. Inhalte benötigen echte Außenabstände, ausreichend große Bedienflächen und eine klare Reihenfolge. Horizontales Scrollen, verdeckte Schaltflächen und Text unmittelbar am Displayrand gelten als Fehler.

Bewegung und Animation.

Animationen sollen Orientierung unterstützen und nicht vom Inhalt ablenken. Die Systemeinstellung für reduzierte Bewegung wird berücksichtigt, soweit die eingesetzten Theme-Komponenten dies unterstützen. Kritische Informationen dürfen nicht ausschließlich durch Bewegung vermittelt werden.

Bilder und Medien.

Inhaltlich relevante Bilder benötigen eine verständliche Beschreibung. Rein dekorative Bilder sollen von Hilfstechnologien ignoriert werden. Videos dürfen wichtige Informationen nicht nur über Ton oder nur über Bild transportieren, wenn eine zugängliche Alternative erforderlich ist.

Semantische Struktur.

Überschriften, Navigation, Formulare, Listen und Inhaltsbereiche sollen semantische HTML-Strukturen verwenden. Eine visuell große Zeile ist nicht automatisch eine Überschrift. Eine anklickbare Fläche muss technisch als bedienbares Element erkennbar bleiben.

Formulare und Fehlermeldungen.

Felder benötigen klare Bezeichnungen. Pflichtangaben und Fehler müssen verständlich benannt werden. Eine rote Umrandung allein reicht nicht, weil Farbe nicht für alle Menschen dieselbe Information transportiert.

Bekannte Grenzen.

Shopify, eingebundene Zahlungsdienste, Apps, PDF-Dateien und externe Dienste können eigene technische Grenzen besitzen. Wo eine direkte Korrektur nicht möglich ist, soll eine alternative Information oder ein nachvollziehbarer Weg angeboten werden.

Die digitale Codex-Ausgabe liegt als PDF vor. Die praktische Zugänglichkeit hängt auch vom verwendeten Gerät und der PDF-Anwendung ab. Bei Bedarf kann über die Kontaktseite eine konkrete Hürde gemeldet werden.

So meldest du ein Hindernis.

Nenne bitte:

• die betroffene URL oder den konkreten Inhalt,
• Gerät und Betriebssystem,
• Browser oder verwendete Anwendung,
• die verwendete Eingabemethode, beispielsweise Tastatur oder Screenreader,
• den letzten funktionierenden Schritt,
• eine kurze Beschreibung des erwarteten und tatsächlichen Verhaltens.

Übermittle keine Passwörter, Sicherheitscodes oder vollständigen Zahlungsdaten.

Priorisierung von Korrekturen.

Hindernis melden