Toegankelijkheid voor contentmakers: inclusieve content schrijven en produceren

Toegankelijkheid begint niet bij ontwerp en eindigt niet bij code. Contentmakers — schrijvers, redacteuren, marketeers en multimediaproducenten — hebben een directe en aanzienlijke impact op of digitale content bruikbaar is voor iedereen. De woorden die u kiest, de structuur die u creëert, de afbeeldingen die u beschrijft en de media die u produceert bepalen allemaal de ervaring voor gebruikers met een beperking.

Het goede nieuws is dat toegankelijk schrijven grotendeels gelijk staat aan goed schrijven. Heldere, gestructureerde, beschrijvende content is voordelig voor alle gebruikers, niet alleen voor degenen die hulptechnologie gebruiken.

Schrijven in heldere taal

Helder, eenvoudig schrijven is een toegankelijkheidsvereiste, niet slechts een stijlvoorkeur. Gebruikers met cognitieve beperkingen, leerstoornissen zoals dyslexie, niet-moedertaalsprekers en gebruikers die simpelweg druk of afgeleid zijn, hebben allemaal baat bij content die gemakkelijk te begrijpen is.

Schrijf in korte zinnen met actieve stem. Gebruik gangbare woorden in plaats van jargon of technische terminologie — en wanneer gespecialiseerde termen noodzakelijk zijn, leg ze dan uit. Splits lange passages op in kortere alinea's met beschrijvende tussenkoppen. Gebruik lijsten bij het presenteren van meerdere items of stappen. Vermijd idiomen, metaforen en cultuurspecifieke verwijzingen die mogelijk niet goed vertaalbaar zijn.

WCAG vereist dat content zo leesbaar mogelijk is, en op niveau AAA, dat aanvullende content of een alternatieve versie wordt geboden wanneer tekst een leesvaardigheid vereist die hoger is dan het niveau van het lager secundair onderwijs.

Alternatieve tekst voor afbeeldingen

Alternatieve tekst is een van de belangrijkste contentverantwoordelijkheden. Elke afbeelding die informatie overbrengt, heeft een tekstalternatief nodig dat dezelfde informatie communiceert aan gebruikers die de afbeelding niet kunnen zien. Schermlezers lezen de alt-tekst voor en deze verschijnt wanneer afbeeldingen niet laden.

Goede alt-tekst schrijven gaat over het communiceren van het doel, niet alleen het uiterlijk. Stel uzelf de vraag: welke informatie brengt deze afbeelding over die een gebruiker moet weten? Een foto van een team in vergadering heeft misschien alt-tekst nodig als "Team werkt samen aan projectplannen rondom een vergadertafel" in plaats van "foto.jpg" of een vaag "teamfoto."

Verschillende soorten afbeeldingen vereisen verschillende benaderingen:

Informatieve afbeeldingen die content overbrengen, hebben beschrijvende alt-tekst nodig die de informatie communiceert. Houd het beknopt — doorgaans onder de 125 tekens — maar zorg ervoor dat de essentiële informatie aanwezig is.

Functionele afbeeldingen zoals pictogrammen die als knoppen worden gebruikt, hebben alt-tekst nodig die de functie beschrijft, niet het uiterlijk. Een vergrootglaspictogram in een zoekknop moet alt-tekst "Zoeken" hebben, niet "vergrootglas."

Decoratieve afbeeldingen die visueel interesse toevoegen maar geen informatie, moeten een leeg alt-attribuut hebben (alt="") zodat schermlezers ze volledig overslaan. Stockfoto's die puur voor esthetische doeleinden worden gebruikt, vallen vaak in deze categorie.

Complexe afbeeldingen zoals grafieken, diagrammen, infographics of schema's hebben meer nodig dan een kort alt-attribuut. Geef een korte alt-tekst die de afbeelding identificeert en bied vervolgens een gedetailleerde beschrijving in de buurt — hetzij als zichtbare tekst, een bijschrift of een gekoppelde uitgebreide beschrijving.

Linktekst

Links moeten zinvol zijn buiten hun context. Schermlezergebruikers navigeren vaak door een lijst op te roepen van alle links op een pagina. Als elke link "Lees meer" of "Klik hier" zegt, is die lijst nutteloos.

Schrijf linktekst die beschrijft waar de link naartoe leidt of wat deze doet. In plaats van "Klik hier om onze toegankelijkheidsgids te downloaden," schrijf "Download onze toegankelijkheidsgids." In plaats van "Lees meer," schrijf "Lees meer over WCAG-conformiteitsniveaus."

