Omslag van 'Webtechniek voor niet-techneuten'

16. Losse tools

Er zijn zeer veel tools online te vinden om je site te testen. Veel tools zijn gratis en uitstekend. ScreamingFrog bespreken we in het volgende hoofdstuk.

16.1 Toegankelijkheid toetsen met toetsenbord

De makkelijkste en goedkoopste toets op toegankelijkheid is kijken of alles op je site bereikbaar en bruikbaar is met het toetsenbord. Kun je met de tab-toets, de pijltjes-toetsen en de spatiebalk alles bereiken en alles gebruiken?

Testen

  • Focus zichtbaar: zie je bij het tabben door de site? Gebruik hiervoor Firefox, want bijvoorbeeld Chrome voegt hier zelf een randje aan toe.
  • Logische tabvolgorde: ga je op een logische manier door een formulier of een menu?
  • Alles bereikbaar: kun je alles bereiken met het toetsenbord? Ook de bedieningsknoppen van een video of een carrousel?
  • Geen toetsenbordval: blijf je niet hangen op een bepaalde link, bijvoorbeeld dat je wel een video in kunt komen maar er nooit meer uit?

Instellen toetsenbordtoegankelijkheid op een Mac

Op een Apple-computer moet je de browser aanpassen om te kunnen testen.

  • Firefox:
    • Systeemvoorkeuren (van de Mac) ▸ Toetsenbord ▸ Toetscombinaties
    • Check radiobutton onderaan Alle regelaars.
  • Chrome:
    • Voorkeuren ▸ Instellingen ▸ Webinhoud
    • Vink aan Als u op een webpagina op Tab drukt worden links en velden in een formulier gemarkeerd.
  • Safari:
    • Voorkeuren ▸ Geavanceerd ▸ Tabtoets markeert elk onderdeel op de webpagina
Credits: met dank aan het artikel Tools om te testen op toegankelijkheid en kwaliteit van Iacobien Riezebosch).

16.2 Google Search Console

Deze tool van Google, Google Search Console, mag niet ontbreken in je vaste analyse van je site

Onderwerpen die er bijvoorbeeld in staan zijn:

  • Gestructureerde gegevens
  • HTML-verbeteringen, zoals dubbele titels en niet-indexeerbare content
  • Analyse van de vindbaarheid van je site in Google, zoals het aantal vertoningen van je site in de zoekresultaten van Google.
  • Links naar je site
  • Mobiele bruikbaarheid: is jouw site goed responsive?
  • Indexereren van jouw site door Google
  • Crawlen door Google
  • Testen van robots.txt
  • Beveiligingsproblemen

16.3 Colour Contrast Analyser

Colour Contrast Analyser van de Paciello Group is een klein programmaatje voor het testen van het contrast. Het werkt onder Windows en op de Mac.

Het programma spreekt waarschijnlijk voor zich. Voor de analyse van het kleurcontrast kies je de kleur van de voorgrond en de kleur van de achtergrond. Dat gaat als volgt:

  1. Open het programma.
  2. Klik op pipetje bij Foreground.
  3. Ga met het pipetje naar de voorgrondkleur. In het voorbeeld hieronder is dat wit.
  4. Ga met het pipetje bij Background naar de achtergrondkleur. In ons voorbeeld is dat lichtgroen.
  5. In het tabblad Luminosity zie je het contrastratio (in ons voorbeeld 2.0:1) en in hoeverre het voldoet aan de levels AA en AAA van WCAG voor gewone en grote tekst.
Kleurcontrast meten met Colour Contrast Analyser

16.4 Testen op kleurenblindheid

Er zijn online verschillende tools. Een handige tool is Colorblind Web Page Filter.

De meest voorkomende vorm van kleurenblindheid is rood-groen-kleurenblindheid (protanopia en deuteranopia). Vaak denken mensen dat enkel de combinatie van rood en groen slecht zichtbaar is voor hen, maar het zijn ook andere kleurcombinaties - zoals oranje met groen - die problemen geven. Een keer jouw site testen op kleurenblindheid is dus best verstandig!

Hieronder zie je 2 afbeeldingen. De eerste is zoals mensen deze zien die niet kleurenblind zijn. De afbeelding daaronder is te zien hoe iemand met rood-groen-kleurenblindheid het ziet. Je ziet dat vooral oranje en groen slecht van elkaar te onderscheiden zijn.

Kaart met rode, oranje en groene aanduidingen, normale weergave
Simulatie met rood-groen-kleurenblindheid.
Vooral oranje en groen zijn moeilijk van elkaar te onderscheiden.

16.5 Testen op snelheid van je site

De snelheid kun je ook nog testen met de Yslow-extensie van Firefox/Chrome.

16.6 Tools om taal te controleren

Wij geloven niet zo in online tools om je taal te toetsen. Tja waarom? Omdat goed taalgebruik op het web begint met relevantie voor de lezer. En dat kun je niet toetsen. Een tekst moet taakgericht zijn, gericht op de taak die de bezoeker met de webpagina heeft. Ook dat kun je niet toetsen. Leesbare zinnen, dat kun je een beetje toetsen maar niet goed. Woordgebruik dat aansluit bij de woorden die jouw bezoekers gebruiken? Kun je niet geautomatiseerd toetsen.

Wij geloven meer in de professionaliteit van een webredacteur. De professional die weet hoe je een goede webtekst maakt.

top

Feedback

Contact

Vul dit in als je wil dat we contact met je opnemen.