Toegankelijkheidsfouten uitgelegd

Heldere uitleg en codeoplossingen voor de meest voorkomende WCAG 2.2-fouten uit axe, Lighthouse en andere testtools.

• Tekst met te weinig contrast WCAG 1.4.3
• Afbeeldingen zonder alternatieve tekst WCAG 1.1.1
• Links zonder leesbare naam WCAG 2.4.4, 4.1.2
• Knoppen zonder leesbare naam WCAG 4.1.2
• Formuliervelden zonder label WCAG 4.1.2
• Keuzelijsten zonder label WCAG 4.1.2
• Paginataal ontbreekt WCAG 3.1.1
• Ongeldige taalcode WCAG 3.1.1
• Pagina zonder titel WCAG 2.4.2
• Geneste interactieve elementen WCAG 4.1.2
• Klikgebieden te klein WCAG 2.5.8
• SVG-afbeeldingen zonder tekstalternatief WCAG 1.1.1
• Elementen met role="img" zonder tekstalternatief WCAG 1.1.1
• ARIA-bedieningselementen zonder naam WCAG 4.1.2
• Verborgen inhoud krijgt focus WCAG 4.1.2
• Ongeldige ARIA-waarden WCAG 4.1.2
• Niet-toegestane ARIA-attributen WCAG 4.1.2
• Verplichte ARIA-attributen ontbreken WCAG 4.1.2
• Lijsten verkeerd opgebouwd WCAG 1.3.1
• Lijstitems buiten een lijst WCAG 1.3.1
• Ingesloten frames zonder titel WCAG 4.1.2
• Zoomen is uitgeschakeld WCAG 1.4.4
• Links alleen herkenbaar aan kleur WCAG 1.4.1
• Ongeldige autocomplete-waarden WCAG 1.3.5
• Scrollgebieden niet bereikbaar met toetsenbord WCAG 2.1.1, 2.1.3
• Afbeeldingsknoppen zonder alternatieve tekst WCAG 1.1.1, 4.1.2
• Dubbele ID’s gebruikt door labels of ARIA WCAG 4.1.2
• Pagina ververst of stuurt automatisch door WCAG 2.2.1