Alle succescriteria die relevant zijn voor een redacteur.
Geef alle niet-tekstuele content een tekstalternatief dat hetzelfde doel dient. Niet-tekstuele content is alles wat geen gewone tekst is. Denk hierbij aan afbeeldingen (zoals foto’s, illustraties en iconen), emoji, afbeeldingen van tekst en andere elementen die niet uit tekst bestaan. Voor sommige content geldt een aangepaste eis: Mensen met een visuele beperking kunnen deze niet-tekstuele […]
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 alternatief in tekst 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. […]
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. Ondertitels voor doven […]
Mensen met een visuele beperking kunnen het beeld van een filmpje niet (of niet goed) zien. Daarom moet je de visuele informatie op een andere manier aanbieden. Je hebt twee opties. Je kiest er één: Een audiodescriptie beschrijft de belangrijke details die wel te zien zijn maar niet af te leiden zijn uit het geluid, […]
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 doven en slechthorenden worden ook de belangrijke geluiden […]
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. Soms […]
Met vormgeving kun je veel structuur laten zien. Een kop is groot en vet. Een lijst heeft opsommingstekens. Een tabel heeft rijen en kolommen. Die structuur moet ook in de code staan, of in de tekst zelf. Dan blijft de structuur bestaan als de vormgeving wegvalt of verandert. Schermlezers zijn namelijk afhankelijk van de onderliggende […]
Leesvolgorde is de volgorde waarin content in de code staat. Een schermlezer leest de content in die volgorde voor. Ook als iemand de opmaak uitzet of eigen stijlen gebruikt, bepaalt de code de volgorde. Is die volgorde belangrijk om de tekst te begrijpen? Zorg dan dat de volgorde in de code klopt. Als de leesvolgorde […]
Mensen met een visuele beperking kunnen instructies die alleen gebaseerd zijn op kleur, vorm, grootte of locatie niet (of niet goed) interpreteren. En een schermlezer presenteert deze informatie helemaal niet. 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 […]
Leg het doel van invoervelden die persoonlijke informatie van de gebruiker verzamelen vast in de code. Hieronder 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 invullen van een formulier een flinke opgave zijn. Als je […]
Gebruik kleur niet als enige middel 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: Dit criterium gaat over mensen die kleuren zien, maar niet allemaal hetzelfde. Mensen die kleuren anders of niet zien (kleurenblindheid), mensen die slechtziend […]
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 […]
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 […]
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 […]
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 bedieningselementen en grafische objecten die belangrijk zijn voor het begrijpen van de content een contrastverhouding die hoog genoeg is. Succescriterium 1.4.11 stelt een minimale […]
Flitsende content kan gevaarlijk zijn. Bij mensen met fotosensitieve epilepsie kan het een aanval veroorzaken. Daarom mag je pagina geen content bevatten die meer dan 3 keer per seconde flitst. Flitsen betekent: de kleur of het patroon wisselt minimaal 4 keer per seconde. Dit geldt voor alle soorten flitsende content zoals filmpjes, animaties en andere […]
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 […]
Gebruikers moeten begrijpen waar een link naartoe gaat voordat ze erop klikken. Dit kan alleen als de linktekst duidelijk is, of als de context rondom de link dit verduidelijkt. Schermlezers kunnen een overzicht van alle links op een webpagina presenteren. In dit overzicht staan alle linkteksten. Als linkteksten zoals ‘klik hier’ of ‘lees meer’ worden […]
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 […]
Elk bedieningselement heeft twee soorten tekst: het label (de tekst die een gebruiker ziet op het scherm) en de toegankelijke naam (de tekst die hulptechnologie uitleest, zoals een schermlezer of spraakbediening). Dit succescriterium vereist dat deze twee overeenkomen. Is er tekst zichtbaar op een bedieningselement (zoals een link, knop of formulierelement)? Dan moet deze tekst […]
Geef in de code aan in welke taal je webpagina is geschreven. 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 op je pagina in de juiste taal uitspreken. Hoe pas je dit toe? Lees het […]
Soms gebruik je op je webpagina zinnen (of hele onderdelen) in een andere taal dan de hoofdtaal van je pagina. Bijvoorbeeld een 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 […]
Zorg dat knoppen, links en andere onderdelen die op meerdere 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 een andere naam heeft, dan is dat verwarrend. Vooral mensen die een schermlezer gebruiken merken dit. Zij horen wat […]
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: Schrijf bijvoorbeeld “E-mailadres’ is niet ingevuld” of “Het ingevulde e-mailadres ‘jansen@’ is niet geldig.” […]
Bij elk invoerveld moet je duidelijk maken wat de gebruiker moet invullen. Dit doe je door een duidelijk en zichtbare label of instructie toe te voegen. Deze moeten zichtbaar zijn voor álle gebruikers. Denk aan een formulier waar je je naam invult: het woord “Naam” boven of naast het veld is het label. Bij complexe […]
Zorg dat je bij foutmeldingen altijd aangeeft hoe de gebruiker het probleem kan oplossen. Geef alleen suggesties als deze bekend zijn. Een paar voorbeelden: Je mag géén suggesties geven als dit de veiligheid in gevaar brengt. Geef bij een verkeerd ingevuld wachtwoord bijvoorbeeld geen hints over wat het juiste wachtwoord dan wel is. Geef ook […]