Digitale toegankelijkheid checklist

Zorg dat de tekst overeenkomt met het leesniveau van je publiek. Dit betekent niet enkel rekening houden met het taalvermogen maar ook met het feit dat veel mensen afhaken bij gigantische blokken tekst.

• Vermijd ondoordringbare tekst door korte en actieve zinnen te gebruiken.
• Vermijd ingewikkeld taalgebruik. De essentie moet begrijpbaar zijn zonder kennis van kernfysica (tenzij
  dat net is waar uw website over gaat, natuurlijk).
• Vermijd oubollig taalgebruik.

Een website mag niet enkel via de muis (of touch) bruikbaar zijn. Het moet mogelijk zijn om op een duidelijke en vlotte manier, via de tab-toets doorheen de site te navigeren en via oa. de Enter-toets, pijltjes, … elementen zoals links en formulieren te bedienen:

• Is elk interactief element bereikbaar?
• Is de volgorde zoals je verwacht? Bijvoorbeeld als je in de navigatie zit, kan je die items in een logische
  volgorde doorlopen, inclusief de submenu’s?
• Werkt dit ook op kleinere schermen? Kan je bijvoorbeeld tot aan het mobiel menu geraken en dit
  openen via de Enter-toets?
• Kan je formulieren verzenden door op Enter te klikken wanneer je focus op de verzendknop staat?

Zorg er dan ook voor dat de actieve elementen een focus-stijl hebben, zodat de bezoeker kan zien wat actief staat.

Pop-ups moeten gemakkelijk gesloten kunnen worden via het toetsenbord. Liefst zien we geen pop-ups die automatisch tevoorschijn komen, maar komen die enkel tevoorschijn als je gebruiker ergens op klikt. De alomtegenwoordige cookie-pop-up is een uitzondering, omdat deze nodig is voor de functionaliteit van vele websites (er zijn wettelijke verplichtingen rond het gebruik van cookies).

Links moeten duidelijk te onderscheiden zijn. Zorg dus voor een kleur die contrasteert met de omliggende tekst en achtergrond.

Voor tekstlinks is onderlijnen een gekend patroon. Daar doe je weinig mee verkeerd omdat dit goed ingeburgerd is. Je moet wel aandacht besteden aan stijlen die verward kunnen worden met gewone tekst. Bijvoorbeeld door een link een felle achtergrondkleur geven kan het lijken op een highlighted tekst, of door een link enkel in het vet zetten kan het doen lijken op bold tekst.

Maak duidelijk aan je gebruiker waar hij bezig is in het formulier:

• Gebruik focus-stijlen om duidelijk te maken welk veld de bezoeker aan het invullen is.
• Als een veld verplicht is of een fout heeft, maak duidelijk om welk veld het gaat en hoe je dit kan oplossen.

Help de gebruiker om door de formulieren te geraken:

• Laat formulieren toe om autofill te gebruiken en sta toe om tekst te plakken in velden (bijvoorbeeld wachtwoorden).
• Als je sessies gebruikt (bijvoorbeeld online banking), toon dan ook duidelijk aan de gebruiker hoeveel tijd er over is en maak het gemakkelijk om de sessie te verlengen (minimum 20 seconden en via een eenvoudige actie).

Let op met lichtflitsen, deze kunnen epileptische aanvallen veroorzaken. Vermijd dus flitsen die langer duren dan 3 seconden of beperk dit tot een zeer klein gebied.

Voor bewegende, scrollende of knipperende elementen, wordt aangeraden om niet langer dan 5 seconden te animeren en controls te voorzien waarmee de gebruiker deze uit kan zetten.

Autoplay van audio of video wordt afgeraden. In gevallen waar dit niet vermeden kan worden, wordt hier ook aangeraden om controls te voorzien waarmee de gebruiker ze uit kan zetten.

Het spreekt ondertussen bijna voor zich, maar zorg dat een ontwerp de informatie duidelijk kan overbrengen op verschillende schermgroottes maar vooral op kleine schermen en devices. Zorg er ook voor dat de nodige functionaliteiten ook op die kleinere formaten werken. Het is niet altijd voldoende om enkel het browservenster kleiner te maken, het is nuttig om de site effectief op een smartphone te testen:

• Kan je nog steeds inzoomen?
• Werkt de touch-functionaliteit met de navigatie?
• Kan je scrollen doorheen de pagina?

De smartphone is alomtegenwoordig en een belangrijk onderdeel van hulpmiddelen bij bijvoorbeeld blinden of mensen met een motorische handicap dus laat dit zeker niet liggen.