Knoppen zonder toegankelijke naam
Voor wie een schermlezer of spraakbediening gebruikt, bestaat een knop pas zodra hij een naam heeft. Zonder naam kondigt de schermlezer alleen "knop" aan — de gebruiker weet niet wat er gebeurt als hij hem activeert.
Het logo bovenaan de website, dat tegelijk een link is, heeft geen tekstalternatief (SC 1.1.1). Het alt-attribuut ontbreekt.
Daardoor heeft deze link geen toegankelijke naam (SC 4.1.2). Schermlezergebruikers kunnen het doel of de bestemming van de link niet vaststellen (SC 2.4.4). Alle links horen een toegankelijke naam te hebben die duidelijk de bestemming beschrijft.
Web — Link heeft geen toegankelijke naam
Info en relaties ontbreken in de code
Informatie en relaties die je visueel ziet — dat een aantal velden bij elkaar horen, dat iets een kop is, dat iets een lijst is — moeten ook in de HTML staan. Anders is de samenhang alleen toegankelijk voor wie het scherm kan zien.
Deze pagina bevat een formulier waarin het label-element met de tekst "Wegzijde" niet expliciet aan het bijbehorende select-element is gekoppeld.
Web — Label niet aan invoerveld gekoppeld (for-id)
Tekst schaalt niet mee
Veel mensen vergroten tekst — via de browser, via systeeminstellingen, of via een loep. Werkt jouw site daar niet aan mee, dan sluit je iedereen uit die geen kleine tekst kan lezen.
Wanneer deze pagina wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 200%, gaat de volgende tekst gedeeltelijk verloren: zie het jaartal in het veld "Datum".
Inzoomen tot 200% mag de leesbaarheid van geen enkel informatief element aantasten.
Web — Content gaat verloren bij 200% zoom
Taal niet gedefinieerd
Een schermlezer moet weten in welke taal hij zit, anders leest hij Nederlandse tekst voor met Engelse uitspraakregels. Het lang-attribuut op het html-element vertelt hem de paginataal.
De hoofdtaal van deze pagina is Nederlands, maar het lang-attribuut staat ten onrechte op "en". Het lang-attribuut op het html-element hoort de hoofdtaal van de pagina nauwkeurig weer te geven. In dit geval moet dat lang="nl" zijn. Schermlezers gebruiken dit attribuut om de juiste uitspraakregels toe te passen. Een onjuist lang-attribuut leidt tot verkeerde uitspraak en maakt de inhoud lastig te begrijpen voor schermlezergebruikers.
Web — Taalcode is niet correct
Niet bedienbaar met toetsenbord
Niet iedereen kan een muis gebruiken. Werkt een knop of dropdown alleen met klikken of slepen, dan is hij onbruikbaar voor toetsenbordgebruikers, schermlezer-gebruikers en spraakbesturing.
Op deze pagina verschijnt een extra sectie wanneer de filters "N-weg" en "Hectometrering" worden toegepast. In deze sectie toont een "i"-icoon onder "Data" extra content bij hover, maar deze functionaliteit is niet beschikbaar voor toetsenbordgebruikers. Tooltips moeten ook bereikbaar zijn voor bezoekers die alleen het toetsenbord gebruiken.
Illustratie ter toelichting