Toegankelijkheid valt of staat bij ontwerpkeuzes. In deze categorie staan de richtlijnen over kleurgebruik, focusindicatoren en consistentie.
Gebruik kleur niet als enige visuele middel om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Denk hierbij bijvoorbeeld aan: Dit criterium gaat over mensen die wel zien, maar kleuren niet allemaal op dezelfde manier zien. Mensen die kleurenblind zijn, mensen die […]
Tekst met te weinig contrast is voor iedereen lastig te lezen. Mensen die slechtziend zijn of minder goed contrast zien, kunnen zulke tekst vaak helemaal niet lezen. (Dat geldt ook voor veel ouderen.) Gebruik daarom tekst met een contrastverhouding die hoog genoeg is. De contrastverhouding is een maat voor het verschil in helderheid tussen twee […]
Mensen die slechtziend of kleurenblind zijn, zien onderdelen met weinig contrast slecht of helemaal niet. Denk aan een lichtgrijze rand om een invoerveld of een bleek icoon. Zorg daarom dat bedieningselementen en informatieve afbeeldingen goed te zien zijn tegen de kleuren ernaast. Succescriterium 1.4.11 vraagt een contrastverhouding van minstens 3:1. Het gaat om de visuele […]
Het aanwijsgebied van een bedieningselement moet groot genoeg zijn. Het aanwijsgebied is het deel van het scherm waarop je kunt klikken of tikken, zoals een knop of een link. Mensen die een fysieke of motorische beperking hebben, kunnen kleine bedieningselementen niet altijd precies aanwijzen met een muis of vinger. Bijvoorbeeld door trillende handen, of omdat […]
Een consistente indeling maakt websites beter te navigeren en te begrijpen. Dit helpt gebruikers te begrijpen waar ze bepaalde knoppen of menu’s kunnen vinden. Het helpt hen om snel te vinden wat ze zoeken zonder elke keer de hele pagina te moeten scannen. Dit is vooral fijn voor mensen die maar een klein deel van […]
Als je website hulp aanbiedt op meerdere pagina’s, zet die hulp dan dan steeds op dezelfde plek in de volgorde van de pagina. Staat de link “Contact” op de ene pagina in de header, direct na het logo? Dan moet hij op de andere pagina’s ook daar staan. Onder hulpfuncties vallen: Een link naar een […]