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 […]
Tag: Vormgever
Alle richtlijnen die relevant zijn voor een vormgever.
Gebruik van kleur
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 […]
Contrast (minimum)
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 […]
Herschalen van tekst
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 […]
Reflow
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 […]
Contrast van niet-tekstuele content
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 […]
Pauzeren, stoppen, verbergen
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 […]
Drie flitsen of beneden drempelwaarde
Content dat meer dan 3 keer flitst in 1 seconde kan een epileptische aanval veroorzaken bij mensen die daar gevoelig voor zijn. Gebruik daarom geen flitsende onderdelen. Hoe pas je dit toe? Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
Koppen en labels
Duidelijke koppen en labels zijn essentieel voor een toegankelijke website. Ze helpen gebruikers begrijpen hoe informatie is georganiseerd. Dit succescriterium heeft niks te maken met de technische opmaak van koppen of labels (dat valt onder een ander criterium). Het gaat puur om de inhoud van de koppen en labels. Hoe pas je dit toe? Koppen […]
Focus zichtbaar
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 […]
Aanwijzergebaren
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. […]
Bewegingsactivering
Nieuw in WCAG 2.1 Zorg dat je website niet alleen werkt als gebruikers hun telefoon of tablet bewegen. 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 de bewegingsactivering kunnen […]
Sleepbewegingen
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 […]
Grootte van het aanwijsgebied (minimum)
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 […]
Consistente navigatie
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 […]
Consistente hulp
Nieuw in WCAG 2.2 Consistente hulp betekent dat je hulpfuncties (zoals contactinfo) 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. Dit criterium gaat over: Als je deze opties aanbiedt op meerdere […]
Labels of instructies
Labels of instructies moeten worden weergegeven bij formuliervelden. Het invullen van formulieren kan moeilijk zijn. Maak het gemakkelijker door precies te beschrijven wat er in een invoerveld moeten ingevuld en of het veld verplicht is. Ook als een invoerveld in een specifiek formaat moet worden ingevuld moet dit worden aangegeven. Bijvoorbeeld een datum in het […]