Je website toegankelijk maken voor iedereen: waar begin je als het gaat om digitale toegankelijkheid? Hier staan tips voor het testen en verbeteren van je product. En je vindt een lijst met veelvoorkomende problemen waar je als websitebouwer of softwareontwikkelaar mee te maken krijgt.
Er zijn verschillende hulpmiddelen om digitale toegankelijkheid te testen en te verbeteren. In dit artikel vind je een overzicht van deze websites en programma’s.
Lees verder over "Testen en verbeteren van digitale toegankelijkheid van je website"Om sneller, effectiever en onderbouwd te ontwerpen en bouwen, kun je gebruik maken van het NL Design System.
Lees verder over "NL Design System: samenwerken aan toegankelijke online dienstverlening"Als ontwikkelaar ben jij degene die een toegankelijk ontwerp op de juiste manier omzet naar een toegankelijke website of app. Goed opgebouwde code is daarbij heel belangrijk. Die zorgt ervoor dat informatie voor iedereen waarneembaar en bruikbaar is. Lees de eisen waar je aan moet voldoen vanuit WCAG of volg een training digitale toegankelijkheid voor ontwikkelaars. Zo weet je waar je rekening mee moet houden.
Lees verder over "Digitaal toegankelijke websites of apps bouwen"Geef uitleg over de manier waarop een bezoeker een webformulier invult. Met duidelijke instructies voorkom je invoerfouten.
Lees verder over "Digitaal toegankelijke instructies bij webformulieren"Zorg dat mensen ook zonder gebruik van een muis alle functies van je website kunnen bedienen. Bijvoorbeeld met hulptechnologie of het toetsenbord. Het gaat om alle interactieve elementen. Denk aan formuliervelden, menu’s, links en knoppen. Bij apps gebruik je een extern toetsenbord.
Lees verder over "Website of app bedienen met een toetsenbord"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. Gebruik naast kleur altijd andere elementen om iets duidelijk te maken.
Lees verder over "Kleur gebruiken om informatie over te brengen"Screenreaders lezen de inhoud van een website of app voor aan mensen die moeite hebben om dit zelf te lezen. Hulptechnologie kan schakelen tussen verschillende talen, maar kan de taal niet altijd zelf bepalen. Stel de taal in van de inhoud op je webpagina, daarmee zorg je voor een betere ervaring voor je bezoekers.
Lees verder over "Taal instellen van de inhoud op je webpagina en app"Iedereen gebruikt een 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. Zorg dat de inhoud en functionaliteiten hetzelfde blijven, los van het apparaat of de persoonlijke instelling van de bezoeker. Bijvoorbeeld bij ingezoomde of mobiele weergave.
Lees verder over "Inhoud leesbaar houden bij inzoomen"Een interactieve afbeelding is een afbeelding die werkt als een knop of link. Zorg altijd voor een tekstalternatief, zodat ook mensen die blind zijn het doel van de link of knop kunnen achterhalen.
Lees verder over "Interactieve afbeelding beschrijven"Voor slechtzienden en kleurenblinden moet er voldoende contrast zijn tussen tekst, iconen, interactieve elementen en de achtergrond. In WCAG staan de eisen waaraan dit contrast moet voldoen. Houd hier rekening mee bij het kiezen van huisstijlkleuren, het ontwerpen van een website, app of het maken van een Word-template.
Lees verder over "Kleurcontrast"De informatie die een afbeelding geeft, moet toegankelijk zijn voor mensen die de afbeelding niet of slecht kunnen zien. Maak deze informatie toegankelijk met een tekstueel alternatief.
Lees verder over "Tekstalternatief voor een eenvoudige afbeelding"Labels zijn de namen of instructies van invoervelden in een formulier. Labels moeten beschrijvend zijn en gekoppeld aan het invoerveld. Als je blind bent en een screenreader gebruikt, weet je door het label welke informatie je per veld moet invullen of aangeven. Vul je een formulier met spraakbediening in? Dan kun je labels uitspreken om elk veld in te vullen.
Lees verder over "Toegankelijke labels voor invoervelden in een webformulier"Gebruik HTML-element op de juiste manier. Hiermee is informatie niet alleen visueel duidelijk, maar is ook de structuur van de inhoud duidelijk voor browsers, zoekmachines en hulptechnologieën.
Lees verder over "Gebruik betekenisvolle HTML-elementen"Zorg voor een duidelijke structuur van de tekst op een pagina of scherm. Bijvoorbeeld door gebruik te maken van koppen. Zo begrijpen bezoekers de inhoud en opbouw en het maakt het navigeren makkelijker.
Lees verder over "Toegankelijke koppen op een webpagina of in een app of document"Schrijf duidelijke linkteksten. Dit helpt je bezoekers om het doel van de link te begrijpen.
Lees verder over "Toegankelijke linkteksten"Fijn dat je het antwoord op je vraag hebt kunnen vinden. Heb je een idee over hoe we onze kennisbank kunnen verbeteren?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.
Waar was je naar op zoek?
Wij gebruiken jouw e-mailadres om je vraag te beantwoorden, waarna het vernietigd wordt. Jouw informatie wordt niet met derden gedeeld. Wij beantwoorden je verzoek zo snel mogelijk. Lees ook onze privacyverklaring.