Test zelf je website op toegankelijkheid

screenshot axe-results op rabobank homepage
Screenshot van de aXe web inspector resultaten op de Rabobank homepage

Wil je een indruk krijgen van de toegankelijkheid van je eigen website? Hiervoor 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, API of als mobiele app.
Ook zijn er gratis screenreaders waarmee je kunt testen hoe je website wordt voorgelezen voor bijvoorbeeld blinde gebruikers.

De testrapporten verwijzen naar de richtlijnen waar niet aan wordt voldaan. Een overzicht van alle richtlijnen (WCAG 2.1) en bijbehorende (technische) documentatie staat op https://www.w3.org/TR/WCAG21/.

Tools voor developers

Browsers addons/toolbars

  • aXe DevTools: accessibility auditing via de web inspector (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

Testen met mobiele apps

Tools voor designers

Kleurcontrast

kleurenblind-simulator op website Rekenkamer
De kleurenblind-simulator boven een kaart op de website van de Rekenkamer

Tools voor redacteuren

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 programma voor bijvoorbeeld het checken van missende titels, missende alt-teksten, 404’s.

Toegankelijkheidscheck resultaten in Acrobat
Toegankelijkheidscheck resultaten van een PDF in Acrobat

PDF’s

Handleidingen voor toegankelijke documenten

Video

Screenreaders

Een screenreader is software die alles wat je op de computer doet voorleest (dus niet alleen de website waar je op kijkt). Dit kan veel inzicht geven in de toegankelijkheid van je website, maar vergt ook wat oefening om het te gebruiken. Daarom staan er links bij naar handleidingen. De onderstaande twee soorten screenreaders zijn gratis te gebruiken.

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

iOS en Android hebben ook screenreaders standaard ingebouwd: VoiceOver en TalkBack.

Nog meer tools

Nog niet gevonden wat je zocht? Tips voor meer tools staan op http://www.w3.org/WAI/ER/tools/

Bijgewerkt op 28/03/2019

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.