Geef alle niet-tekstuele content een passend tekstalternatief. Denk hierbij aan afbeeldingen (zoals foto’s, illustraties en iconen), voortgangsbalken en andere elementen die niet uit tekst bestaan. Uitzonderingen zijn: Mensen met een visuele beperking kunnen deze niet-tekstuele content niet (of niet goed) zien. Daarom is het belangrijk om bij elke niet-tekstuele content een geschreven alternatief te maken. […]
Tag: Redacteur
Alle richtlijnen die relevant zijn voor een redacteur.
Louter-geluid en louter-videobeeld (vooraf opgenomen)
Voor opgenomen geluidsfragmenten en filmpjes zonder geluid moet je een alternatief bieden. Niet iedereen kan deze content (goed) waarnemen. Voor geluidsfragmenten (zoals een podcast) moet je een tekstalternatief toevoegen. Dit kan een transcript zijn van alle gesproken tekst en belangrijke geluiden. Voor filmpjes zonder geluid (denk bijvoorbeeld aan animaties) heb je twee opties: Zo kan […]
Lees verder over Louter-geluid en louter-videobeeld (vooraf opgenomen)
Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Als je een filmpje op je website publiceert, zorg dan ook voor goede ondertitels. Deze zijn belangrijk voor mensen die doof of slechthorend zijn omdat zij geluid van een filmpje niet (of niet goed) horen. Het kan ook handig zijn in lawaaierige omgevingen of voor mensen die de taal niet helemaal verstaan. In ondertitels voor […]
Lees verder over Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Audiodescriptie of media-alternatief (vooraf opgenomen)
Mensen met een visuele beperking kunnen het beeld van een filmpje niet (of niet goed) zien. Daarom is een audiodescriptie zo belangrijk. Een audiodescriptie beschrijft de belangrijke details die wel te zien zijn maar niet af te leiden zijn uit het geluid, zoals een tekst in beeld of een belangrijke handeling die wordt uitgevoerd. Een […]
Lees verder over Audiodescriptie of media-alternatief (vooraf opgenomen)
Ondertitels voor doven en slechthorenden (live)
Let op: live uitgezonden filmpjes vallen binnen de wettelijke uitzonderingen. Als je live video streamt (zoals een webinar of raadsvergadering), zorg dan ook voor goede ondertitels. Deze zijn belangrijk voor mensen die doof of slechthorend zijn, maar het kan ook handig zijn in lawaaierige omgevingen of voor mensen die de taal niet helemaal verstaan. In ondertitels voor […]
Lees verder over Ondertitels voor doven en slechthorenden (live)
Audiodescriptie (vooraf opgenomen)
Mensen met een visuele beperking kunnen het beeld van een filmpje niet (of niet goed) zien. Daarom is een audiodescriptie zo belangrijk. Een audiodescriptie beschrijft de belangrijke details die wel te zien zijn maar niet af te leiden zijn uit het geluid, zoals een tekst in beeld of een belangrijke handeling die wordt uitgevoerd. Hoe […]
Info en relaties
Als je een website maakt, is het belangrijk dat de indeling en opmaak niet alleen voor bezoekers, maar ook voor computers begrijpelijk zijn. Wat je met vormgeving laat zien, moet ook in de code van je website duidelijk zijn. Denk hierbij bijvoorbeeld aan koppen, lijsten, tabellen en andere elementen die betekenis overbrengen. Schermlezers zijn namelijk […]
Betekenisvolle volgorde
Leesvolgorde is volgorde waarin teksten en elementen op een website worden gepresenteerd aan een schermlezer. Als deze volgorde belangrijk is voor het begrijpen van een tekst, zorg dan dat die volgorde ook in de code (de DOM) goed staat. Als de leesvolgorde niet logisch is, dan kan dit verwarrend zijn voor mensen die een schermlezer […]
Zintuiglijke eigenschappen
Mensen met een visuele beperking kunnen instructies die alleen gebaseerd zijn op kleur, vorm, grootte of locatie niet (of niet goed) interpreteren. Mensen met een auditieve beperking kunnen instructies die alleen op geluid gebaseerd zijn niet goed volgen. Gebruik in instructies dus niet alleen: Neem daarom altijd ook minimaal tekst om naar te verwijzen. Dus […]
Identificeer het doel van de input
Nieuw in WCAG 2.1 Zorg dat het doel van invoervelden waarmee informatie van de gebruiker wordt verzameld in de code is vastgelegd. Onder informatie van de gebruiker vallen persoonsgegevens zoals naam, voornaam, achternaam, e-mailadres, telefoonnummer, enz. Voor mensen die gebruik maken van een schermlezer en voor mensen met een fysieke of motorische beperking kan het […]
Gebruik van kleur
Gebruik kleur niet als enige manier om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Denk hierbij bijvoorbeeld aan: Mensen met een visuele beperking kunnen informatie die alleen met kleur worden aangegeven niet (of niet goed) onderscheiden. Zorg daarom dat je belangrijke […]
Geluidsbediening
Als je een website maakt met automatisch afspelend geluid, zorg dan dat bezoekers dit geluid kunnen uitzetten. Geluid dat automatisch en langer dan 3 seconden speelt, moet je kunnen: Waarom is dit belangrijk? Sommige mensen gebruiken een schermlezer die tekst voorlezen. Als een website automatisch muziek of geluid afspeelt, kunnen zij hun schermlezer niet goed […]
Contrast (minimum)
Tekst met te weinig contrast is een probleem voor iedereen, maar vooral mensen die slechtziend of kleurenblind zijn kunnen deze teksten niet goed zien. Gebruik daarom tekst met een contrastverhouding die hoog genoeg is. De contrastverhouding is een maat voor hoe goed 2 kleuren van elkaar te onderscheiden zijn. Het varieert van 1:1 (minimaal) tot […]
Afbeeldingen van tekst
Als het met eenvoudige code is op te lossen, gebruik dan altijd echte tekst in plaats van een afbeelding van tekst. Mensen kunnen echte tekst op een webpagina aanpassen naar hun eigen behoeften. Zo kunnen mensen die slechtziend zijn of mensen die dyslexie hebben bijvoorbeeld de grootte, de kleur of de regelafstand van de tekst […]
Contrast van niet-tekstuele content
Nieuw in WCAG 2.1 Niet-tekstuele onderdelen met te weinig contrast zijn een probleem voor iedereen, maar vooral mensen die slechtziend of kleurenblind zijn kunnen deze onderdelen niet (of niet goed) zien. Gebruik daarom voor niet-tekstuele een contrastverhouding die hoog genoeg is. Succescriterium 1.4.11 stelt een minimale eis van 3:1 aan de contrastverhouding. Onder niet-tekstuele bedieningselementen […]
Drie flitsen of beneden drempelwaarde
Content dat meer dan 3 keer flitst in 1 seconde kan een epileptische aanval veroorzaken bij mensen die daar gevoelig voor zijn. Gebruik daarom geen flitsende onderdelen. Hoe pas je dit toe? Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
Paginatitel
Geef webpagina’s een titel hebben die duidelijk maakt waar de pagina over gaat. Dit helpt gebruikers om te begrijpen waar ze zijn zonder de inhoud helemaal te hoeven lezen. Die titel zie je in je browser als de naam van een tabblad. Zo kunnen mensen de pagina terugvinden, ook als er bijvoorbeeld meerdere tabbladen open […]
Linkdoel (in context)
Het linkdoel moet kunnen worden bepaald uit alleen de linktekst of uit de linktekst samen met de context van de link. Schermlezers kunnen een overzicht van alle links op een webpagina presenteren. In dit overzicht staan alle linkteksten. Een linktekst zoals ‘lees meer’ of ‘klik hier’ is dan niet direct duidelijk. Links kunnen toegankelijker worden […]
Meerdere manieren
Niet iedereen navigeert op dezelfde manier. Sommigen gebruiken liever het menu, anderen vinden zoeken makkelijker. Bied daarom altijd minstens twee routes naar dezelfde informatie op je website. Dit kan bijvoorbeeld via: Dit geldt voor alle pagina’s, behalve voor formulieren of andere processen die je stap voor stap moet doorlopen. Hoe pas je dit toe? Voor […]
Koppen en labels
Duidelijke koppen en labels zijn essentieel voor een toegankelijke website. Ze helpen gebruikers begrijpen hoe informatie is georganiseerd. Dit succescriterium heeft niks te maken met de technische opmaak van koppen of labels (dat valt onder een ander criterium). Het gaat puur om de inhoud van de koppen en labels. Hoe pas je dit toe? Koppen […]
Label in naam
Nieuw in WCAG 2.1 Als er tekst op een bedieningselement (zoals een link, knop of formulierveld) zichtbaar is op het scherm, dan moet deze tekst ook voorkomen in de naam die hulptechnologie kan uitlezen. Dit helpt mensen die spraakbediening gebruiken. Zij zeggen letterlijk wat ze op het scherm zien om elementen te bedienen. Voor mensen […]
Taal van de pagina
Je moet aangeven in welke taal je webpagina geschreven is. Als je bijvoorbeeld een Nederlandse website hebt, moet je in de code aangeven dat dit Nederlands is. Dit is handig voor mensen die voorleessoftware gebruiken. Voorleessoftware kan tekst omzetten in spraak. Als je de taal goed vastgelegd in de code, dan kan voorleessoftware de tekst […]
Taal van onderdelen
Soms gebruik je op je webpagina zinnen (of hele onderdelen) in een andere taal dan de hoofdtaal van je pagina. Bijvoorbeeld Nederlandse tekst met een Engels citaat, of een Franse uitdrukking. Dit noemen we een taalwissel. Je moet in de code aangeven in welke taal de anderstalig onderdelen van je webpagina geschreven zijn. Dit is […]
Consistente identificatie
Zorg dat knoppen, links en andere onderdelen die op verschillende webpagina’s voorkomen steeds dezelfde naam hebben. Dus noem een zoekknop altijd “Zoeken” en niet soms “Zoeken” en dan weer “Vind” of “Doorzoek website”. Als functionaliteit steeds anders heet, dan is dat verwarrend. Vooral mensen die een schermlezer gebruiken hebben hier last van. Zij horen wat […]
Foutidentificatie
Als je een formulier invult en er gaat iets fout, dan moet de gebruiker precies weten wat er mis is gegaan. Je moet daarom fouten duidelijk aanduiden met tekst. Gebruik bijvoorbeeld niet “Dit veld is verplicht” als foutmelding, maar wees zo specifiek mogelijk: Je kunt foutmeldingen op verschillende manieren tonen: Het doel is dat gebruikers weten dat […]
Labels of instructies
Labels of instructies moeten worden weergegeven bij formuliervelden. Het invullen van formulieren kan moeilijk zijn. Maak het gemakkelijker door precies te beschrijven wat er in een invoerveld moeten ingevuld en of het veld verplicht is. Ook als een invoerveld in een specifiek formaat moet worden ingevuld moet dit worden aangegeven. Bijvoorbeeld een datum in het […]
Foutsuggestie
Zorg dat je bij foutmeldingen altijd aangeeft hoe de gebruiker het probleem kan oplossen. Gebruik bijvoorbeeld: “Het e-mailadres is niet geldig. Controleer of je een @ hebt gebruikt.” in plaats van alleen “Ongeldig e-mailadres”. De suggesties mogen alleen weggelaten worden als dit de veiligheid of het doel van de inhoud in gevaar brengt. Hoe pas […]
Foutpreventie (wettelijk, financieel, gegevens)
Als je iets belangrijks invult op een website bij bestellingen of financiële transacties, wil je geen fouten maken. Sommige fouten kun je namelijk niet meer terugdraaien. Bij belangrijke acties op je website moet je altijd zorgen dat gebruikers hun invoer kunnen controleren en verbeteren voordat het definitief wordt verzonden. Bied minimaal één van deze opties aan: […]
Lees verder over Foutpreventie (wettelijk, financieel, gegevens)
Naam, rol, waarde
Bedieningselementen (zoals links, knoppen, formuliervelden) van een website moet de juiste naam, rol, status en waarde hebben zodat hulptechnologie, zoals een schermlezer, ze goed kan begrijpen. Hoe heet het (naam), wat is het (rol), en in welke staat verkeert het (waarde). Voorbeeld: Als je een knop hebt die een menu opent, moet duidelijk zijn dat […]