De tien belangrijkste ontwikkeltips voor een toegankelijke website

10 meest voorkomende problemen en de oplossingen

1. Kleurcontrast

   Voor slechtzienden en kleurenblinden moet er voldoende contrast zijn tussen tekst, iconen, interactieve elementen en de achtergrond.  
   Wat betekent “voldoende contrast” en hoe kun je dit testen?

2. Gebruik van kleur

   Volgens de WCAG-eisen mag je nooit alleen kleur gebruiken om informatie over te brengen. Dit is niet toegankelijk voor mensen die kleur of kleurnuances niet kunnen waarnemen. 
   Hoe ga je hiermee om en bereik je toch een goede toegankelijkheid door vormgeving?

3. Alternatieve teksten

   • Alt-tekst

     De informatie die een afbeelding geeft moet toegankelijk zijn voor mensen die de afbeelding niet of slecht kunnen zien. 
     Hoe bied je een tekstueel alternatief bij eenvoudige afbeeldingen?

   • Interactieve afbeeldingen beschrijven

     Een interactieve afbeelding is een afbeelding die werkt als een knop of link. 
     Wat is een goed tekstalternatief voor een interactieve afbeelding?

4. Structuur

   Een manier om structuur te bieden is door bijvoorbeeld gebruik te maken van koppen. 
   Hoe maak je een pagina begrijpelijk en makkelijk navigeerbaar door toegankelijke koppen?

5. Informatie en relaties

   Gebruik HTML-element op de juiste manier. 
   Hoe maak je informatie visueel duidelijk, en zorg je voor structuur door de juiste toepassing van HTML?

6. Linkteksten

   Schrijf duidelijke linkteksten. 
   Hoe help je bezoekers om het doel van een link te begrijpen?

7. Labels en namen

   • Digitaal toegankelijke instructies bij webformulieren

     Geef uitleg over de manier waarop een bezoeker een webformulier invult. 
     Hoe geef je duidelijke instructies en voorkom je invoerfouten?

   • Toegankelijke labels voor invoervelden in een webformulier

     Labels zijn de benamingen of instructies van invoervelden in een formulier. 
     Hoe maak je toegankelijke labels?

8. Taal

   Screenreaders lezen de inhoud van een website voor aan mensen die moeite hebben om dit zelf te lezen. Hulptechnologie kan makkelijk schakelen tussen verschillende talen, maar kan de taal niet zelf bepalen. 
   Hoe stel je de taal van je webpagina in?

9. Toetsenbord

   Zorg dat mensen die een toetsenbord gebruiken om te navigeren alle functies van je website kunnen bedienen met het toetsenbord. 
   Hoe zorg je ervoor dat je een website kunt bedienen met het toetsenbord?

10. Voorkeuren van gebruikers

    Iedereen gebruikt zijn computer, tablet of smartphone op hun eigen manier. Veel mensen passen de instellingen van hun apparaat of software aan, zodat de instellingen zijn afgestemd op wat zij fijn vinden. 
    Hoe houd je rekening met de voorkeuren van gebruikers?

Meer tips en hulpmiddelen voor het bouwen van digitaal toegankelijke websites.

Contact opnemen 

Heb je nog vragen of mis je iets? Laat het ons weten. 

digitoegankelijk-ondersteuning@ictu.nl 
LinkedIn-pagina DigiToegankelijk