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. Zo kan iedereen de informatie begrijpen, ook als ze het bestand niet kunnen horen of zien. Hoe pas je dit toe? Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
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, 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 beschreven, zoals […]
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. Dit helpt hulpmiddelen zoals schermlezers om je content in de juiste volgorde te presenteren aan gebruikers. […]
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. Mensen met een visuele beperking kunnen informatie die alleen met kleur worden aangegeven niet (of niet goed) onderscheiden. Zorg daarom dat je belangrijke informatie op meerdere manieren […]
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. Succescriterium 1.4.3 stelt een aantal minimale eisen aan de contrastverhouding: Kleiner dan 18.5px 18.5px tot 24px Groter dan 24px Tekst 4,5:1 […]
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 Zorg dat de tekst die je ziet bij een element (knop, link, invoerveld) overeenkomt met de naam in de code. Dit is belangrijk voor mensen die spraaksoftware gebruiken. Stel je hebt een knop met de tekst ‘Verstuur’. In de code moet deze knop dan ook ‘Verstuur’ heten. Zo kunnen mensen met […]
Taal van de pagina
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 artikel over taal in de code vastleggen Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
Taal van onderdelen
Voorleessoftware kan tekst omzetten in spraak. Als je de taal goed vastgelegd in de code, dan kan voorleessoftware de woorden en zinnen in de juiste taal uitspreken. Ook als deze zijn geschreven in een andere taal dan de standaardtaal. Hoe pas je dit toe? Lees meer over taal in de code vastleggen Voor wie is […]
Consistente identificatie
Dit gaat over het consistent benoemen van dezelfde functies op verschillende webpagina’s. Als een knop of functie op meerdere pagina’s voorkomt, moet deze overal dezelfde naam en label hebben. Dit geldt ook voor de alternatieve teksten bij iconen en andere niet-tekstuele elementen. Hoe pas je dit toe? Voor wie is dit belangrijk? Wie is verantwoordelijk? […]
Foutidentificatie
Als er iets misgaat bij het invullen van een formulier, moet de gebruiker weten wat er fout 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 er een […]
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
Onderdelen van websites moeten de juiste naam, rol, status en waarde hebben zodat hulptechnologie, zoals een schermlezer, ze goed kan interpreteren. Bij standaard HTML-elementen gaat dit automatisch. Als je zelf maatwerk componenten ontwikkelt, dan moet je de informatie over naam, rol en waarde handmatig toevoegen. Lees het artikel over naam, rol, waarde Hoe pas je […]