Een marketingdashboard toegankelijk maken voor cijfers en besluiten

Een toegankelijk marketingdashboard geeft de kerninformatie ook via duidelijke tekst en een bruikbare tabel, en laat betekenis niet alleen afhangen van kleur of aanwijzen met een muis. Begin bij de beslissing die de lezer moet nemen. Kies daarna een presentatie waarin aantallen, perioden en beperkingen voor verschillende gebruikers beschikbaar blijven.

Toegankelijkheid gaat verder dan een alternatief label onder een grafiek. Een onduidelijke noemer blijft onduidelijk wanneer een schermlezer hem perfect uitspreekt. U hebt zowel een inhoudelijk begrijpelijke maat als een toegankelijke vorm nodig.

Maak de hoofdboodschap zelfstandig leesbaar

Zet boven het overzicht welke periode wordt getoond en welke vraag het beantwoordt. Geef bij een belangrijk cijfer de naam, eenheid en eventuele vergelijking. Een kaart met alleen “+12%” laat ook voor een ziende lezer te veel raden.

De gids over een marketingdashboard kiezen helpt bepalen welke cijfers nodig zijn. Deze uitwerking richt zich op toegang tot die informatie. Laat overbodige decoratie weg wanneer zij de hoofdtaak vertraagt of de leesvolgorde onduidelijk maakt.

Schrijf een korte zakelijke toelichting op een belangrijke trend. Benoem bijvoorbeeld dat aanvragen stijgen terwijl de laatste week voorlopig is. Vermijd een stellige oorzaak wanneer de grafiek alleen een samenloop laat zien. De tekst moet dezelfde onzekerheid bevatten als het cijfer.

Geef complexe grafieken een tekstueel alternatief

Een grafiek kan een korte naam en daarnaast een langere uitleg of tabel nodig hebben. Beschrijf doel, assen, opvallend patroon en relevante beperkingen. Een alttekst die alleen “grafiek marketing” zegt, maakt de informatie niet beschikbaar.

Het W3C-tutorial over complexe afbeeldingen behandelt onder meer uitgebreide tekstalternatieven voor grafieken. De precieze uitvoering hangt af van de gebruikte techniek, maar het uitgangspunt is dat de informatie uit de afbeelding ook anders toegankelijk wordt.

Probeer niet elke afzonderlijke waarde in een onleesbaar lange zin te persen. Een beknopte samenvatting met een gestructureerde tabel kan beter werken. Geef de tabel dezelfde periode en definities als de grafiek, zodat de alternatieven geen verschillende verhalen vertellen.

Maak kleur ondersteunend in plaats van beslissend

Gebruik naast kleur duidelijke labels, vormen of lijnpatronen. Een rode en groene lijn kunnen voor sommige gebruikers moeilijk te onderscheiden zijn en verliezen hun betekenis in een zwart-witafdruk. Directe labels bij de reeks verkleinen bovendien het heen-en-weer kijken naar een legenda.

De WCAG-uitleg over kleurgebruik beschrijft waarom kleur niet het enige middel mag zijn om informatie over te brengen. Dat is relevant voor alarmen, stijgingen en categorieën op een dashboard.

Controleer ook tekstcontrast en zichtbaarheid van bediening. Een subtiele grijze voetnoot kan juist de belangrijkste beperking bevatten. Kies een presentatie waarin die beperking leesbaar blijft zonder dat de gebruiker hoeft te gokken of het cijfer definitief is.

Werk een fictieve dashboardkaart uit

Fictief voorbeeld: een kaart toont 120 geldige aanvragen in april en 100 in maart. De absolute verandering is 20 aanvragen; de relatieve verandering is 20 / 100 = 20%. De tekst vermeldt beide maanden en dat beide perioden volledig zijn afgesloten.

