Creëer toegankelijke content met deze 5 tips

Waar moet je op letten bij het maken van content om deze te optimaliseren voor de WCAG (toegankelijkheidsrichtlijnen voor websites)? Met deze vijf tips helpen wij je op weg.

1. Gebruik een correcte tekstopmaak

Een correcte tekstopmaak helpt blinden en slechtzienden goed door jouw teksten te navigeren. Een juist gebruik van de opties voor tekstopmaak is essentieel voor jouw website om goed in combinatie met voorleesapparatuur te werken. 

Headings

Zorg er ten eerste voor dat je met headings titels en koppen creëert in plaats van andere opmaakopties hiervoor te gebruiken, zoals dikgedrukte letters. Hierdoor kunnen mensen met voorleesapparatuur gemakkelijker door jouw pagina’s navigeren. Daarnaast is dit ook nog eens beter voor jouw SEO, doordat zoekmachines jouw pagina’s op die manier ook beter kunnen begrijpen.

Natuurlijk kun je andere opmaakopties gewoon blijven gebruiken, maar doe dit dus niet voor titels en koppen. Gebruik onderstreepte, dik-, of schuingedrukte tekst in plaats daarvan enkel in het leesgebied om bepaalde woorden of zinnen te benadrukken. 

Hyperlinks

Daarnaast doe je er goed aan om hyperlinks correct te omschrijven. Ook hiermee kunnen mensen met voorleesapparatuur jouw tekst beter begrijpen. Wanneer de apparatuur de hyperlink “Klik hier” voorleest, is het voor de desbetreffende persoon natuurlijk niet duidelijk waar hij/zij naartoe zal navigeren na het aanklikken van de hyperlink. Bedenk daarom een goede hyperlinktekst, bijvoorbeeld: “Bestel kaartjes voor [naam voorstelling]”. Hiermee is wél meteen duidelijk wat je kunt verwachten wanneer je op de link klikt.

Niet alleen voor blinden maar voor al jouw website bezoekers is dit een betere manier om hyperlinks te plaatsen. De link valt namelijk beter op wanneer de bezoeker scannend de pagina leest. Als de bezoeker op een pagina leest over een bepaalde voorstelling en geïnteresseerd is in het kopen van een kaartje, zal de hyperlink met de tekst “Bestel kaartjes” meer opvallen dan een linkje met “Klik hier”. 

2. Laat tekst in de juiste taal uitspreken

Zorg ervoor dat je in jouw CMS altijd de juiste taal kiest waarin een tekst is geschreven. Hierdoor worden namelijk de corresponderende taalcodes in de code opgenomen en wordt de tekst op de juiste manier door voorleesapparatuur uitgesproken. Zo voorkom je bijvoorbeeld dat een Engelse tekst met een Nederlandse stem wordt voorgelezen.

3. Zet visuele content om naar tekst

Nu jouw teksten toegankelijk zijn geschreven is het tijd om te kijken naar de visuele content op jouw website. Het is namelijk belangrijk om afbeeldingen, video’s en audio in tekstvorm aan te bieden, zodat ook blinden en slechtzienden, en doven en slechthorenden deze informatie tot hun beschikking hebben. Gebruik tekst omschrijvingen bij afbeeldingen, en voeg ondertitels en closed captions aan jouw video’s toe. Ondertiteling betreft het uitschrijven of vertalen van wat er in de video gezegd wordt, en closed captions bieden een beschrijving van geluiden in de video, bijvoorbeeld: [applaus]. En heb je een podcast? Bied dan transcripts van jouw afleveringen aan.

4. Zorg voor duidelijke communicatie

Maak jouw verhaal voor iedereen duidelijk. Denk bij het opbouwen van een webpagina dan ook aan laaggeletterden of mensen met een verstandelijke beperking. Gebruik eenvoudig taalgebruik en voeg afbeeldingen toe die de tekst ondersteunen voor duidelijke communicatie.

5. Houd pagina’s overzichtelijk

Houd je pagina’s overzichtelijk en zorg ervoor dat mensen met dyslexie jouw website ook helder vinden. Vertel niet teveel op één pagina, maar zorg ervoor dat een pagina een duidelijke, beknopte boodschap en een doel heeft. Gebruik een consistente opmaak met witregels en bied waar mogelijk video en audio aan om informatie behapbaarder te maken.

Meer over digitale toegankelijkheid

Deze tips helpen jou een eind op weg met het maken van toegankelijke content. Bij een toegankelijke website komen ook keuzes in design en technologie kijken. Bij Peppered geven we je graag advies over een toegankelijk design, en de technologie nemen wij natuurlijk op ons. Je leest meer over digitale toegankelijkheid en wat we bij Peppered doen om jou daarmee te helpen in onze deze gerelateerde artikelen:

Inclusiviteit met HNTonbeperkt

In samenwerking met Het Nationale Theater werken wij aan een steeds toegankelijkere website.

Digitale toegankelijkheid

Bij Peppered vinden we dat iedereen goed gebruik van websites moet kunnen maken en van al het moois in de culturele sector moet kunnen genieten. Samen kunnen we hier zorg voor dragen.