Audit digitale toegankelijkheid van website jaarverslag.raadvoorrechtsbijstand.org/
Samenvatting
Wij hebben de website jaarverslag.raadvoorrechtsbijstand.org/ onderzocht tussen 20 en 25 april 2025. Op dit moment zijn 44 van de 55 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 11 nog fout gaat, en hoe je dat kunt verbeteren.
Resultaat
In dit onderzoek hebben we alle 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Alle pagina's op de website jaarverslag.raadvoorrechtsbijstand.org/
Niet in scope:
Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
De van derden afkomstige inhoud (wettelijke uitzondering voor de overheid)
Basisniveau toegankelijkheidsondersteuning
Mozilla Firefox, versie 137
Google Chrome, versie 134
Apple Safari, versie 18
PAC software to test PDF
NVDA schermlezer in combinatie met Firefox
VoiceOver schermlezer in combinatie met Safari
Andere gangbare browsers en hulpapparatuur
Technologieën van de website
HTML
CSS
JavaScript
WAI-ARIA
SVG
PDF
Over dit onderzoek
Leeswijzer
Onze rapporten zijn anders. Bij het bespreken van de gevonden problemen volgen wij niet de structuur van de norm, maar die van jouw website of app. Hierdoor kun je gewoon per pagina of scherm aan de slag gaan. Wel zo makkelijk! Je vindt verderop een overzicht van alle pagina’s met problemen.
We geven je bij elk gevonden issue een paar voorbeelden, maar niet een complete lijst. Controleer zelf of het probleem ook nog op andere plekken voorkomt. Zie het rapport als een leidraad.
Gebruikte norm
Dit onderzoek laat zien in hoeverre de website op dit moment voldoet aan WCAG 2.2, niveau A en AA. WCAG staat voor Web Content Accessibility Guidelines. Dit is de internationale norm voor digitale toegankelijkheid. De Europese norm EN 301 549 bevat alle eisen van WCAG op niveau A en AA.
In dit rapport hebben we korte beschrijvingen van de succescriteria uit de norm opgenomen, met een algemene uitleg erbij. Wil je ze helemaal lezen? Bekijk dan de documentatie van WCAG.
Gebruikte onderzoeksmethode
We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:
vaststellen wat binnen en buiten scope valt
vaststellen welke technologieën zijn gebruikt
steekproef (sample) samenstellen
steekproef onderzoeken
gevonden issues beschrijven
Het grootste deel van het onderzoek doen we met de hand. Voor een deel van de toegankelijkheidseisen gebruiken we automatische tools als ondersteuning, zoals axe-core en Chrome Developer Tools.
Belangrijk om te weten
Dit rapport helpt je om de toegankelijkheid van je website te verbeteren. Maar let op: het is geen definitieve, volledige lijst van alle aanwezige toegankelijkheidsproblemen. Dat zit zo:
Het is een steekproef
Ten eerste is het onderzoek gebaseerd op een steekproef. Die is op een betrouwbare manier genomen, en de meeste problemen zullen daardoor zeker aan het licht komen. Toch kan een probleem net buiten de steekproef vallen. Bij een volgend onderzoek kan het wel ontdekt worden.
Op basis van falsificatie
We beoordelen vanuit het principe van falsificatie. Dat houdt in dat we proberen te bewijzen dat iets niet waar is, in plaats van te bevestigen dat het klopt. ‘Voldoet’ betekent daarom dat we geen reden hebben gevonden om een punt af te keuren. Maar als we later wél een reden vinden, kan het alsnog worden afgekeurd.
Voortschrijdend inzicht
Het komt voor dat de beoordeling van een succescriterium op detailniveau verandert. De norm beschrijft namelijk niet élk mogelijk scenario. Samen met andere onderzoeksbureaus overleggen we hoe we met bepaalde situaties omgaan. Zo kan iets dat nu wordt afgekeurd, soms bij een volgend onderzoek worden goedgekeurd en andersom.
Oplossen leidt tot nieuw probleem
Ten slotte kan het gebeuren dat bij het oplossen van een probleem onbedoeld een nieuw toegankelijkheidsprobleem ontstaat. Dat komt dan bij een volgend onderzoek pas naar voren.
Er is geen tweede manier om de pagina's van deze website te vinden.
Alle pagina’s die op de website staan moeten op meerdere manieren gevonden kunnen worden. Dat mag via een zoekveld, een sitemap of een inhoudsopgave.
Oplossing:
Zorg dat de webpagina’s op meerdere manieren bereikbaar zijn.
Voldoet niet aan SC 2.4.5
Alternatieve tekst bevat onleesbare karakters
Het logo bovenaan de website heeft de tekstalternatief "raad-voor-rechtsbijstand_1", die niet-leesbare tekens bevat (bijvoorbeeld cijfers, streepjes, onderstrepingstekens of andere symbolen).
Alternatieve teksten mogen geen symbolen bevatten zoals cijfers, streepjes en underscores. Deze karakters maken de alternatieve tekst onduidelijk.
Oplossing:
Verwijder de niet-leesbare karakters en herschrijf de tekst.
Voldoet niet aan SC 1.1.1
Decoratieve content is niet verborgen voor schermlezers
Op alle pagina's zijn de links in de footer zoals "Colofon", "Toegankelijkheid", "Privacy" en andere gescheiden door verticale streepjes. Deze streepjes zijn decoratieve elementen, maar ze zijn niet verborgen voor de schermlezer. Sommige schermlezers kondigen ze aan als "verticale lijn". Decoratieve inhoud moet door schermlezers worden genegeerd.
Verwijder de content: "|" van de link.
Voldoet niet aan SC 1.1.1
Kop is niet gemarkeerd als koptekst
Op bijna alle pagina's staat de tekst "Jaarverslag 2024 | Recht vinden". Deze tekst is niet gemarkeerd als een koptekst. Bijvoorbeeld op de pagina's
Blinde bezoekers hebben niets aan een (tussen)kop die fungeert als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie springen.
Oplossing:
Dit voorkom je door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal kun je het kopniveau kiezen via de content-editor in je CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Voldoet niet aan SC 1.3.1
Onzichtbaar element krijgt toetsenbordfocus
Op bijna alle pagina's staat een zijmenu. In dit menu komt de toetsenbordfocus terecht op een onzichtbaar interactief element na de link “Kerncijfers Wrb 2024”. Bijvoorbeeld op de pagina's
De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen (links, knoppen, formuliervelden). Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren.
Oplossing:
Zorg dat alleen elementen die zichtbaar zijn toetsenbordfocus kunnen krijgen en dat de focusvolgorde logisch is.
Voldoet niet aan SC 2.4.3
Alternatieve tekst bevat onleesbare karakters
Op bijna alle pagina's bevat de tekstalternatief voor afbeeldingen niet-leesbare tekens (bijvoorbeeld streepjes, underscores of andere symbolen).
Bijvoorbeeld op de pagina Portrettenserie sociaal advocatuur heeft een afbeelding met onderschrift “Foto gemaakt door: Jari Nuno | Op de foto: advocaat Azzaad Ramsaroep” de alternatieve tekst “L1011209-Verbeterd-NR-1 Fotograaf Jari Nuno”. De afbeelding met het onderschrift “Janny Lubbers (links) en Anne Bloemendaal” heeft de alternatieve tekst “JannyAnne_srgb”.
Hetzelfde probleem wordt waargenomen voor afbeeldingen op de pagina's:
Alternatieve teksten mogen geen symbolen bevatten zoals streepjes en underscores. Deze karakters maken de alternatieve tekst onduidelijk.
Oplossing:
Aangezien al deze afbeeldingen bijschriften hebben, kan de alternatieve tekst voor de afbeeldingen leeg zijn (alt=""). Dit komt omdat de informatie al wordt verstrekt in het bijschrift, zodat extra alternatieve tekst niet nodig is. Een andere oplossing is om de onleesbare tekens uit de alternatieve tekst te verwijderen en deze opnieuw te schrijven.
Voldoet niet aan SC 1.1.1
Contrast tussen focusindicator en achtergrond is te laag
Op alle pagina's, in de cookie-instellingen “Cookievoorkeuren beheren”, wanneer de knop “Cookievoorkeuren opslaan” de focus krijgt, is deze zichtbaar door een lichtblauwe (#BFDEFF) focusrand. De contrastverhouding tussen de focusrand en de witte achtergrond is 1,4:1.
Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien.
Oplossing:
Gebruik voor de focusindicator een kleur met een contrast van minimaal 3,0:1 met de achtergrond.
Er staan twee kopjes van hetzelfde niveau direct onder elkaar
Op deze pagina wordt een kop van niveau 1 direct gevolgd door een andere kop van hetzelfde niveau. Zie bijvoorbeeld “Jaarverslag 2024 | Recht vinden” en “Startpagina” (verborgen kop).
Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt. Direct onder het eerste h1-element mag een h2-element komen of andere content, maar niet nog een keer een h1-element.
Oplossing:
Pas de tekst aan, zodat de kopregelniveaus de structuur van de tekst correct weergeven.
Voldoet niet aan SC 1.3.1
Decoratieve afbeelding is niet verborgen voor schermlezers
Op de homepagina, onder de kop "Jaarverslag 2024 | Recht vinden", staat een lijst met links (“Voorwoord”, “Sociaal zekerheidsrecht”, enz.). Elke link heeft een decoratieve afbeelding. Bijvoorbeeld, er is een nieuws icoon met de tekstalternatief "nieuws". Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Hetzelfde probleem doet zich voor bij de lijst naast "Tolken/vertalers".
Oplossing:
Je kunt dit op verschillende manieren bereiken:
Voor img-elementen gebruik je een leeg alt-attribuut: alt=””.
Voldoet niet aan SC 1.1.1
Toetsenbordfocus is niet zichtbaar
Op deze pagina is de toetsenbordfocus niet zichtbaar op de drie links onder "Kerncijfers". Deze links zijn onzichtbaar op de pagina, maar wel zichtbaar voor hulpsoftware. De tekst van de eerste link is “Gebruik tweedelijnsrechtsbijstand (advocatuur en mediation)”.
De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten namelijk goed kunnen zien op welke plek van de pagina ze zijn om interactieve elementen te kunnen bedienen.
Oplossing:
Zorg dat de genoemde elementen een duidelijk zichtbare toetsenbordfocus-stijl hebben, door de standaard browser indicator te gebruiken of door zelf een stijl toe te voegen die aan de toegankelijkheidseisen voldoet (voldoende contrast, duidelijk te onderscheiden).
Voldoet niet aan SC 2.4.7
Geanimeerde teller presenteert onjuiste informatie aan schermlezers
Op de homepagina onder "Kerncijfers" staan tellers. Wanneer een schermlezergebruiker naar deze teller luistert, hoort hij veranderende nummers tijdens de animatie in plaats van de uiteindelijke waarde. Bijvoorbeeld, het nummer moet 398.090 zijn, maar de gebruiker hoort mogelijk 94.586 terwijl de teller nog aan het laden is.
Dit is een probleem omdat schermlezergebruikers de juiste informatie niet krijgen. De schermlezer leest het huidige nummer voor terwijl het verandert. Het is niet duidelijk welke waarde het uiteindelijk moet zijn.
Oplossing:
Verberg de geanimeerde teller voor schermlezers met aria-hidden="true" en voeg een visueel verborgen element toe met het uiteindelijke getal dat schermlezers kunnen lezen.
Relatie tussen links in een groep is niet in HTML vastgelegd
Op deze pagina, onder "Overzicht van derden met wie de Raad persoonsgegevens deelt," staat een groep letters met links die visueel als een groep worden gepresenteerd, maar deze relatie wordt niet weerspiegeld in de HTML-structuur.
Als het voor een ziende bezoeker duidelijk is dat een groep links of teksten bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn.
Oplossing:
Neem de elementen bijvoorbeeld op in een ul-element of nav-element.
Op deze pagina staat een tabel "Bezoldiging leidinggevende topfunctionarissen met dienstbetrekking". Deze heeft een complexe structuur, met verschillende rijen die visueel als kolomkoppen fungeren. Echter, alleen de eerste rij is correct gecodeerd met de juiste semantische rol als kolomkop met behulp van de <th> element. Hierdoor zullen schermlezergebruikers niet de juiste informatie ontvangen dat de eerste kolom de functie beschrijft ("Functiegegevens"). In plaats daarvan zullen ze horen dat deze kolom gaat over het bedrag in euro’s ("bedragen x €1"), wat onjuist is. Deze fout komt doordat de kop "bedragen x €1" wordt geassocieerd met de functiekolom, in plaats van de kolom met de bedragen.
Dit is een probleem omdat schermlezers afhankelijk zijn van correcte markering om de relatie tussen koppen en gegevenscellen te kunnen begrijpen. Wanneer de koppen niet overeenkomen met de werkelijke inhoud van de kolommen, zullen bezoekers de structuur en inhoud van de tabel verkeerd begrijpen. Hetzelfde probleem doet zich voor bij andere tabellen op deze pagina.
Oplossing:
Het wordt aanbevolen om de tabelstructuur te vereenvoudigen en, indien meerdere kolomkoppen nodig zijn, meerdere kolomkoppen te gebruiken met de juiste semantische markering. Zie de voorbeelden voor meerlagige koppen op Toegankelijke tabel.
Voldoet niet aan SC 1.3.1
Kop is niet gemarkeerd als koptekst
Op deze pagina is de volgende tekst niet gemarkeerd als kop: “Delen”.
Blinde bezoekers hebben niets aan een (tussen)kop die fungeert als kop, maar die niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie springen.
Hetzelfde probleem doet zich voor op de volgende pagina’s:
Dit voorkom je door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal kun je het kopniveau kiezen via de content-editor in je CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Voldoet niet aan SC 1.3.1
Cijfers, balans en rekening van baten en lasten 2024
Tabel heeft een niet-informatieve toegankelijke naam en maakt gebruik van een verouderd summary-attribuut
Op deze pagina gebruikt de tabel onder "Activa" het summary-attribuut met de waarde "-". Hierdoor wordt de toegankelijke naam voor de tabel "-" en is deze niet betekenisvol, wat verwarrend kan zijn voor gebruikers van schermlezers.
Daarnaast is het summary-attribuut verouderd in HTML5 en moet het niet meer worden gebruikt. De aanbevolen aanpak is om het <caption>-element te gebruiken om een duidelijke en beschrijvende titel voor de tabel te geven, die toegankelijk is voor alle gebruikers en ondersteund wordt door moderne assistieve technologieën.
Hetzelfde probleem wordt waargenomen voor de tabel onder "Passiva".
Oplossing:
Om dit op te lossen, verwijder het summary-attribuut en voeg een <caption>-element toe met een duidelijke en beschrijvende titel voor de tabel. Dit zorgt ervoor dat de tabel correct toegankelijk is voor schermlezers en voldoet aan moderne webstandaarden.
Voldoet niet aan SC 4.1.2
Tabelkopcel komt niet overeen met de kolominhoud.
De tabel onder "Activa" gebruikt een <th> element in de eerste cel van de rij, met tekst "Na voorstel resultaatbestemming (in euro’s)". Dit is geen kolomkop. De th-element is hier verkeerd gebruikt.
De andere twee cellen met "31-12-2024" en "31-12-2023" zijn kolomkoppen omdat ze iets vertellen over de cellen die onder staan. Deze cellen zijn niet als kolmkopcellen opgemaakt.
De relatie tussen cellen is momenteel onduidelijk voor de schermlezer.
Oplossing:
Verdwijder de gegevenstabel onder de kop “Activa” en “Passiva” of zet deze tabel om in een lay-outtabel, dus zonder th-elementen.
Bij dit PDF-document is geen titel ingesteld in de bestandseigenschappen.
Zelfs als er een titel op de eerste pagina staat, moet je in de PDF-instellingen ook een documenttitel instellen. Als je een PDF opent in een PDF-lezer (zoals Adobe Acrobat of een browser), zie je de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als je een documenttitel in de PDF-metadata instelt, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is.
Los het op in Adobe Acrobat:
Open het PDF-document in Adobe Acrobat.
Ga naar Bestand > Eigenschappen.
Ga naar het tabblad Beschrijving.
Vul in het veld Titel een beschrijvende titel in.
Klik op OK en sla het bestand op.
Voldoet niet aan SC 2.4.2
Informatieve afbeelding is als achtergrondafbeelding geplaatst
Elke pagina van dit PDF-document bevat een logo als een artefact.
Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alt-tekst krijgen die de afbeelding duidelijk beschrijft.
Oplossing:
Voeg het logo toe met de Figure-tag en geef het een beschrijvende alt-tekst.
Voldoet niet aan SC 1.1.1
Koppen zijn niet als kop gemarkeerd
In dit PDF-document zijn verschillende koppen niet gemarkeerd als koppen. Bijvoorbeeld, zie “Missie” en “Visie” (pagina 1), “Onderzoek” (pagina 3), “Locatie van verwerken van persoonsgegevens” (pagina 6).
Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags.
Oplossing:
Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.
Voldoet niet aan SC 1.3.1
Meerdere alinea’s staan in één P-tag
In dit PDF-document, op pagina 1, staat een kop "Visie" en een alinea tekst "De visie van de Raad is:". In de tags zijn deze teksten gemarkeerd als één P-tag.
De visuele structuur moet weerspiegeld worden in de tags. Als tekst visueel uit een aantal alinea's bestaat, moet hetzelfde aantal P-tags aanwezig zijn in de tags.
Oplossing:
Zorg ervoor dat de kop gemarkeerd wordt met de H3-tag en de alinea tekst met de P-tag afzonderlijk.
Voldoet niet aan SC 1.3.1
Lay-outtabel is gemarkeerd als een datatabel
In dit PDF-document is de tabel op pagina 9 gemarkeerd als een datatabel. De eerste twee cellen hebben TH-tags, maar deze cellen zijn geen werkelijke kolomkoppen, het zijn gewoon reguliere cellen. Dit kan schermlezergebruikers verwarren, aangezien deze cellen onterecht als koppen worden aangekondigd. Dit geldt ook voor een tabel op pagina 11.
Oplossing:
Markeer alleen echte tabelkoppen met TH-tags. Reguliere cellen moeten altijd worden gemarkeerd met TD-tags.
Dit PDF-document heeft geen titel ingesteld in de bestandsinstellingen.
Los het op in Adobe Acrobat:
Open het PDF-document in Adobe Acrobat.
Ga naar Bestand > Eigenschappen.
Ga naar het tabblad Beschrijving.
Vul in het veld Titel een beschrijvende titel in.
Klik op OK en sla het bestand op.
Voldoet niet aan SC 2.4.2
Informatieve afbeelding is als achtergrondafbeelding geplaatst
Elke pagina van dit PDF-document bevat een logo als artefact.
Oplossing:
Voeg het logo toe met de Figure-tag en geef het een beschrijvende alt-tekst.
Voldoet niet aan SC 1.1.1
Koppen zijn niet als kop gemarkeerd
In dit PDF-document zijn verschillende koppen niet gemarkeerd als koppen. Bijvoorbeeld, zie "Privacyverklaring Rechtwijzer", "Missie", "Visie" (pagina 1).
Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags.
Oplossing:
Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.
Voldoet niet aan SC 1.3.1
Meerdere alinea’s staan in één P-tag
In dit PDF-document, op pagina 1, staat een kop “Visie” en een alinea tekst “De visie van de Raad is:”. In de tags zijn deze teksten gemarkeerd als één P-tag.
Oplossing:
Zorg ervoor dat de kop wordt gemarkeerd met de H3-tag en de alinea tekst met de P-tag afzonderlijk.
Voldoet niet aan SC 1.3.1
Lay-outtabel is gemarkeerd als een datatabel
In dit PDF-document is de tabel op pagina 8 gemarkeerd als een datatabel. De eerste twee cellen hebben TH-tags, maar deze cellen zijn geen werkelijke kolomkoppen, het zijn gewoon reguliere cellen. Dit kan schermlezergebruikers verwarren, aangezien deze cellen onterecht als koppen worden aangekondigd. Dit geldt ook voor een tabel op pagina 10.
Oplossing:
Markeer alleen echte tabelkoppen met TH-tags. Reguliere cellen moeten altijd gemarkeerd worden met TD-tags.
Op deze pagina, onder de kop "Rechtwijzer.nl (website voor burgers die informatie zoeken en/of hun probleem zelf kunnen en willen oplossen)", staat een link "onderzoeksrapport" met een informatieve afbeelding die aangeeft dat het bestand in PDF-formaat is. Deze informatieve afbeelding is toegevoegd als achtergrondafbeelding en er is geen tekstalternatief aanwezig.
Een afbeelding die als achtergrond is toegevoegd aan een pagina, is ontoegankelijk voor schermlezers. Blinde bezoekers krijgen de informatie uit de afbeelding dus niet door. Zorg ervoor dat de informatie toch beschikbaar is via een tekstalternatief. Dit kan via een zichtbare tekst op de pagina. Je kunt de afbeelding ook via het img-element plaatsen en de informatie in de alt-tekst zetten.
Voldoet niet aan SC 1.1.1
Linktekst is niet duidelijk genoeg
Op deze pagina staan meerdere links met dezelfde tekst "onderzoeksrapport". Uit deze tekst is niet af te leiden wat het verschil is tussen deze links.
Linkteksten die meerdere keren op een pagina voorkomen (zoals ‘onderzoeksrapport’), geven de bezoeker geen duidelijke aanwijzingen over de bestemming van de link.
Hetzelfde geldt voor de link "toegankelijkheidsverklaring".
Oplossing:
Zorg dat duidelijk is waar een link naartoe leidt, bijvoorbeeld door een tekst als “onderzoeksrapport” aan te vullen met de URL van de website. Als visueel duidelijk is bij welk onderdeel de link hoort, kan deze aanvullende tekst visueel verborgen worden.
De linknaam wordt dan bijvoorbeeld "onderzoeksrapport van de RaadvoorRechtsbijstand.org."
Lange beschrijving van een complexe afbeelding is incompleet.
Op deze pagina, onder "Reguliere toevoegingen," staat een infographic die zowel een korte beschrijving (alt-tekst) als een lange beschrijving heeft. De lange beschrijving noemt echter alleen de belangrijkste secties van de afbeelding: “In 2024 was van de reguliere toevoegingen: 34% strafrechtelijk, 40% civielrechtelijk en 26% bestuursrechtelijk.” Elk van deze secties bevat meer informatie die niet in het tekstalternatief wordt gegeven. Daarnaast bevat de grafiek waarden met sterren, en er is een legenda onder de grafiek die deze symbolen verklaart. Deze legenda ontbreekt ook in de lange beschrijving.
Dit is een probleem omdat schermlezergebruikers niet alle informatie ontvangen die in de infographic wordt gepresenteerd. Belangrijke details over de onderverdelingen en de betekenis van de asterisken zijn niet voor hen beschikbaar, wat betekent dat ze inhoud missen die zichtbare gebruikers wel kunnen zien.
Oplossing:
Zorg ervoor dat de lange beschrijving alle relevante details bevat – zowel de onderverdelingen binnen elk gedeelte als de volledige legenda voor de waarden met sterretjes – zodat alle gebruikers gelijke toegang hebben tot de informatie in de afbeelding.
Voldoet niet aan SC 1.1.1
Contrast van tekst in afbeelding is te laag
Op deze pagina, onder de "Reguliere toevoegingen," staat een infographic. De blauwe tekst (#1E3761) "Straf verdachten" op de rode achtergrond (#CE7070) heeft een contrastverhouding van 3,5:1. De blauwe tekst (#0B3867) "Sociale voorzieningen" op de blauwe achtergrond (#4D6E8F) heeft een contrastverhouding van 2,2:1. En de witte tekst op verschillende tinten lichtblauw (#8097AF) en (#66829F) heeft contrastverhoudingen van respectievelijk 3:1 en 4:1.
Oplossing:
Tekst die kleiner is dan 18pt moet een kleurcontrast hebben van minimaal 4,5:1 met de achtergrond. Vanaf 18pt of 14pt vetgedrukt is dit minimaal 3,0:1.
Voldoet: 44
Voldoet niet: 11
