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. Mensen met een visuele beperking kunnen informatie die alleen met kleur worden aangegeven niet (of niet goed) onderscheiden. Zorg daarom dat je belangrijke informatie op meerdere manieren […]
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. Succescriterium 1.4.3 stelt een aantal minimale eisen aan de contrastverhouding: Kleiner dan 18.5px 18.5px tot 24px Groter dan 24px Tekst 4,5:1 […]
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. Uitzonderingen zijn: Mensen met een visuele beperking willen de tekst soms flink kunnen vergroten om het beter te lezen. Zorg daarom dat je website goed meeschaalt als mensen inzoomen. Hoe pas je dit toe? […]
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 willen de tekst soms (flink) kunnen vergroten om het beter te kunnen […]
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. Hoe pas je dit toe? Koppen Lees meer over toegankelijke koppen Labels Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
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 […]
Grootte van het aanwijsgebied (minimum)
Nieuw in WCAG 2.2 Het klikbare gebied van bedieningselementen moet minimaal 24 bij 24 pixels groot zijn. Uitzonderingen zijn: 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 wordt geactiveerd als 2 […]
Consistente navigatie
Een consistente indeling maakt websites beter te navigeren en te begrijpen. Dit helpt gebruikers om te weten welke elementen ze kunnen verwachten en in welke volgorde. Hoe pas je dit toe? Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
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 […]