Skip to content

WCAG Audit

Lisa van Mansom edited this page Oct 16, 2023 · 5 revisions

Lighthouse Audit

Onderdelen Lighthouse Audit:

  • Screenshot van de score;
  • Documentatie van de problemen en de goede uitkomsten van de test;
  • Beschrijfing van elk onderdeel;
  • Beschrijf van de problemen met een oplossing in code.

Screenshot Zalando Lighthouse-test

De uitslag van de test is "!" Zalando heeft een totaal van 4 errors.

Scherm­afbeelding 2023-10-16 om 12 06 40

Documentatie van de errors & oplossingen en de goede uitkomsten van de test

Error 1: Attributes do not match their roles

Elke ARIA role wordt ondersteund door een specifieke ARIA-attribute. Als die verkeerd worden samengevoegd zorgt dat ervoor dat de Aria-attributes ongeldig worden.

Error 2: Buttons do not have an accessible name

Wanneer een button geen toegankelijke naam heeft, wordt het door de screenreader voorgelezen als "button", waardoor de button onbruikbaar wordt voor gebruikers die afhankelijk zijn van screenreaders.

Error 3: Background and foreground colors have a sufficient contrast ratio

Tekst met laag contrast is voor veel gebruikers moeilijk of onmogelijk om te lezen.

Error 4: Heading elements are not in a sequentially-descending order

Headings die niet niveaus (h1, h2, h3, etc) overslaan geven meer semantiek en structuur van de pagina. Hierdoor wordt het gemakkelijker om te navigeren en het begrijpen van de behulpzame/ondersteunende technologieën.

Goede uitkomst van de test

Scherm­afbeelding 2023-10-16 om 12 42 31 Scherm­afbeelding 2023-10-16 om 12 42 41
Clone this wiki locally