Gebruik nooit een kale URL als linktekst, tenzij de URL zelf de informatie is die wordt gecommuniceerd. URL's zijn moeilijk voor te lezen en nog moeilijker te begrijpen wanneer ze worden gehoord.

Koppen en structuur

Gebruik koppen om een zinvolle contenthiërarchie te creëren, niet voor visuele opmaak. Schermlezergebruikers navigeren via koppen om content te scannen en naar secties van interesse te springen. Koppen moeten een logische volgorde volgen — H1 voor de paginatitel, H2 voor hoofdsecties, H3 voor subsecties binnen die secties — zonder niveaus over te slaan.

Elke pagina zou precies één H1 moeten hebben. Tussenkoppen moeten beschrijvend genoeg zijn zodat een gebruiker de inhoud van de sectie kan begrijpen vanuit de kop alleen.

Tabellen

Gebruik tabellen voor tabelgegevens — informatie die zinvolle relaties heeft tussen rijen en kolommen. Gebruik nooit tabellen voor visuele lay-out. Wanneer u tabellen gebruikt, voeg dan juiste kopcelcellen toe met <th>-elementen met scope-attributen die aangeven of het rij- of kolomkoppen zijn. Voor complexe tabellen met meerdere niveaus van koppen, gebruik id- en headers-attributen om datacellen expliciet te koppelen aan hun koppen.

Geef een bijschrift of samenvatting die het doel van de tabel beschrijft, vooral bij complexe datatebellen.

Lijsten

Wanneer u een groep gerelateerde items presenteert, gebruik dan daadwerkelijke HTML-lijsten — genummerde lijsten (<ol>) voor sequentiële items en ongenummerde lijsten (<ul>) voor niet-sequentiële items. Maak geen neplijsten met regelafbrekingen en streepjes of opsommingstekens. Correcte lijstopmaak vertelt schermlezers hoeveel items er in de lijst staan en waar de gebruiker zich binnen de lijst bevindt.

Video- en audio-inhoud

Multimedia-inhoud heeft specifieke toegankelijkheidsvereisten:

Ondertiteling moet worden geboden voor alle vooraf opgenomen video met geluid. Ondertiteling moet alle gesproken dialoog bevatten, identificeren wie er spreekt wanneer dat niet visueel duidelijk is, en betekenisvolle geluidseffecten opnemen. Ondertiteling moet gesynchroniseerd zijn met het geluid en beschikbaar zijn als gesloten ondertiteling die gebruikers in of uit kunnen schakelen.

Transcripties moeten worden geboden voor vooraf opgenomen audio-only content zoals podcasts. Transcripties moeten alle gesproken content bevatten, sprekers identificeren en relevante niet-spraakgeluiden beschrijven.

Audiobeschrijvingen moeten worden geboden voor vooraf opgenomen video waarbij belangrijke visuele informatie niet via het audiospoor wordt overgebracht. Audiobeschrijvingen vertellen over significante visuele elementen — acties, scènewijzigingen, tekst op het scherm — tijdens natuurlijke pauzes in de dialoog.

Automatisch afspelend geluid moet te vermijden zijn. Als geluid automatisch wordt afgespeeld voor langer dan drie seconden, bied dan een mechanisme om te pauzeren, stoppen of het volume onafhankelijk van het systeemvolume te regelen.

Toegankelijke documenten

PDF's en andere downloadbare documenten moeten ook toegankelijk zijn. Dit betekent dat ze een goede tagstructuur nodig hebben (koppen, lijsten, tabellen), een logische leesvolgorde, alternatieve tekst voor afbeeldingen, een gedefinieerde documenttaal en bladwijzers voor navigatie in langere documenten.

Wanneer mogelijk, bied belangrijke informatie als webcontent in plaats van als downloadbare documenten. Webcontent is inherent flexibeler en gemakkelijker toegankelijk te maken dan PDF.

Social media-content

Toegankelijkheid strekt zich uit tot social media. Voeg alt-tekst toe aan afbeeldingen die op social mediaplatforms worden geplaatst — de meeste grote platforms ondersteunen dit inmiddels. Gebruik CamelCase in hashtags zodat schermlezers ze correct kunnen interpreteren (bijv. #WebToegankelijkheid in plaats van #webtoegankelijkheid). Vermijd het overbrengen van informatie uitsluitend via afbeeldingen of video zonder tekstalternatieven.

Zintuiglijke kenmerken

Geef nooit instructies die uitsluitend afhankelijk zijn van zintuiglijke kenmerken zoals vorm, kleur, grootte, visuele locatie, oriëntatie of geluid. In plaats van "klik op de groene knop" of "zie de zijbalk rechts," geef extra context: "klik op de knop Verzenden" of "zie de sectie Gerelateerde artikelen."