Wave en Lighthouse, WCAG 2.2 toegankelijkheid

WAVE van WebAIM en Lighthouse in Chrome gebruiken we om op verschillende, maar aanvullende manieren de toegankelijkheid van een website te controleren. WAVE is een gespecialiseerde en visuele inspectietool, terwijl Lighthouse een bredere, score-gebaseerde audit uitvoert.

WAVE is een tool die gespecialiseerd is in het visueel maken van toegankelijkheidsproblemen, direct op de webpagina zelf. Na het activeren van de extensie injecteert het iconen en kaders in je pagina.

Het signaleert:

  • HTML-fouten, WAVE plaatst rode iconen en gele iconen (waarschuwingen) naast de elementen waar het probleem zich voordoet. Je ziet bijvoorbeeld meteen welke afbeelding geen alt-tekst heeft.
  • Contrastfouten: Het identificeert tekst met onvoldoende kleurcontrast en geeft dit duidelijk aan.
  • Problemen in de paginastructuur. Zo zie je in één oogopslag de hiërarchie van je koppen (H1, H2, etc.) en het gebruik van HTML5-landmarks (zoals <main>, <nav>, <header>). Dit helpt je te controleren of de structuur logisch is voor schermlezers.
  • Onlogische leesvolgorde. Wave toont de volgorde waarin een schermlezer de interactieve elementen van de pagina zou doorlopen.
  • ARIA-implementaties bekijken: Het maakt zichtbaar waar en hoe ARIA-labels (gebruikt voor dynamische content en complexe widgets) zijn toegepast.

Lighthouse is een geautomatiseerde audit-tool die is ingebouwd in de Chrome DevTools (te vinden onder 'Inspecteren'). Het test een pagina op meerdere aspecten, waaronder prestaties, SEO en toegankelijkheid.

Het geeft onder andere:

  • Een toegankelijkheidsscore: Lighthouse geeft je een score van 0 tot 100 die een snelle indicatie geeft van de toegankelijkheid van de pagina. Dit is handig voor een algemene "gezondheidscheck".
  • Een overzicht van concrete problemen die zijn gevonden, zoals knoppen zonder toegankelijke naam of formulieren zonder labels. Lighthouse geeft vaak ook een link naar meer uitleg.
  • Handmatige controles: Een belangrijke sectie die je eraan herinnert welke aspecten niet automatisch getest kunnen worden, zoals de logica van de focusvolgorde en de kwaliteit van de alt-teksten.