Een bruikbare titel is “Geldige aanvragen, april: 120”. De toelichting luidt: “20 meer dan in maart, een stijging van 20%; beide maanden volgens dezelfde dossierdefinitie.” De kaart voegt geen uitspraak toe dat een campagne de stijging heeft veroorzaakt.

In de bijbehorende tabel staan de kolommen maand, geldige aanvragen en status. De twee rijen zijn maart, 100, afgesloten en april, 120, afgesloten. Als april nog onvolledig was, hoorde die status zichtbaar bij het cijfer en zou een eenvoudige maandvergelijking extra uitleg vragen.

De stijging wordt niet alleen met een groene pijl getoond. Het woord stijging en de aantallen dragen de betekenis. Een gebruiker zonder kleurwaarneming krijgt daardoor dezelfde kerninformatie.

Bouw tabellen voor relaties tussen waarden

Geef iedere tabel een herkenbaar onderwerp en duidelijke kolomkoppen. Houd eenheden in koppen of consequent bij waarden. Maak onderscheid tussen nul, onbekend en nog niet beschikbaar. Een leeg vak zonder uitleg kan meerdere betekenissen hebben.

Het W3C-tabellentutorial beschrijft hoe koppen en relaties binnen gegevenstabellen toegankelijk worden gemaakt. Een visueel uitgelijnde reeks tekst is technisch niet vanzelf een goed leesbare gegevenstabel.

Houd de structuur zo eenvoudig mogelijk. Een tabel met veel samengevoegde koppen kan lastig te begrijpen zijn, ook op een klein scherm. Splits waar nodig naar afzonderlijke vragen. Een export is aanvullend bruikbaar, maar geen vervanging voor een toegankelijk belangrijk besluit op de pagina zelf.

Zorg dat bediening zonder muis werkt

Filters, datumkeuzes en uitklappanelen moeten met passende toetsenbordbediening bereikbaar en begrijpelijk zijn. Laat de zichtbare focus zien en geef knoppen een concrete naam. Een tooltip die alleen bij muisaanwijzen verschijnt, kan essentiële informatie verbergen.

Gebruik de schrijfprincipes van een goede oproep tot actie ook voor dashboardbediening. “Toon afgesloten weken” is duidelijker dan een onbenoemd icoon. Vermeld wat een filter verandert wanneer dat niet vanzelf spreekt.

Voorkom dat een automatisch vernieuwend cijfer de lezer voortdurend onderbreekt. Kies een actualiseringswijze die bij de taak past en vermeld de laatste verwerking. De juiste uitvoering hangt af van het gebruikte systeem; dit artikel claimt geen complete technische WCAG-controle.

Controleer betekenis en gebruik apart

Laat iemand de kernvraag beantwoorden zonder de grafiek te zien en iemand anders zonder kleurverschillen te gebruiken. Controleer vervolgens toetsenbordnavigatie en de leesvolgorde met geschikte hulpmiddelen. Zulke gerichte controles vinden problemen, maar bewijzen geen volledige toegankelijkheid voor iedere gebruiker.

Bij het kiezen van marketinggrafieken controleert u eerst of de voorstelling inhoudelijk klopt. Bij rapportage voor bestuur bepaalt u welke conclusie relevant is. Toegankelijk ontwerp brengt die informatie vervolgens in een vorm die meer mensen kunnen gebruiken.

Bewaar gevonden problemen met hun gevolgen en herstelprioriteit. Begin bij informatie of bediening die een belangrijk besluit blokkeert. Een mooiere kleurenschaal is minder dringend dan een filter waardoor een gebruiker de periode niet kan instellen.

Bronnen en grenzen

• W3C: Complex Images, tekstalternatieven voor complexe afbeeldingen.
• W3C: Understanding Use of Color, betekenis zonder uitsluitend kleur.
• W3C: Tables Tutorial, toegankelijke gegevenstabellen.

De kaart is fictief. De aanbevelingen en gerichte controles vormen geen volledige WCAG-beoordeling of conformiteitsverklaring.