Barrierefreiheits-Fehler erklärt

Verständliche Erklärungen und Code-Lösungen für die häufigsten WCAG-2.2-Fehler aus axe, Lighthouse und anderen Prüfwerkzeugen.

• Text hat zu wenig Kontrast WCAG 1.4.3
• Bilder ohne Alternativtext WCAG 1.1.1
• Links ohne erkennbaren Namen WCAG 2.4.4, 4.1.2
• Schaltflächen ohne erkennbaren Namen WCAG 4.1.2
• Formularfelder ohne Beschriftung WCAG 4.1.2
• Auswahllisten ohne Beschriftung WCAG 4.1.2
• Seitensprache fehlt WCAG 3.1.1
• Ungültiger Sprachcode WCAG 3.1.1
• Seite ohne Titel WCAG 2.4.2
• Verschachtelte Bedienelemente WCAG 4.1.2
• Klickflächen zu klein WCAG 2.5.8
• SVG-Grafiken ohne Textalternative WCAG 1.1.1
• Elemente mit role="img" ohne Textalternative WCAG 1.1.1
• ARIA-Bedienelemente ohne Namen WCAG 4.1.2
• Versteckte Inhalte sind fokussierbar WCAG 4.1.2
• Ungültige ARIA-Werte WCAG 4.1.2
• Unzulässige ARIA-Attribute WCAG 4.1.2
• Pflicht-ARIA-Attribute fehlen WCAG 4.1.2
• Listen falsch aufgebaut WCAG 1.3.1
• Listeneinträge außerhalb einer Liste WCAG 1.3.1
• Eingebettete Frames ohne Titel WCAG 4.1.2
• Zoomen ist deaktiviert WCAG 1.4.4
• Links im Fließtext nur an der Farbe erkennbar WCAG 1.4.1
• Ungültige autocomplete-Werte WCAG 1.3.5
• Scrollbereiche per Tastatur nicht erreichbar WCAG 2.1.1, 2.1.3
• Bild-Buttons ohne Alternativtext WCAG 1.1.1, 4.1.2
• Doppelte IDs bei Labels oder ARIA WCAG 4.1.2
• Seite lädt automatisch neu oder leitet um WCAG 2.2.1