Inclusie | Toegankelijke content maken? Gebruik fotobeschrijvingen en kamelenbulten

Graag stel ik jullie voor aan goede vriend Tim Kroesbergen. Tim is inclusie & toegankelijkheidsspecialist en heeft hier enorm veel (ervarings)kennis van. Dus heb ik hem gevraagd om zijn kennis en ervaring met ons te delen. Vanaf deze maand zal hij maandelijks een blog schrijven over inclusie en toegankelijkheid. Te beginnen met zijn eerste blog over toegankelijke content maken. Veel leesplezier!

Wat kun je doen om je content écht toegankelijk te maken? En hoe helpen kamelenbulten daarbij?
Wanneer je een tekst schrijft om online te delen, heb je dan voor ogen wie het gaat lezen? Wie zou je willen dat het las en maak je het gemakkelijk genoeg om je tekst te lezen? Met een paar kleine trucjes kun je veel winnen aan toegankelijk- en leesbaarheid. In deze blog deel ik twee tips om je op weg te helpen bij het maken van toegankelijke content.

ALT-teksten

Toen ik in de jaren negentig mij voor het eerst verdiepte in online publiceren las ik al over ALT-teksten, maar nu er een grotere focus op toegankelijkheid ligt, staat dit opnieuw in de belangstelling. ALT-teksten zijn korte beschrijvingen die je voegt bij afbeeldingen die je plaatst. Van oudsher vul je deze in bij de HTML-code van je tekst ( <img src=”link” alt=”Hier je ALT-tekst”>) maar tegenwoordig hebben systemen als WordPress of Instagram vaak aparte hokjes om deze gemakkelijk aan een afbeelding toe te voegen. ALT-teksten helpen mensen die gebruik maken van voorlees software om duidelijk te krijgen wat er te zien is. Ik leg hier expres de nadruk kort op, omdat er ook er ook foto-beschrijvingen zijn.

UPDATE 26-06: Verder merkt Siobhan op dat je ALT-teksten beter alleen kunt alleen vullen als het er ook daadwerkelijk toe doet en niet bij een element dat alleen ondersteunend aan de vormgeving op de pagina staat. Zo hou je ook voor mensen die gebruik maken van een schermlezer duidelijk wat er toe doet.

Foto-beschrijving

Foto-beschrijvingen zijn teksten die voor iedere lezer zichtbaar zijn, met een iets langere beschrijving van wat er op een afbeelding zichtbaar is. In plaats van dat aangegeven is “Bruine hond” staat er “Een bruine langharige hond die ligt te slapen in een park, terwijl de zon schijnt”. Deze tekst voldoet ook aan “Object –> Action –> Context”, de volgorde waarmee je een duidelijke foto-beschrijving maakt. Eerst beschrijf je het hoofdonderwerp wat is afgebeeld, daarna wat er gebeurt op de foto en tenslotte de omgeving waarin dit gebeurd. Verder kun je net zoveel details toevoegen aan je beschrijving als je denkt dat voor je lezer nodig is en zo kan het ook voorkomen dat deze foto op verschillende websites (met verschillend publiek) een verschillende beschrijving heeft. Meer informatie kun je vinden om dit artikel van usability-designer Alex Chen.

Toegankelijke content maken met kamelenbulten

Een andere manier om duidelijkheid in je content te krijgen, is gebruik te maken van CamelCase. Omdat een afbeelding meer dan 1.000 woorden zegt:

CamelCase gaat over de manier waarop je hashtags schrijft, namelijk door ieder woord in een hashtag met een aparte hoofdletter te schrijven. Bijvoorbeeld: #InclusiefOnderwijs. Wanneer je dit doet herkennen voorlees software en screenreaders dat het meerdere woorden zijn, ook al zijn ze aan elkaar geschreven. Wanneer je dit niet doet zal voorlees software een nogal onbegrijpelijke tekst ten gehore brengen. En dat is natuurlijk niet wat we willen!

Pas deze tips voor het maken van toegankelijke content toe en je zult zien dat je posts door meer mensen gelezen worden. Schrijfze en tot de volgende blog.

Tot over vier weken
Tim 👋🏼