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 […]
Categorie: Toegankelijkheid
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 […]
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. Links gebruiken 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 […]
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.
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. Als de relaties tussen de gegevens ook in de code staan dan kan een schermlezer, zoals […]