Webredactie
Wat is een toegankelijke naam?
Zet een schermlezer aan en beweeg naar een knop. Je hoort twee of drie dingen: “Voeg toe aan winkelmand, knop”. Het woord “knop” is de rol. “Voeg toe aan winkelmand” is de toegankelijke naam.
aria-hidden: wat het doet en wanneer je het wel of niet gebruikt
Je controleert een pagina met de WCAG Radar van Proper Access en zet de optie “Verborgen elementen” aan. Er lichten een paar plekken op. Bij elk daarvan staat: aria-hidden.
Alt-tekst schrijven: de keuzehulp voor de juiste alt-tekst bij elke afbeelding
Elke afbeelding op je website heeft een alt-attribuut nodig. Maar wat je daarin schrijft, hangt af van de context. Is de afbeelding decoratief? Dan laat je de alt-tekst leeg (alt=""). Bevat de afbeelding informatie? Dan beschrijf je die informatie.
Waarom correcte HTML-lijsten hét verschil maken in toegankelijkheid
Wie wel eens een toegankelijkheidsaudit heeft gezien, weet: de grootste problemen zitten vaak in de kleinste details. Een klassiek voorbeeld? Lijsten in HTML. Wat voor de ogen slechts een rijtje bullets lijkt, kan voor iemand met een schermlezer uitlopen op een mijnenveld van verwarring.
Hoe maak je een citaat in een PDF-document (en waarom dat belangrijk is voor toegankelijkheid)
Als webredacteur werk je dagelijks met teksten, visuals en documenten. Vaak gaat het niet alleen om wat je schrijft, maar ook om hoe je het aanbiedt. Want een document dat er op het eerste gezicht goed uitziet, kan voor iemand die een schermlezer gebruikt juist verwarrend zijn. Een goed voorbeeld hiervan is een citaat in een PDF: hoe zorg je dat dit ook écht als citaat wordt herkend?
Video transcript: goed resultaat met een gratis tool
Verder op deze pagina staat een video die in een toegankelijkheidsaudit zou worden afgekeurd. In deze video komt informatie in beeld die niet toegankelijk is voor mensen die de video niet kunnen zien. Probeer het zelf te begrijpen:
Hoe herken je niet-getagde tekst in een PDF
PDF’s zijn een van de meest voorkomende struikelblokken bij digitale toegankelijkheid. Een PDF kan er perfect uitzien terwijl een schermlezer er niets mee kan. De oorzaak is vaak niet-getagde tekst: tekst die visueel gewoon op de pagina staat, maar technisch niet is opgenomen in de tagstructuur van het document.
Checklist toegankelijke content
Inleiding Een praktische handleiding voor het maken van digitaal toegankelijke Word-documenten. Of je nu rapporten, beleidsdocumenten of facturen maakt: met deze stappen zorg je ervoor dat iedereen je content kan lezen, ook mensen die een schermlezer gebruiken. Koppen Structuur met echte kopstijlen Koppen zijn het belangrijkste structurele onderdeel van een document. Gebruikers van schermlezers navigeren via koppen: ze springen van kop naar kop om snel te vinden wat ze nodig hebben. Daarom is het cruciaal om echte koppen te gebruiken, niet alleen grote, vette tekst. Fout: alleen vet + groot Bezoekadres Alinea (P) Keizersgracht 123, Amsterdam Postadres Alinea (P) Postbus 456, 1000 AB Amsterdam Contact Alinea (P) [email protected] | 020-123 4567 Schermlezer: "Bezoekadres" = gewone tekst, geen kop Goed: echte kopstijlen Bezoekadres Kop 2 (H2) Keizersgracht 123, Amsterdam Postadres Kop 2 (H2) Postbus 456, 1000 AB Amsterdam Contact Kop 2 (H2) [email protected] | 020-123 4567 Schermlezer: "Kop niveau 2: Bezoekadres" Waar moet een kop aan voldoen? Betekenisvol: Koppen moeten de inhoud eronder goed beschrijven. “Contact” en “Bezoekadres” zijn duidelijk. “Sectie 1” en “Sectie 2” zeggen niets. Kort: Schermlezers lezen een lijst van koppen snel op. Houd ze bondig. Overzichtelijk: Als je alleen de koppen leest, moet je al een goed idee hebben waar het document over gaat. Geen niveaus overslaan: Begin altijd met kopniveau 1 (H1) en sla geen niveaus over. Ga niet van H1 direct naar H3. Koppen maken in Word Ga naar het tabblad Start en zoek de sectie Stijlen. Kies het gewenste kopniveau: Kop 1, Kop 2, enzovoort. Je kunt bestaande tekst selecteren en daarna de kopstijl toepassen. Houd Ctrl ingedrukt om meerdere tekstdelen tegelijk te selecteren. Kopstijl aanpassen Vind je het uiterlijk van een kop niet mooi? Dat is geen reden om geen echte koppen te gebruiken. Je kunt de weergave aanpassen: Klik met de rechtermuisknop op de kopstijl in de sectie Stijlen. Kies Wijzigen. Pas lettertype, grootte, kleur en andere opties aan. Klik op OK: alle koppen van dat niveau worden automatisch bijgewerkt. Belangrijk: gebruik geen aangepaste stijl om een kop te maken, ook niet als je bij de optie “stijl gebaseerd op kop” kiest. Schermlezers herkennen aangepaste stijlen niet als koppen. Inhoudsopgave Een voordeel van echte koppen is dat je er automatisch een inhoudsopgave mee kunt maken. Ga naar het tabblad Verwijzingen en selecteer een stijl. Gebruikers kunnen nu direct naar specifieke secties springen.
Tools om contrast te checken
De TPGi Color Contrast Checker is een gratis tool om te controleren of de kleuren op je website genoeg contrast hebben volgens de WCAG-richtlijnen.