Test zelf je website op toegankelijkheid

screenshot HTML-Codesniffer tool op ns.nl
Screenshot HTML_Codesniffer tool op de website van de NS

Voor het testen op toegankelijkheid zijn er veel tools beschikbaar, waarvan de meeste gratis en online zijn te gebruiken. Hieronder licht ik er een aantal uit voor developers, designers en redacteuren.
Veel tools zijn in meerdere vormen beschikbaar: als online test via het invoeren van een webadres, als browser add-on of als API.

De richtlijnen

Veel testrapporten verwijzen naar de richtlijnen waar niet aan wordt voldaan.
Een overzicht van alle richtlijnen (WCAG 2.0) staat op https://www.w3.org/TR/WCAG20/.

De richtlijnen kun je ook sorteren per functie/rol, bijvoorbeeld design of content op https://vigetlabs.github.io/interactive-wcag/#responsibility=&level=aa

Testtools

Algemeen:

Screenshot Axe-inspector op de Rabobank website
Screenshot aXe Accessibility-inspector op de Rabobank website

Browsers addons/toolbars:

  • aXe DevTools: accessibility auditing via developer tools (Firefox / Chrome)
  • Web Developer Toolbar: o.a. valideren HTML, disable CSS, view document outline  (Chrome/Firefox/Opera)
  • WAVE toolbar: o.a. paginastructuur, tabellen, formulieren, text-only, contrast. Laat de gevonden issues ook in de pagina zelf zien.
  • Headingsmap: geeft een document outline met al de (missende) heading levels. (Firefox / Chrome)

Geautomatiseerd testen (developers):

Kleurcontrast:

Begrijpelijke tekst:

Leesniveau tool: geeft op basis van een ingevoerde tekst een indicatie van het niveau van de leesbaarheid

Meer info over teksttools:
http://www.kennisbank-begrijpelijketaal.nl/begripsvoorspelling/ned_tools

SEO:

Screaming Frog: handig voor bijvoorbeeld het checken van missende titels, missende alt-teksten, 404’s.

PDF’s:

Handleidingen voor het toegankelijk maken van documenten:

Screenshot van de Buienradar door de Itunes App kleurenblindsimulator.
Screenshot van de Buienradar door de Itunes App kleurenblindsimulator.

Video:

Screenreaders (gratis):

Veelgebruikte screenreader/browser combinaties zijn te vinden in de WebAIM screenreader survey.

Tips voor meer tools: http://www.w3.org/WAI/ER/tools/

Bijgewerkt op 23/02/2018

Meer weten?

Heb je zelf nog een vraag? Of wil je graag hulp bij het opstellen van een verklaring, het uitvoeren van een onderzoek of het toegankelijk maken van de website? Neem dan contact met me op.