Kategorie 1: Wahrnehmbar (Prüfpunkte 1-8)
Diese Kriterien stellen sicher, dass alle Nutzer die Inhalte Ihrer Website wahrnehmen können.
1. Alternativtexte für Bilder
Alle informativen Bilder haben aussagekräftige Alt-Texte.
Test: Fahren Sie mit der Maus über ein Bild - erscheint ein Tooltip?
Häufiger Fehler: Alt-Texte wie "Bild1.jpg" oder "Logo" sind nicht aussagekräftig.
2. Untertitel für Videos
Videos mit gesprochenen Inhalten haben Untertitel oder ein Transkript.
Häufiger Fehler: Automatisch generierte YouTube-Untertitel sind oft fehlerhaft.
3. Audiodeskription für Videos
Wichtige visuelle Informationen in Videos werden beschrieben.
Tipp: Für die meisten kommunalen Videos (Interviews, Reden) ist keine Audiodeskription nötig.
4. Farbkontrast
Text hat einen Kontrast von mindestens 4,5:1 zum Hintergrund (grosser Text: 3:1).
Häufiger Fehler: Hellgraue Schrift auf weißem Hintergrund, orangefarbene Links.
5. Textgröße skalierbar
Text kann bis 200% vergrößert werden, ohne dass Funktionalität verloren geht.
Test: Druecken Sie Strg/Cmd + Plus mehrmals. Bricht das Layout?
6. Nicht nur Farbe
Informationen werden nicht ausschliesslich durch Farbe vermittelt.
Häufiger Fehler: Rote Pflichtfeld-Markierung ohne zusätzliches Sternchen.
7. Bewegte Inhalte kontrollierbar
Animationen, Slider und Auto-Play-Elemente können pausiert werden.
Tipp: Verzichten Sie auf automatisch rotierende Slider - sie werden ohnehin selten beachtet.
8. Audio-Kontrolle
Automatisch abspielende Audios können gestoppt oder in der Lautstärke angepasst werden.
Best Practice: Vermeiden Sie Auto-Play komplett.
Kategorie 2: Bedienbar (Prüfpunkte 9-16)
Diese Kriterien stellen sicher, dass alle Nutzer die Website navigieren und bedienen können.
9. Vollstaendige Tastaturbedienung
Alle Funktionen sind per Tastatur erreichbar - ohne Maus.
Test: Legen Sie die Maus beiseite. Navigieren Sie mit Tab, Enter und Pfeiltasten.
10. Keine Tastaturfalle
Der Fokus kann von jedem Element weiterbewegt werden.
Häufiger Fehler: Modale Dialoge, aus denen man nicht per Tab herauskommt.
11. Skip-Links
Es gibt einen "Zum Inhalt springen"-Link am Seitenanfang.
Test: Druecken Sie Tab direkt nach dem Laden. Erscheint ein Skip-Link?
12. Aussagekräftige Seitentitel
Jede Seite hat einen eindeutigen, beschreibenden Titel.
Empfehlung: Format "Seiteninhalt | Website-Name"
13. Logische Fokusreihenfolge
Die Tab-Reihenfolge ist logisch und folgt der visuellen Anordnung.
Häufiger Fehler: Positive tabindex-Werte im HTML.
14. Aussagekräftige Link-Texte
Der Zweck eines Links ist aus dem Linktext ersichtlich.
Häufiger Fehler: "Hier klicken", "Mehr", "Weiterlesen" ohne Kontext.
15. Mehrere Navigationswege
Es gibt mehr als einen Weg, Inhalte zu finden (z.B. Menue + Suche + Sitemap).
16. Sichtbarer Fokus-Indikator
Das aktuell fokussierte Element ist deutlich erkennbar.
Häufiger Fehler: CSS-Regel "outline: none" ohne Alternative.
Kategorie 3: Verständlich (Prüfpunkte 17-21)
Diese Kriterien stellen sicher, dass Inhalte und Bedienung für alle verständlich sind.
17. Dokumentsprache definiert
Die Hauptsprache der Seite ist im HTML-Code definiert (lang="de").
Wichtig: Dies steuert, mit welcher Sprachausgabe Screenreader den Text vorlesen.
18. Sprachwechsel gekennzeichnet
Fremdsprachige Textpassagen sind mit dem entsprechenden lang-Attribut versehen.
19. Konsistente Navigation
Die Navigation ist auf allen Seiten an der gleichen Stelle und in der gleichen Reihenfolge.
20. Fehlererkennung bei Formularen
Fehler in Formularen werden klar angezeigt und beschrieben.
Häufiger Fehler: Nur "Es ist ein Fehler aufgetreten" ohne Angabe des Feldes.
21. Beschriftete Formularfelder
Jedes Eingabefeld hat ein zugeordnetes Label.
Test: Klicken Sie auf den Text neben einem Feld. Springt der Cursor ins Feld?
Kategorie 4: Robust + BITV-spezifisch (Prüfpunkte 22-25)
Diese Kriterien umfassen technische Anforderungen und die besonderen deutschen Vorgaben.
22. Valides HTML
Der HTML-Code enthaelt keine groben Syntaxfehler.
Test: Nutzen Sie den W3C Markup Validator (validator.w3.org).
23. Leichte Sprache
Wesentliche Inhalte sind in Leichter Sprache verfügbar.
BITV-Minimum: Startseite, Navigation, wesentliche Inhalte, Zustaendigkeiten.
24. Gebaerdensprache
Auf der Startseite gibt es ein Video in Deutscher Gebaerdensprache (DGS).
Wichtig: Prüfen Sie Ihre Landesverordnung für kommunale Anforderungen.
25. Barrierefreiheitserklärung
Eine vollständige Barrierefreiheitserklärung ist veröffentlicht.
Inhalt: Stand der Konformitaet, nicht barrierefreie Inhalte, Feedback, Durchsetzungsverfahren.
Schnelltest: Die 5 wichtigsten Prüfpunkte
Keine Zeit für alle 25 Punkte? Prüfen Sie zumindest diese fuenf:
- Tastaturbedienung: Können Sie die komplette Navigation mit Tab erreichen?
- Alternativtexte: Haben wichtige Bilder aussagekräftige Beschreibungen?
- Farbkontrast: Ist der Text gut lesbar?
- Fokus-Indikator: Sehen Sie, wo der Tastaturfokus gerade ist?
- Barrierefreiheitserklärung: Ist sie vorhanden und aktuell?
Fazit: Systematisch zur Barrierefreiheit
Diese 25 Prüfpunkte decken die wesentlichen Anforderungen der BITV 2.0 ab. Arbeiten Sie sie systematisch durch - am besten im Vier-Augen-Prinzip.
Wichtig: Automatisierte Tools finden nur etwa 30% der Barrierefreiheits-Probleme. Die manuelle Prüfung mit Tastatur und Screenreader bleibt unverzichtbar.
Beginnen Sie mit den kritischen Bereichen: Startseite, Kontaktseite, die meistbesuchten Seiten. Und denken Sie daran: Barrierefreiheit ist kein Projekt mit Enddatum, sondern ein fortlaufender Prozess.