Voor deze test is geen schermlezer nodig. Zet de opmaak uit en lees wat er staat.
Plak dit in de console van de browser. Alle stijlen gaan uit en de pagina komt in de volgorde van de code te staan:
document.querySelectorAll('style, link[rel=stylesheet]')
.forEach(function (el) { el.disabled = true; });Waar je op let:
- Lees van boven naar beneden. Klopt de volgorde met wat je gewend bent?
- Staan koppen boven de tekst waar ze bij horen?
- Komt bij een kaart eerst de naam en dan de prijs, of andersom?
- Staat een bijschrift onder de juiste afbeelding?
- Komt het menu vóór de inhoud, en de voettekst erna?
De tweede test is het venster versmallen tot 320 pixels. Alles komt dan onder elkaar te staan, in de volgorde van de code. Springt er iets naar een onverwachte plek, dan is de fout gevonden — en meteen ook een afwijking op 1.4.10.
Ververs de pagina om de stijlen terug te krijgen.