Richtlijnen toegankelijke infographics

Waarom toegankelijk maken en WCAG in het kort

Toegankelijke infographics vergroten je bereik, verbeteren de gebruikservaring en helpen je aan consistente communicatie over alle kanalen. Voor (semi-)overheden is dit verplicht, maar voor elke organisatie levert het winst op: minder misinterpretaties, betere vindbaarheid en meer vertrouwen.

De WCAG-richtlijnen zijn opgebouwd rond vier principes: waarneembaar, bedienbaar, begrijpelijk en robuust. Voor infographics betekent dit onder meer: voldoende kleurcontrast, geen informatie die alleen met kleur wordt overgebracht, duidelijke typografie, tekstalternatieven voor schermlezers en een technische opzet die op alle apparaten en assistieve technologie werkt. Richt op niveau AA van WCAG 2.2. Wil je toegankelijkheidseisen al bij de start borgen? Bekijk dan Briefing voor een infographic.

Praktische richtlijnen voor toegankelijke infographics

Kleur en contrast

Gebruik kleur bewust, nooit als enige drager van informatie. Combineer kleur met patronen, arceringen, markeringen of labels zodat categorieën ook zonder kleuronderscheid herkenbaar zijn. Hanteer minimaal contrastverhoudingen van 4.5:1 voor reguliere tekst en 3:1 voor grote tekst. Controleer ook het contrast tussen grafiekelementen zoals lijnen, balken en hun achtergrond. Kies een kleurenpalet dat kleurenblindvriendelijk is en wees spaarzaam met verzadigde tinten. Geef interactiestaten en highlight-informatie niet alleen een andere kleur, maar ook een andere vorm of lijnstijl.

Typografie en hiërarchie

Kies een goed leesbaar schreefloos lettertype met voldoende x-hoogte. Zorg voor een duidelijke visuele hiërarchie met consistente kopgroottes, subkoppen en labels. Houd voldoende witruimte en een regelafstand van circa 1.4 tot 1.6. Vermijd tekst in all caps en te krappe spatiëring. Voor digitale publicatie is 16 px een praktisch minimum voor lopende tekst; vergroot waardenlabels in grafieken zodat ze ook mobiel leesbaar zijn. Waar mogelijk schrijf je op B1-niveau en voorkom je jargon of leg het kort uit in de legenda.

Tekstalternatieven en beschrijvingen

Voorzie elke infographic van een korte alt-tekst die het doel en de kernboodschap samenvat. Lever daarnaast een uitgebreide beschrijving of samenvatting nabij de visual. Publiceer onderliggende data als toegankelijke tabel, zodat gebruikers die geen beeld kunnen zien toch alle informatie kunnen raadplegen. Gebruik duidelijke titels en ondertitels die de boodschap expliciet maken, niet alleen het onderwerp.

Interactieve en statische formaten

Publiceer waar mogelijk in HTML of SVG met echte tekst, zodat schermlezers labels en waarden kunnen lezen. Zorg dat interactie met toetsenbord te bedienen is en dat focusstijlen zichtbaar zijn. Werk je aan interactieve varianten? Lees Wat is een interactieve infographic. Gebruik toegankelijke tooltips en bied dezelfde informatie ook in de vaste layout van de grafiek. Voor PDF: tag elementen correct, zet de leesvolgorde goed en test met een schermlezer. Lever altijd een alternatief zonder animatie of tijdsdruk. Twijfel je wanneer lichte beweging helpt of hindert? Lees dan Infographic-animatie: wat is het. Overweeg subtiele bewegingen zoals micro-animaties en respecteer ieders motion-preference. Publiceer je informatie als video? Bekijk Wat is een video-infographic voor richtlijnen rond ondertiteling, transcript en audiodescriptie.

Checklist toegankelijke infographic

• Doel en kern - Formuleer 1 hoofdboodschap en maak die expliciet in titel en lead.
• Kleur en patronen - Geen informatie alleen via kleur, gebruik patronen en labels.
• Contrast - Check 4.5:1 voor tekst, 3:1 voor grote tekst en grafiekelementen.
• Typografie - Leesbare fonts, voldoende grootte en witruimte, B1-woordkeuze.
• Labels en legenda - Plaats labels dicht bij data, schrijf legenda duidelijk uit.
• Alt-tekst - Korte samenvatting van doel en uitkomst, plus lange beschrijving.
• Data-alternatief - Bied een toegankelijke tabel of datadownload.
• Techniek - HTML/SVG met echte tekst, toetsenbordtoegankelijk, correcte focus.

Veelgestelde vragen

Kunnen infographics toegankelijk zijn?

Ja. Door kleur niet als enige drager te gebruiken, voldoende contrast te hanteren, labels en patronen toe te voegen, duidelijke typografie te kiezen en alt-teksten en datatabellen te bieden, maak je infographics bruikbaar voor iedereen. HTML of SVG met echte tekst en toetsenbordtoegankelijkheid voltooien dit. Kies alleen voor beweging als deze de informatie ondersteunt en geen drempels opwerpt.

Waar moet een toegankelijkheidsverklaring aan voldoen?

Beschrijf de scope van je site of publicatie, het nalevingsniveau ten opzichte van WCAG 2.2, bekende tekortkomingen met onderbouwing, eventuele dispensaties en een verbeterplan met planning. Voeg datum, verantwoordelijke organisatie en contactpunt toe. Update de verklaring periodiek bij wijzigingen.

Waar moet een goede infographic aan voldoen?

Een goede infographic heeft één heldere boodschap, logische hiërarchie, zuinig kleurgebruik, duidelijke labels dicht bij de data en een korte, informatieve titel. Voor toegankelijkheid gelden extra eisen: voldoende contrast, geen kleur-alleen codering, B1-teksten, alt-teksten en een datatabel als volwaardig alternatief.

Hulp bij toegankelijke visuals

Wil je je infographic WCAG-proof maken zonder in te leveren op impact? Animation Agency helpt zorg- en overheidsorganisaties met begrijpelijke, inclusieve visualisaties. We werken met B1-communicatie, sterk kleurcontrast, ondertiteling en audiodescriptie waar relevant. Neem contact op voor advies of productie, of bekijk Portfolio infographics voor voorbeeldcases en best practices.