Le BFSG et les WCAG, expliqués
Des explications en langage clair des exigences BFSG / WCAG 2.1 AA les plus courantes — avec des conseils de correction et la référence juridique. Pour un rapport sur votre propre site, analysez-le gratuitement.
- CritiqueBildern fehlt ein AlternativtextInformative Bilder brauchen einen Alternativtext (alt), damit Screenreader-Nutzende den Inhalt erfassen. Fehlt er, geht die Information für blinde Menschen verloren.
- CritiqueFormularfeld ohne BeschriftungJedes Eingabefeld braucht eine programmatisch verknüpfte Beschriftung (label). Sonst wissen Screenreader-Nutzende nicht, was einzutragen ist.
- CritiqueSchaltfläche ohne BezeichnungButtons brauchen einen zugänglichen Namen, damit klar ist, welche Aktion sie auslösen. Icon-Buttons ohne Text sind sonst nicht bedienbar.
- CritiqueARIA-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.
- CritiqueUngültiger ARIA-AttributwertARIA-Attribute verweisen teils auf IDs oder erlauben nur bestimmte Werte. Ungültige Werte brechen die Zugänglichkeit.
- CritiqueBild-Button ohne AlternativtextEin <input type="image"> ist eine Schaltfläche und braucht ein alt-Attribut, das die Aktion beschreibt.
- CritiqueZoom ist deaktiviertDas Sperren des Zooms (user-scalable=no oder maximum-scale=1) verhindert das Vergrößern von Text — kritisch für sehbeeinträchtigte Menschen.
- CritiqueAuswahlfeld ohne BeschriftungEin <select> braucht eine zugängliche Beschriftung, damit klar ist, was ausgewählt wird.
- SérieuxZu 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.
- SérieuxLink ohne erkennbaren LinktextLinks müssen einen unterscheidbaren, sinnvollen Text haben. Leere Links oder reine Icon-Links ohne Text sind für Screenreader unbrauchbar.
- SérieuxSeite ohne TitelJede Seite braucht einen aussagekräftigen <title>. Er ist das Erste, was ein Screenreader vorliest, und dient der Orientierung zwischen Tabs.
- SérieuxSprache der Seite nicht angegebenDas <html>-Element braucht ein lang-Attribut, damit Screenreader die richtige Aussprache wählen.
- SérieuxUngültige SprachangabeDas lang-Attribut muss einen gültigen Sprachcode enthalten (z. B. "de", nicht "deutsch").
- SérieuxLinks 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.
- SérieuxFalsch strukturierte ListeListen müssen mit <ul>/<ol> und <li> ausgezeichnet sein, damit die Struktur an assistive Technik weitergegeben wird.
- SérieuxListeneintrag ohne Listenkontext<li>-Elemente müssen direkt in einer <ul> oder <ol> liegen, sonst geht der Listenkontext verloren.
- SérieuxiFrame ohne TitelEingebettete Frames (z. B. Karten, Videos) brauchen ein title-Attribut, damit klar ist, was sie enthalten.
- SérieuxKein 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.
Votre site est-il concerné par le BFSG ?
Analyser mon siteInformations générales sur l'accessibilité numérique, et non un conseil juridique (keine Rechtsberatung). Les tests automatisés ne couvrent qu'une partie des critères de succès des WCAG.