Barrierefreiheit ist eine fortlaufende Aufgabe in Design, Inhalt und Entwicklung. Wesentliche Funktionen sollen per Tastatur, Screenreader, Textvergrößerung und auf verschiedenen Geräten verständlich sein.
Richtlinien für barrierefreie Webinhalte dienen uns als Arbeitsgrundlage. Wir stellen die Website nicht als abgeschlossene Zertifizierung dar, sondern beheben Barrieren fortlaufend.
Wahrnehmen
Klare Hierarchie, Kontrast, Alternativtexte und Hinweise, die nicht nur durch Farbe vermittelt werden.
Bedienen
Erkennbare Steuerelemente, sichtbarer Fokus und Wege, die per Tastatur funktionieren.
Verstehen
Direkte Sprache, geordnete Anweisungen und Meldungen, die den nächsten Schritt erklären.
Wie wir die Oberfläche bauen
Semantische Strukturen erhalten die Bedeutung von Überschriften, Listen, Formularen und Navigation unabhängig vom visuellen Design. Bedienelemente haben zugängliche Namen und wichtige Änderungen werden sichtbar mitgeteilt.
Inhalte sollen vergrößerbar sein und Touch-Ziele ausreichend Platz haben. Rezepte bieten eine vereinfachte Druckansicht für Zutaten und Schritte.
- Navigation und Formulare per Tastatur bedienbar.
- Sichtbarer Fokus auf Links, Schaltflächen und Feldern.
- Erkennbare Seitensprache und Überschriftenhierarchie.
- Einstellung für reduzierte Bewegung berücksichtigt.
- Anpassung an Smartphone, Tablet und Desktop.
JavaScript und interaktive Werkzeuge
Rezepte, Zutaten, Artikel und Hauptnavigation bleiben ohne JavaScript lesbar. Einige persönliche Werkzeuge — gespeicherte Rezepte, Einkauf, Vorrat und Planer — benötigen JavaScript, da sie im Browser arbeiten.
Diese Daten werden lokal gespeichert. Ist lokaler Speicher blockiert, bleiben die Seiten lesbar, Änderungen können aber nicht zwischen Besuchen erhalten werden.
- Schaltflächen vermitteln ihren Zustand durch Text und zugängliche Attribute.
- Speichermeldungen werden ohne Seitenwechsel angekündigt.
- Der Kochmodus bietet große Schritte und eine sequenzielle Bedienung.
- Die Druckansicht entfernt unnötige Navigation und Bilder.
Grenzen und Hilfe
Eine wachsende Website kann unentdeckte Barrieren enthalten, besonders bei bestimmten Kombinationen aus Browser, Hilfstechnik oder Übersetzung. Probleme, die eine Aufgabe verhindern, haben Vorrang.
Nenne bei einer Meldung Seite, Gerät, Browser, Hilfstechnik und den genauen Schritt. Sensible Angaben sind nicht nötig.
- Wähle „Technisches Problem“ im Kontaktformular.
- Hinweise zu Lesbarkeit, Übersetzung oder Navigation sind willkommen.
- Korrekturen folgen demselben redaktionellen Ablauf wie andere Inhalte.