Niek Derksen naar home van niekderksen.nl
Over digitale toegankelijkheid
Artikelen die je verder helpen met digitale toegankelijkheid. Zonder jargon, zonder gedoe. Gewoon duidelijke uitleg die werkt.
WAI-ARIA (Web Accessibility Initiative – Accessible Rich Internet Applications), of ARIA, is een specificatie van de W3C. Het beschrijft een set attributen (rollen, toestanden en eigenschappen) die je aan HTML kunt toevoegen om webcontent toegankelijker te maken. Hulptechnologie zoals een schermlezer gebruikt deze attributen om te begrijpen wat een element is en doet. Denk daarbij […]
Lichtgrijze tekst op een witte achtergrond. Het oogt misschien strak, maar als het contrast te laag is wordt lezen voor veel mensen lastig of zelfs onmogelijk. Denk aan iemand met verminderd zicht, kleurenblindheid of gewoon felle zon op het scherm. In dit artikel leg ik uit wat kleurcontrast is, welke eisen de WCAG stelt en […]
Formulieren op een website spelen een belangrijke rol: ze zorgen dat je kunt inloggen, bestellen, contact opnemen of solliciteren. Maar voor veel mensen zijn formulieren nog een frustrerende ervaring. Labels ontbreken, foutmeldingen zijn onduidelijk en het is niet altijd duidelijk wat je moet invullen. Dit artikel laat je zien hoe het anders kan. Duidelijke en […]
Wil je weten of een PDF toegankelijk is? Dan is het Matterhorn Protocol jouw beste vriend. Dit testmodel controleert of PDF’s voldoen aan de regels van PDF/UA. Wat zit er in het Matterhorn Protocol? Het protocol bevat 31 checkpoints met 136 punten. Deze punten dekken alle technische eisen van PDF/UA-1 af. Zo werkt het testen: […]
Stel je voor: iemand bezoekt jouw website met een schermlezer en hoort alleen maar “Knop, link, afbeelding, link”. Ze hebben geen idee wat deze elementen doen of waar ze voor dienen. Best frustrerend, toch? Elk element dat betekenis heeft, of waar gebruikers mee kunnen interacteren, heeft een toegankelijke naam nodig. Zo kan een schermlezer duidelijk […]
Als je een website gebruikt zonder dat je het scherm kunt zien. Hoe weet je dan: Als je alleen visuele opmaak gebruikt (zoals vetgedrukte tekst of grotere lettertypen) zonder semantische HTML, dan mist een gebruiker van een schermlezer deze structuur. Wat is WCAG 1.3.1 eigenlijk? Succescriterium 1.3.1 Info en relaties is een van de belangrijke […]
Het WCAG-niveau en de status in een toegankelijkheidsverklaring lijken op elkaar, maar betekenen toch echt iets heel anders. Het verschil zit in de focus: In dit artikel leg ik het verschil verder uit. WCAG-niveau De richtlijnen voor toegankelijkheid van webcontent (WCAG) zijn internationale richtlijnen van het World Wide Web Consortium (W3C). Deze helpen je om websites en andere […]
Een duidelijke linktekst helpt bezoekers te begrijpen waar ze naartoe gaan als ze klikken. Dit is extra belangrijk voor mensen die een schermlezer gebruiken en mensen die een cognitieve beperking hebben. Links hebben verschillende functies: Linkteksten vallen onder succescriterium 2.4.4 Linkdoel (in context) van de richtlijnen voor toegankelijkheid van webcontent. Linktekst schrijven Zorg dat de […]
Informatie delen via een PDF is tegenwoordig (nog) heel gewoon. Maar wat als die PDF’s niet toegankelijk zijn voor iedereen? Bijvoorbeeld mensen die een schermlezer gebruiken, zoals voorleessoftware of een brailleleesregel. In dit artikel lees je hoe je PDF’s toegankelijk maakt voor iedereen. Met Adobe Acrobat Pro DC kun je zelf toegankelijkheidsproblemen oplossen. Dit programma is […]
Schermlezers vertalen je website naar gesproken tekst of braille. Maar om dat goed te doen, hebben ze informatie nodig: Wat is dit element? Hoe heet het? En wat is de huidige toestand? Zonder die informatie weet een gebruiker niet: Dit is precies waarom naam, rol, waarde zo belangrijk is. Het is de taal waarmee hulptechnologieën […]
WCAG 2.2 is recommendation! Deze nieuwe versie is gepubliceerd op 5 oktober 2023. WCAG 2.2 bouwt verder aan het verbeteren van de richtlijnen voor toegankelijkheid van webcontent voor 3 belangrijke groepen: In de update van WCAG 2.0 naar WCAG 2.1 werden al eens 17 nieuwe succescriteria toegevoegd. De WCAG 2.2 breidt de WCAG 2.1 uit […]
Het W3C heeft een update doorgevoerd aan WCAG 2.1. Deze update is gepubliceerd op 21 september 2023. De wijzigingen zijn per direct van kracht. De belangrijkste verandering is het (grotendeels) vervallen van succescriterium 4.1.1 Parsen. Dit succescriterium mag nu altijd als voldoende worden beoordeeld voor alle content dat gebruik maakt van HTML of XML. Verder […]
Eerder schreef ik een artikel over toegankelijke filmpjes en geluidsfragmenten. In dit artikel leg ik uit hoe je de YouTube-mediaspeler toegankelijker kunt instellen. Insluitcode Met een insluitcode (ook wel embed-code) kun je filmpjes van YouTube op een webpagina plaatsen. Deze code ziet er ongeveer zo uit: In het src-attribuut van het <iframe>-element staat de URL […]
Koppen maken een tekst overzichtelijk. Ze zien er vaak wat anders uit dan gewone tekst: ze hebben grotere letters en zijn vetgedrukt. Dit is vooral handig als je het kan zien. Maar software moet de structuur ook kunnen begrijpen. Dan kan ook iemand die een schermlezer gebruikt een pagina snel scannen. Koppen hebben verschillende functies: […]
Voorleessoftware kan tekst omzetten in spraak. Het gebruikt hier verschillende stemmen voor. Iedere stem is gemaakt om in een bepaalde taal te spreken. Om te bepalen in welke taal er moet worden gesproken, is voorleessoftware afhankelijk van taal die in de code is vastgelegd. Het vastleggen van de taal in de code heeft meerdere functies: […]
Filmpjes en geluidsfragmenten zijn niet door iedereen goed te gebruiken, bijvoorbeeld als iemand niet (goed) kan horen of zien door een functiebeperking. Zorg daarom altijd voor een toegankelijk alternatief.
Op websites staan vaak blokken met content die op iedere pagina terug komen, zoals een logo, een zoekveld en een navigatie met een lijst van links. Mensen die alleen het toetsenbord gebruiken moeten eerst door deze blokken navigeren voordat ze bij de hoofdcontent van de webpagina komen, en dat op iedere pagina opnieuw. Succescriterium 2.4.1 Blokken […]
Tabellen zijn een goede manier om complexe gegevens overzichtelijk weer te geven. Als ze goed zijn opgemaakt dan zijn tabellen door iedereen goed te gebruiken. Zorg daarom dat de tabellen gebruik maken van de juiste elementen in de code. Structuur en relaties in tabellen vallen onder succescriterium 1.3.1 Info en relaties. Als de relaties tussen […]
Succescriterium 1.1.1 Niet-tekstuele content lijkt erg eenvoudig: Geef alle niet-tekstuele content op een pagina een passend alternatief dat wel uit tekst bestaat. Toch gaat dit in de praktijk vaak mis. In dit artikel staan handvatten voor het toevoegen van een tekstalternatief aan een afbeelding zoals een foto, illustratie of icoon. Hier kan een contentspecialist, webredacteur […]
Voorleessoftware (of screenreader) wordt veel gebruikt door mensen met een visuele beperking. Het programma zet tekst om in spraak. Het geeft een gesproken beschrijving van wat er op het scherm te zien is. Alle onderdelen worden benoemd: koppen, teksten, tabellen, lijsten maar ook bedieningselementen en de tekstalternatieven van niet-tekstuele content. Het gebruik van voorleessoftware kan best […]
In Nederland heeft ongeveer 25% van de bevolking een vorm van functiebeperking. Deze groep bestaat onder andere uit mensen met een auditieve beperking, cognitieve of neurologische beperking, fysieke of motorische beperking, visuele beperking of spraakbeperking. Het is moeilijk om de echte cijfers te bepalen. Veel cijfers zijn een schatting en er is een overlap in […]
Het internetgebruik via mobiele apparaten, zoals smartphones en tablets, is inmiddels groter dan via desktop computers. Daarom werd het noodzakelijk dat er ook richtlijnen komen over de toegankelijkheid van informatie via mobiele apparaten. Deze nieuwe richtlijnen zijn gepubliceerd in een nieuwe versie van de richtlijnen voor toegankelijkheid van webcontent: WCAG 2.1. De nieuwe eisen verbeteren […]