Toegankelijkheidsproblemen vinden in HTML
Plak HTML om ontbrekende alt-tekst, velden zonder label en andere WCAG-problemen te vinden, met per probleem een oplossing.
- Draait op je apparaat
- Geen registratie
- Werkt offline na een bezoek
Alleen de opmaak wordt gecontroleerd. Stylesheets worden niet weergegeven, dus kleur uit CSS en focusvolgorde worden niet getest. De HTML blijft in dit tabblad.
Zo controleer een pagina op toegankelijkheidsproblemen
- Plak de HTML van de pagina, of laad het voorbeeld.
- Filter de lijst op fouten of waarschuwingen.
- Los elk probleem op bij de regel waar het naar verwijst.
Vragen
Wat wordt gecontroleerd?
Ontbrekende alt-tekst, velden zonder label, lege knoppen en links, vage linkteksten, overgeslagen koppen, tabellen zonder kopcellen, positieve tabindex, zoom geblokkeerd op telefoons, iframes zonder titel, laag contrast in inline stijlen en video's zonder ondertiteling.
Waarom is een schone uitslag geen volledige goedkeuring?
De controle leest alleen de opmaak. Ze kan kleuren uit stylesheets, de focusvolgorde op het scherm of wat een schermlezer voorleest niet zien. Test ook met het toetsenbord en een schermlezer.
Wat betekenen de WCAG-niveaus?
WCAG 2.2 kent drie niveaus. A is het minimum, AA is het niveau waar de meeste toegankelijkheidsnormen en wetten naar verwijzen, en AAA is het strengste. Elk probleem toont het criterium dat het overtreedt.
Wordt mijn HTML ergens naartoe gestuurd?
Nee. Je browser leest de HTML in dit tabblad en er wordt niets naar een server gestuurd.
Beoordelingen
Nog geen beoordelingen. Wees de eerste.