Veelvoorkomende problemen bij websites

Geef uitleg over de manier waarop een bezoeker een webformulier invult. Met duidelijke instructies voorkom je invoerfouten.

Zorg dat mensen die een toetsenbord gebruiken om te navigeren alle functies van je website kunnen bedienen met het toetsenbord. Het gaat om alle interactieve elementen. Denk aan formuliervelden, menu’s, links en knoppen. Bij apps gebruik je een extern toetsenbord.

Volgens de WCAG-eisen mag je nooit alleen kleur gebruiken om informatie over te brengen. Dit is niet toegankelijk voor mensen die kleur of kleurnuances niet kunnen waarnemen. Gebruik naast kleur altijd andere elementen om iets duidelijk te maken.

Screenreaders lezen de inhoud van een website of app voor aan mensen die moeite hebben om dit zelf te lezen. Hulptechnologie kan schakelen tussen verschillende talen, maar kan de taal niet altijd zelf bepalen. Stel de taal in van de inhoud op je webpagina, daarmee zorg je voor een betere ervaring voor je bezoekers.

Iedereen gebruikt zijn computer, tablet of smartphone op hun eigen manier. Veel mensen passen de instellingen van hun apparaat of software aan, zodat de instellingen zijn afgestemd op wat zij fijn vinden. Zorg dat de inhoud op ieder apparaat en met iedere instelling niet wegvalt en dat alles kan worden bediend. Bijvoorbeeld bij ingezoomde of mobiele weergave.

Een interactieve afbeelding is een afbeelding die werkt als een knop of link. Zorg altijd voor een tekstalternatief zodat ook mensen die blind zijn het doel van de link of knop kunnen achterhalen.

Voor slechtzienden en kleurenblinden moet er voldoende contrast zijn tussen tekst, iconen, interactieve elementen en de achtergrond. In WCAG staan de eisen waaraan dit contrast moet voldoen. Houd hier rekening mee bij het kiezen van huisstijlkleuren, het ontwerpen van een website, app of het maken van een Word-template.

De informatie die een afbeelding geeft, moet toegankelijk zijn voor mensen die de afbeelding niet of slecht kunnen zien. Maak deze informatie toegankelijk met een tekstueel alternatief.

Labels zijn de namen of instructies van invoervelden in een formulier. Labels moeten beschrijvend zijn en gekoppeld aan het invoerveld. Als je blind bent en een screenreader gebruikt, weet je door het label welke informatie je per veld moet invullen of aangeven. Vul je een formulier met spraakbediening in? Dan kun je labels uitspreken om elk veld in te vullen.

Gebruik HTML-element op de juiste manier. Hiermee is informatie niet alleen visueel duidelijk, maar is ook de structuur van de inhoud duidelijk voor browsers, zoekmachines en hulptechnologieën.

Zorg voor een duidelijke structuur van de tekst op een pagina of scherm. Bijvoorbeeld door gebruik te maken van koppen. Zo begrijpen bezoekers de inhoud en opbouw en het maakt het navigeren makkelijker.

Schrijf duidelijke linkteksten. Dit helpt je bezoekers om het doel van de link te begrijpen.