BFSG & WCAG verständlich erklärt
Verständliche Erklärungen zu den häufigsten BFSG-/WCAG-2.1-AA-Anforderungen — mit Korrektur-Hinweisen und gesetzlichem Bezug. Für einen Bericht zu Ihrer eigenen Website: kostenlos scannen.
- KritischBildern fehlt ein AlternativtextInformative Bilder brauchen einen Alternativtext (alt), damit Screenreader-Nutzende den Inhalt erfassen. Fehlt er, geht die Information für blinde Menschen verloren.
- KritischFormularfeld ohne BeschriftungJedes Eingabefeld braucht eine programmatisch verknüpfte Beschriftung (label). Sonst wissen Screenreader-Nutzende nicht, was einzutragen ist.
- KritischSchaltfläche ohne BezeichnungButtons brauchen einen zugänglichen Namen, damit klar ist, welche Aktion sie auslösen. Icon-Buttons ohne Text sind sonst nicht bedienbar.
- KritischARIA-Rolle mit fehlenden AttributenBestimmte ARIA-Rollen erfordern zusätzliche Attribute (z. B. ein Slider braucht aria-valuenow). Fehlen sie, ist das Element nicht korrekt bedienbar.
- KritischUngültiger ARIA-AttributwertARIA-Attribute verweisen teils auf IDs oder erlauben nur bestimmte Werte. Ungültige Werte brechen die Zugänglichkeit.
- KritischBild-Button ohne AlternativtextEin <input type="image"> ist eine Schaltfläche und braucht ein alt-Attribut, das die Aktion beschreibt.
- KritischZoom ist deaktiviertDas Sperren des Zooms (user-scalable=no oder maximum-scale=1) verhindert das Vergrößern von Text — kritisch für sehbeeinträchtigte Menschen.
- KritischAuswahlfeld ohne BeschriftungEin <select> braucht eine zugängliche Beschriftung, damit klar ist, was ausgewählt wird.
- SchwerwiegendZu geringer FarbkontrastText muss sich ausreichend vom Hintergrund abheben (mind. 4,5:1, bei großem Text 3:1). Zu schwacher Kontrast ist für sehbeeinträchtigte und ältere Menschen schwer lesbar.
- SchwerwiegendLink ohne erkennbaren LinktextLinks müssen einen unterscheidbaren, sinnvollen Text haben. Leere Links oder reine Icon-Links ohne Text sind für Screenreader unbrauchbar.
- SchwerwiegendSeite ohne TitelJede Seite braucht einen aussagekräftigen <title>. Er ist das Erste, was ein Screenreader vorliest, und dient der Orientierung zwischen Tabs.
- SchwerwiegendSprache der Seite nicht angegebenDas <html>-Element braucht ein lang-Attribut, damit Screenreader die richtige Aussprache wählen.
- SchwerwiegendUngültige SprachangabeDas lang-Attribut muss einen gültigen Sprachcode enthalten (z. B. "de", nicht "deutsch").
- SchwerwiegendLinks nur durch Farbe erkennbarLinks im Fließtext dürfen sich nicht allein durch die Farbe vom übrigen Text unterscheiden — farbenblinde Menschen erkennen sie sonst nicht.
- SchwerwiegendFalsch strukturierte ListeListen müssen mit <ul>/<ol> und <li> ausgezeichnet sein, damit die Struktur an assistive Technik weitergegeben wird.
- SchwerwiegendListeneintrag ohne Listenkontext<li>-Elemente müssen direkt in einer <ul> oder <ol> liegen, sonst geht der Listenkontext verloren.
- SchwerwiegendiFrame ohne TitelEingebettete Frames (z. B. Karten, Videos) brauchen ein title-Attribut, damit klar ist, was sie enthalten.
- SchwerwiegendKein Mechanismus zum ÜberspringenNutzende der Tastatur brauchen eine Möglichkeit, wiederkehrende Blöcke (z. B. die Navigation) zu überspringen — etwa einen Skip-Link oder Landmark-Rollen.
Ist Ihre Website vom BFSG betroffen?
Website scannenAllgemeine Informationen zur digitalen Barrierefreiheit, keine Rechtsberatung. Automatisierte Tests erfassen nur einen Teil der WCAG-Erfolgskriterien.