U bent hier: Home » Usability Update » Toegankelijkheid zelf testen
poppetje met groen vinkje

Toegankelijkheid zelf testen

Jaap van de Putte, 2 use it | 18 november 2010 | laatste aanpassing: 16 nov 2012

In de trainingen icoontje voor externe site bespreken wij verschillende hulpmiddelen, waarmee je de toegankelijkheid van een website kunt testen/onderzoeken.

Wij hebben deze hieronder op een rijtje gezet. We bespreken verschillende add-ons van Firefox, tools voor Internet Explorer en veel andere hulpmiddelen/websites.

Aanpassingen:

  • 6 februari 2012: Firebug toegevoegd
  • 8 maart 2012: WDG HTML Validator toegevoegd
  • 12 juni 2012: Screaming Frog en PDC toegevoegd
  • 16 nov 2012: WAVE toegevoegd

Met dank aan

Dit rijtje met hulpmiddelen is mede tot stand gekomen door alle suggesties die op LinkedIn zijn gegeven in de Webrichtlijnengroep, met name door Simon Besters icoontje voor externe site en Iacobien Riezebosch icoontje voor externe site.

Inhoud pagina:

Add ons Firefox

De browser Firefox icoontje voor externe site heeft veel handige add-ons icoontje voor externe site, die je kunt toevoegen aan Firefox.

Web Developer 

Met deze tool kun je veel testen, zoals of de HTML en CSS valide zijn, functioneren zonder JavaScript, afbeeldingen niet tonen, snel formulieren invullen en tabellen laten zien.

WAVE Toolbar 

WAVE schijnt te staan voor Web Accessibility Evaluation Tool, maar van die woorden kan ik geen WAVE maken ... Het is dus een tool speciaal voor het testen van de toegankelijkheid. Handig is dat je bijvoorbeeld de leesvolgorde hierin kunt zien.

Firebug 

"Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...". Beter kan ik het niet uitleggen ...

WAVE toolbar 

Een tool met allerlei mogelijkheiden, zoals een check op toegankelijkheid, tekstversie van je website en de volgorde van de content. Ook handig voor het beoordelen van formulieren.

HeadingsMap 

Zijn er kopopmaakprofielen gebruikt en in de juiste volgorde?

WCAG Contrast checker 

Voor het testen van contrast tussen tekst en achtergrond. Zie ook bij Colour Contrast Analyser .

Accessibility Evaluation Toolbar 

Verschillende toetsen, onder andere om kleurcontrast te meten

Add ons Internet Explorer

Web Accessibility Toolbar 

Tool om allerlei toegankelijkheids-issues te meten

Toetsen van taal

Accessibility Leesniveau Tool 

Om het Europese taalniveau van een stuk tekst vast te stellen

Links controleren

Xenu Links Sleuth 

Checken van alle links in een site, is een programma dat je moet installeren

Broken Link Check 

Net als Xenu tool voor het checken van alle links in een site, werkt via de browser

HTML en CSS controleren

Screaming Frog 

Bijzonder handige tool voor een uitgebreide check van je site. Checkt onder andere op unieke titels, unieke h1-koppen, alternatieve teksten afbeeldingen, lengte titels en foutmeldingen. Naast de gratis versie is er ook een uitgebreide versie. Daar kun je meer dan 500 pagina's testen en je kunt eigen parameters instellen, bijvoorbeeld zoeken op het gebruik van inline stijlen. Voor webmasters een must.

HTML-validator W3C 

Dé tool om te testen of de HTML-code van een webpagina valide is.

CSS-validator W3C 

Dé tool om te testen of de CSS valide is

WDG HTML Validator 

Handige tool als je in 1 keer een hele site wilt onderzoeken op valide HTML

Contrast tekst en achtergrond meten

Colour Contrast Analyser for Windows and Mac 

Handige tool om contrast van tekst en van tekst in afbeeldingen te testen. Of als WCAG Contrast checker niet goed werkt

Juicy Studio: Luminosity Colour Contrast Ratio Analyser 

Nog een tool om contrast van tekst in afbeeldingen te testen.

Automatische toets Webrichtlijnen

Webrichtlijnen Quickscan 

toetsen van 47 van de 125 Webrichtlijnen

Kleurenblindheid en het web

Vischeck 

Online tool om het effect van kleurenblindheid te simuleren

PDF controleren

PDF Accessibility Checker (PDC) 

Programma om de toegankelijkheid van PDF's te checken. Ik vind de tool wel erg streng controleren ..., maar misschien doe ik ook veel fout in mijn pdf's ...

Flash uitschakelen

In Firefox: zet bij add ons de plug-in Shockwave Flash uit.

Meer weten?

Neem contact met ons op via het contactformulier.

Alle artikelen