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 […]
Categorie: Artikelen
Een toegankelijk dialoogvenster
Wil je een toegankelijk dialoogvenster maken? In dit artikel leg ik uit welke stappen je moet nemen volgens WCAG 2.2. Als ontwikkelaar wil je dialoogvensters maken die iedereen kan gebruiken. Met de juiste aria-attributen en door kleine aanpassingen in de toetsenbordbediening toe te passen, zorg je voor een logisch en toegankelijk dialoogvenster. Wat is een […]
Info en relaties en semantische HTML
Stel je eens voor dat 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 toegankelijke carrousel
Wil je een toegankelijke carrousel maken? In dit artikel leg ik uit hoe je dat doet. Een toegankelijke carrousel zorgt ervoor dat iedereen je content kan bekijken en bedienen. Je hebt hiervoor drie dingen nodig: een goede HTML-structuur, de juiste aria-attributen en een logische bediening voor toetsenbordgebruikers. Wat is een carrousel? Een carrousel is een […]
WCAG-niveau vs status van toegankelijkheidsverklaring
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 […]
Lees verder over WCAG-niveau vs status van toegankelijkheidsverklaring
Toegankelijke links
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 […]
PDF’s toegankelijk maken
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 […]
Naam, rol, waarde: de taal van hulptechnologieën
Stel je eens voor dat je een website gebruikt zonder het scherm te kunnen zien. Hoe weet je dan: Dit is precies waarom 4.1.2 zo belangrijk is. Het zorgt dat schermlezers (en andere hulptechnologieën) deze informatie kunnen presenteren. Wat is WCAG 4.1.2 eigenlijk? Succescriterium 4.1.2 Naam, rol, waarde valt onder het principe “Robuust” en stelt: […]
Lees verder over Naam, rol, waarde: de taal van hulptechnologieën
Nieuw in WCAG 2.2
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 […]
Aanpassingen in WCAG 2.1
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 […]
YouTube-filmpjes toegankelijk insluiten
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 […]
Toegankelijke koppen
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 voor mensen die dit kunnen zien. Maar structuur in de content moet ook door software te begrijpen zijn. Dan kan ook iemand die een schermlezer gebruikt een pagina snel […]
Taal in de code vastleggen
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: […]
Toegankelijke filmpjes en geluidsfragmenten
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.
Lees verder over Toegankelijke filmpjes en geluidsfragmenten
Skiplinks
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 […]
Toegankelijke tabellen
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 […]
Tekstalternatief bij een afbeelding
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 gebruiken
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 […]
Hulpmiddelen bij het toetsen
Er zijn veel hulpmiddelen die kunnen helpen bij het toetsen op digitale toegankelijkheid maar dit soort tools kunnen nooit een volledig beeld geven van de toegankelijkheid. Niet alle succescriteria van de WCAG zijn automatisch te toetsen. Er zijn veel succescriteria die handmatig moeten worden beoordeeld. In dit artikel staan een aantal handige hulpmiddelen. Tools Alle […]
Functiebeperkingen in Nederland
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 […]
Nieuw in WCAG 2.1
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 […]