Sehen
- Text hebt sich deutlich vom Hintergrund ab, auch hellgrau auf weiß prüfen
- Schrift ist groß genug und lässt sich vergrößern, ohne dass etwas abgeschnitten wird
- Informationen hängen nicht nur an Farbe, etwa bei Pflichtfeldern
- Bilder haben sinnvolle Alternativtexte
- Videos haben Untertitel
Bedienen
- Alles ist mit der Tastatur erreichbar, ohne Maus
- Man sieht, wo man sich gerade befindet, etwa durch einen sichtbaren Rahmen
- Knöpfe und Links sind groß genug für Finger
- Nichts blinkt oder bewegt sich unkontrolliert
- Zeitlimits gibt es nicht oder sie lassen sich verlängern
Verstehen
- Überschriften sind logisch gegliedert
- Linktexte sagen, wohin sie führen, statt „hier klicken“
- Formulare haben Beschriftungen und verständliche Fehlermeldungen
- Die Sprache ist klar, Fachbegriffe werden erklärt
- Die Seitensprache ist im Code angegeben
Kostenlose Hilfsmittel
Browser haben eingebaute Werkzeuge zur Prüfung von Kontrasten und Struktur. Probieren Sie außerdem, Ihre Seite nur mit der Tab-Taste zu bedienen. Das zeigt schnell, wo es hakt.
Die wichtigsten Kriterien im Detail
| Kriterium | Was es bedeutet | Schnelltest |
|---|---|---|
| Kontrast | Text hebt sich deutlich vom Hintergrund ab | Kontrastprüfer im Browser oder online |
| Alternativtexte | Bilder haben eine kurze Beschreibung | Bilder ausschalten: Ist noch alles verständlich? |
| Tastatur | Alles ist ohne Maus bedienbar | Mit der Tab-Taste durch die Seite gehen |
| Fokus sichtbar | Man sieht, wo man sich gerade befindet | Beim Tabben ist ein Rahmen zu sehen |
| Überschriften | Logische Reihenfolge, H1 bis H3 | Mit einer Browser-Erweiterung anzeigen lassen |
| Formulare | Jedes Feld hat eine sichtbare Beschriftung | Fehlermeldungen sind verständlich |
| Zoom | Seite lässt sich auf 200 Prozent vergrößern | Strg und Plus drücken |
| Sprache | Die Sprache der Seite ist hinterlegt | Vorlesefunktion spricht Deutsch |
| Videos | Untertitel vorhanden | Video ohne Ton ansehen |
Anforderungen nach Gesetz
Für Betriebe, die unter das Barrierefreiheitsstärkungsgesetz fallen, gilt als Maßstab die europäische Norm EN 301 549, die sich an den Richtlinien WCAG orientiert. Dazu gehört eine Erklärung zur Barrierefreiheit auf der Website. Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens zwei Millionen Euro Jahresumsatz sind bei Dienstleistungen ausgenommen. Mehr dazu im Artikel Barrierefreie Website: Pflicht für kleine Betriebe?
Beispiele für gute Lösungen
- Ein Knopf „Termin anfragen“ statt eines Symbols ohne Text
- Links mit sprechendem Text wie „Preise ansehen“ statt „hier“
- Ein Kontaktformular mit wenigen Feldern und klaren Fehlermeldungen
- Öffnungszeiten als Text, nicht als Bild
- Ein Hinweis bei Links, die in einem neuen Fenster öffnen
Wie lange die Prüfung dauert
Für eine kleine Website mit fünf bis zehn Seiten schaffen Sie die Schnelltests in etwa einer Stunde. Damit finden Sie die meisten typischen Probleme. Eine vollständige Prüfung nach Norm machen Fachleute mit Hilfsprogrammen und echten Tests mit Vorlesesoftware.
Häufige Fragen
Welche Kriterien muss eine barrierefreie Website erfüllen?
Unter anderem genug Kontrast, Alternativtexte für Bilder, Bedienung per Tastatur, sichtbarer Fokus, logische Überschriften, beschriftete Formularfelder und Zoom bis 200 Prozent.