Niek Derksen naar home van niekderksen.nl
Over digitale toegankelijkheid
Alle succescriteria die relevant zijn voor een vormgever.
Nieuw in WCAG 2.1 Maak je website of app zo dat mensen deze zowel in landschap (liggend) als portret (staand) formaat kunnen bekijken. Niet iedereen kan namelijk hun apparaat draaien. Bijvoorbeeld rolstoelgebruikers met een apparaat in een vaste houder. Zorg daarom dat alle functies beschikbaar blijven, ongeacht de oriëntatie van het apparaat. Er zijn een […]
Gebruik kleur niet als enige manier 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: Mensen met een visuele beperking kunnen informatie die alleen met kleur worden aangegeven niet (of niet goed) onderscheiden. Zorg daarom dat je belangrijke […]
Tekst met te weinig contrast is een probleem voor iedereen, maar vooral mensen die slechtziend of kleurenblind zijn kunnen deze teksten niet goed zien. Gebruik daarom tekst met een contrastverhouding die hoog genoeg is. De contrastverhouding is een maat voor hoe goed 2 kleuren van elkaar te onderscheiden zijn. Het varieert van 1:1 (minimaal) tot […]
Webpagina’s moeten zo worden ontworpen dat gebruikers de tekst tot 200% kunnen vergroten. Belangrijkste eis: alles moet leesbaar en bruikbaar blijven. Dus geen overlappende, afgesneden of verdwenen tekst. Mensen die slechtziend zijn vergroten tekst soms om deze beter te kunnen lezen. Zorg daarom dat je website goed meeschaalt als mensen inzoomen. Uitzonderingen zijn: Hoe pas […]
Nieuw in WCAG 2.1 Webpagina’s moeten zo worden ontworpen dat de content bij een weergavekader van 320px bij 256px weergegeven kan worden zonder dat er iets wegvalt of niet meer werkt en zonder dat scrollen in twee richtingen voorkomt. Mensen die slechtziend zijn vergroten de content soms om deze beter te kunnen lezen. Zorg daarom […]
Nieuw in WCAG 2.1 Niet-tekstuele onderdelen met te weinig contrast zijn een probleem voor iedereen, maar vooral mensen die slechtziend of kleurenblind zijn kunnen deze onderdelen niet (of niet goed) zien. Gebruik daarom voor niet-tekstuele een contrastverhouding die hoog genoeg is. Succescriterium 1.4.11 stelt een minimale eis van 3:1 aan de contrastverhouding. Onder niet-tekstuele bedieningselementen […]
Bewegende of automatisch bijwerkende content kan afleidend zijn. Gebruikers moeten zelf kunnen bepalen of ze deze content willen zien. Dit is belangrijk voor mensen die moeite hebben met concentratie. Zorg daarom voor een pauze-, stop- of verberg-knop bij alle bewegende content die automatisch start, langer dan 5 seconden duurt en tegelijk met andere content wordt […]
Flitsende content kan gevaarlijk zijn. Bij mensen met fotosensitieve epilepsie kan het een aanval veroorzaken. Daarom mag je pagina geen content bevatten die meer dan 3 keer per seconde flitst. Flitsen betekent: de kleur of het patroon wisselt minimaal 4 keer per seconde. Dit geldt voor alle soorten flitsende content zoals filmpjes, animaties en andere […]
Alle bedieningselementen moeten een zichtbare indicator van de toetsenbordfocus hebben. Onder bedieningselementen vallen (onder andere) links, knoppen, formulierelementen en andere bedieningselementen. Mensen die gebruik maken van het toetsenbord kunnen zich oriënteren op een webpagina als gemakkelijk te zien is welk element de toetsenbordfocus heeft. Gebruik daarom een duidelijk zichtbare indicator van de toetsenbordfocus. Vaak wordt […]
Nieuw in WCAG 2.1 Als je een website maakt waar bezoekers speciale bewegingen met de vinger of muis moeten maken om een functie uit te voeren, zorg dan dat ze dezelfde functie ook kunnen gebruiken met een simpele actie zoals een klik, dubbele klik of klik vasthouden. Niet iedereen kan deze complexe gebaren goed uitvoeren. […]
Nieuw in WCAG 2.1 Zorg dat je website niet alleen werkt als gebruikers hun telefoon of tablet bewegen, schudden of kantelen. Sommige bezoekers kunnen hun apparaat niet goed vasthouden of bewegen. Bijvoorbeeld rolstoelgebruikers met een apparaat in een vaste houder. Zorg daarom altijd een alternatieve manier om dezelfde functies te gebruiken. Ook belangrijk: gebruikers moeten […]
Nieuw in WCAG 2.2 Als je een website maakt waar mensen een sleepbeweging met de vinger of muis moeten maken, zorg dan dat ze dezelfde functionaliteit ook kunnen gebruiken met een simpele actie zoals een klik, dubbele klik of klik vasthouden. Een sleepbeweging is een beweging die je maakt met een muis. Hierbij doe je […]
Nieuw in WCAG 2.2 Het klikbare gebied van een bedieningselement, zoals knoppen en links, moeten groot genoeg zijn om gemakkelijk aan te klikken. Mensen met een fysieke of motorische beperking kunnen mogelijk niet goed gebruik maken van een muis door bijvoorbeeld onvrijwillige bewegingen of coördinatieproblemen. Hierdoor bestaat de kans dat per ongeluk een verkeerd bedieningselement […]
Een consistente indeling maakt websites beter te navigeren en te begrijpen. Dit helpt bezoekers 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 […]
Nieuw in WCAG 2.2 Consistente hulp betekent dat je hulpfuncties op dezelfde plek zet op alle pagina’s van je website. Als iemand op één pagina ziet dat de telefoonnummer rechtsonder staat, dan verwacht die dat het op andere pagina’s ook daar staat. Onder hulpfuncties vallen: Als je deze opties aanbiedt op meerdere pagina’s, moeten ze […]
Bij elk invoerveld moet je duidelijk maken wat de gebruiker moet invullen. Dit doe je door een duidelijk en zichtbare label of instructie toe te voegen. Deze moeten zichtbaar zijn voor álle gebruikers. Denk aan een formulier waar je je naam invult: het woord “Naam” boven of naast het veld is het label. Bij complexe […]