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 […]
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
Websites moeten op verschillende manieren te navigeren zijn. Je moet minimaal twee manieren geven om dezelfde inhoud te bereiken. Dit kan bijvoorbeeld via: Dit is belangrijk omdat niet iedereen op dezelfde manier door een website navigeert. Zelfs kleine websites met maar een paar pagina’s moeten een tweede vorm van oriëntatie bieden. Hoe pas je dit […]
Koppen en labels
Duidelijke koppen en labels zijn essentieel voor een toegankelijke website. Ze helpen gebruikers begrijpen hoe informatie is georganiseerd. Hoe pas je dit toe? Koppen Lees meer over toegankelijke koppen Labels Voor wie is dit belangrijk? Wie is verantwoordelijk? Bronnen Andere richtlijnen
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 […]