Over digitale toegankelijkheid
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 valt onder het principe “Robuust” en stelt: Voor alle componenten […]
Lees verder over Naam, rol, waarde: de taal van hulptechnologieën
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 […]
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 […]
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 […]
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
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. Links gebruiken 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 […]
Om de content van een website te controleren gebruik ik aangepaste CSS-stijlen. Deze stijlen gebruik ik samen met de browserextensie Stylus (download voor Firefox of Chrome). Hiermee kun je de stijlen gemakkelijk aan- en uitzetten.
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 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 […]
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.
Lees verder over Toegankelijke filmpjes en geluidsfragmenten
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. Als de relaties tussen de gegevens ook in de code staan dan kan een schermlezer, zoals […]
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 […]
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 […]
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 […]