Infographics en datavisualisaties

Voorstellen

Fullservicebureau digitale toegankelijkheid

• Onderzoeken
• Advies
• Trainingen
• Software

Inhoud

• Wat is het?
• Uitdagingen
• 5 richtlijnen
• Wat kun je nu al doen?
• Handige tools
• Vragen

Infographics en datavisualisaties

Wat is het?

Voorbeelden van infographics

Voorbeelden van datavisualisaties

Uitdagingen

Als data niet toegankelijk en begrijpelijk zijn voor iedereen, dan zijn data niet nuttig.

Misschien is je bezoeker blind

En gebruikt hulpsoftware en hulpapparatuur

Demo screenreader

Misschien kan iemand geen afbeeldingen zien

Misschien is je bezoeker slechtziend

Misschien is je bezoeker kleurenblind of ziet kleuren minder goed

Misschien heb je behoefte aan goed contrast

Misschien heeft de bezoeker een motorische beperking

Misschien heeft de bezoeker een cognitieve beperking zoals dyslexie

Ook mensen zonder functiebeperking hebben baat bij toegankelijke informatie

Zoals:

• Mensen die kleine schermen gebruiken
• Ouderen van wie het zicht, gehoor of motoriek achteruitgaat
• Mensen met tijdelijke beperkingen
• Sommige situaties
• Mensen met een langzame internetverbinding

Wat moet je doen voor een toegankelijke infographic of datavisualisatie?

Infographic of datavisualisatie: het geschikte middel?

Leg de cijfers even opzij en stel jezelf deze vragen:

• Welk verhaal wil ik vertellen met de gegevens?
• Wat levert de visualisatie mijn organisatie op?
• Wat levert de visualisatie de bezoeker op?

Tip: begrijp je de visualisatie in 5 seconden?

5 richtlijnen voor toegankelijke infographics en datavisualisaties

1. Tekstueel

• Geef de visualisatie een beschrijvende titel die het belangrijkste inzicht illustreert
• Zorg dat de visualisatie een beschrijvende alt-tekst heeft
• Schrijf een samenvatting van de informatie die je wilt overbrengen
• Maak alle gegevens beschikbaar

Een beschrijvende titel

Een beschrijvende alt-tekst

Een toegankelijke infographic met uitgeschreven tekst

Een toegankelijke grafiek met gegevens in een tabel

2. Kleuren en vormen

• Zorg voor voldoende kleurcontrast
• Breng niet informatie alleen in kleur over
• Scheid elementen met witruimte
• Gebruik eenvoudige en vertrouwde figuren

Voldoende kleurcontrast

Informatie niet alleen in kleur

Elementen met witruimte

Eenvoudige en vertrouwde figuren

3. Leesbaarheid en begrijpelijkheid

• Zorg dat lettergrootte voldoende is
• Gebruik een goed leesbaar lettertype
• Teksten links uitlijnen
• Korte, heldere en simpele content
• Vermijd onderstreping, cursieve tekst of alle tekst in HOOFDLETTERS
• Label datapunten bij datavisualisaties direct
• Aslabels bij datavisualisaties (indien van toepassing): label elke as en hun maatstreepjes

Label datapunten bij datavisualisaties direct

Label elke as en hun maatstreepjes

4. Apparaten en hulpsoftware

• Maak interactieve visualisaties toetsenbordtoegankelijk
• Zorg dat visualisaties geschikt zijn voor verschillende schermformaten en zoomniveau

Toetsenbordtoegankelijk

Bron: www.highcharts.com/accessibility

Verschillende schermformaten

Verschillende schermformaten

5. Test visualisaties met gebruikers

• Techniek
• Design
• Gebruik
• Content

Laagdrempelig testen

Prototypen testen in het stadhuis

Bron: eend.nl/portfolio/gemeente-vught

Ontwerp samen met ervaringsdeskundigen

Wat kun je nu al doen?

• Check je huisstijlgids: eisen voor infographics en datavisualisaties?
• Check je inkoopproces: eisen voor aanschaf software of inschakelen bureaus?
• Borg je redactieproces: duidelijke instructies inhoudsdeskundigen en redacteuren?

Handige tools

Kleuren

• Kleurcontrast meten: Colour Contrast Analyser
• Check op kleurenblindheid: Viz palette
• Kleuren aanpassen: Accessible Colour Generator
• Toegankelijke kleurcombinaties vastleggen in huisstijl: Contrast Grid

Checklist voor toegankelijke infographics

Accessible Infographics and Flyers Checklist (in het Engels)

Online checklist Toegankelijke informatie van Pharos

Alt-teksten schrijven voor datavisualisaties

Writing Alt Text for Data Visualization

Datavisualisaties testen op toegankelijkheid

The Chartability Workbook van Frank Elavsky

Methode gebaseerd op toegankelijkheidsprincipes

Verder lezen en inspiratie

• Datavisualisaties: Dataviz Accessibility Resources
• Voorbeeld style guide: Data Visualization Standards usa.gov