Ein vollständiger Barrierefreiheits-Test braucht Fachleute. Die häufigsten Probleme findest du aber in einer Viertelstunde selbst. Diese Checks orientieren sich an den Web Content Accessibility Guidelines (WCAG).
1. Nur mit der Tastatur
Lege die Maus weg und gehe mit der Tab-Taste durch die Seite. Kommst du an jeden Link, jeden Button und jedes Formularfeld? Siehst du immer, wo du gerade bist? Die WCAG verlangen einen sichtbaren Tastaturfokus.
2. Kontrast
Normaler Text braucht ein Kontrastverhältnis von mindestens 4,5:1 zum Hintergrund, großer Text mindestens 3:1. Hellgraue Schrift auf weißem Grund fällt oft durch. Freie Kontrast-Rechner im Netz zeigen dir den Wert, wenn du die beiden Farben eingibst.
3. Zoom auf 200 Prozent
Vergrößere die Seite im Browser auf 200 Prozent (Strg bzw. Cmd und +). Bleibt alles lesbar und bedienbar, ohne dass Inhalte überlappen oder abgeschnitten werden?
4. Alternativtexte
Inhaltliche Bilder brauchen einen Alternativtext, der beschreibt, was das Bild zeigt oder bewirkt. Reine Schmuckbilder bekommen einen leeren Alternativtext, damit Screenreader sie überspringen.
5. Überschriften und Formulare
- Jede Seite hat eine klare Hauptüberschrift, darunter folgen Zwischenüberschriften in logischer Reihenfolge.
- Jedes Formularfeld hat eine sichtbare Beschriftung, nicht nur einen grauen Platzhaltertext.
- Fehlermeldungen sagen klar, was falsch ist und wie es richtig geht.
Automatische Hilfe
In Chrome findest du unter den Entwicklertools (F12) den Bereich Lighthouse; dort prüft die Kategorie Bedienungshilfen die Barrierefreiheit. Sie findet nicht alles, ist aber ein guter Startpunkt.
Alle Anforderungen im Überblick findest du in unserer BFSG-Checkliste für Unternehmen.
