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.
Op deze pagina hebben de invoervelden, het selectievakje en de keuzelijst onder "E-mail sturen" geen toegankelijke naam. Bezoekers die een schermlezer gebruiken horen alleen "edit text" en weten niet wat ze moeten invullen. Hetzelfde probleem doet zich voor bij de andere secties in dit formulier.
Web — Interactieve elementen hebben geen toegankelijke naam
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.
Op deze pagina staat onder de kop "Uitleg WOZ-waarde en belastingen" een <iframe>-element zonder title-attribuut. Een schermlezer kan daardoor niet aankondigen waar het iframe voor is. Bezoekers weten niet welke inhoud erin staat en kunnen niet bepalen of het zin heeft om erin te gaan. Dat maakt navigeren met hulpsoftware een stuk lastiger.
Web — Iframe heeft geen title-attribuut
Onvoldoende kleurcontrast
Niet iedereen heeft perfecte ogen, denk aan slechtzienden of iedereen die de site in fel zonlicht bekijkt. Met genoeg contrast (4,5:1 voor standaard tekst, 3,0:1 voor grote tekst, randen en iconen) blijven knoppen en links voor iedereen leesbaar.
Op deze pagina staan de witte teksten "Home", "E-mail sturen", "Document uploaden" en andere op een blauwe achtergrond met kleurcode #6E8FC4. De contrastverhouding komt niet aan de minimumeis van 4,5:1. Voor normale tekst geldt een minimum van 4,5:1. Normale tekst is tekst kleiner dan 18pt, of kleiner dan 14pt vetgedrukt. Met te weinig contrast is tekst moeilijk of niet te lezen voor bezoekers met een visuele beperking, bezoekers die kleuren minder goed onderscheiden en iedereen die naar een scherm kijkt in fel licht.
Web — Tekstcontrast is lager dan 4,5:1
Formulierfouten en labels
Een formulier zonder labels is een rijtje vakken zonder context. Een schermlezer kondigt dan alleen "invoerveld" aan — geen idee waar het voor is of wat erin moet.
Op deze pagina staat een formulier met invoervelden voor persoonsgegevens, "Telefoonnummer" en "E-mailadres", zonder autocomplete-attribuut. Bij velden die om persoonsgegevens vragen hoort het bijbehorende autocomplete-attribuut. Browsers en hulpsoftware kunnen die velden dan bijvoorbeeld automatisch invullen.
Web — Autocomplete-attribuut ontbreekt bij invoervelden voor persoonsgegevens