Rapport in PDF Rapport in XLSX Rapport online (HTML)

Deelonderzoek content meedoenisdbrabantsewal.nl

Inleiding

Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?

De Web Content Accessibility Guidelines (WCAG) versie 2.1 AA is het verplichte niveau onder de Europese standaard EN 301 549 en de European Accessibility Act. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.

Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.

De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).

Over deze evaluatie

Rapport auteur
Janita Top
Evaluatie opdrachtgever
ISD Brabantse Wal
Evaluatiedatum
28 januari 2026

Managementsamenvatting

Dit rapport bevat het deelonderzoek content. In combinatie met het deelonderzoek techniek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 18 van de 22 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positief is bijvoorbeeld dat er geen zintuiglijke eigenschappen worden gebruikt om betekenis over te brengen, dat er geen afbeeldingen van tekst worden gebruikt en dat het contrast van de tekst op de website voldoende is.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Onjuiste of missende alt-teksten bij afbeeldingen
  • Onjuiste koppenstructuur
  • Verplichte velden worden niet goed uitgelegd

Scope van de evaluatie

Website naam
meedoenisdbrabantsewal.nl
Scope van de website
Alle pagina's op https://meedoenisdbrabantsewal.nl/.
WCAG Versie
2.2
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 22 van 55 WCAG 2.2 AA Success Criteria.

  • 12 Voldoende
  • 4 Onvoldoende
  • 6 Niet van toepassing
  • 33 Niet getoetst

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven
Success Criterium Uitkomst Bevindingen
1.1.1: Niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende
Hele sample

Het logo in de header heeft de zichtbare tekst 'ISD Intergemeentelijke Sociale Dienst Brabantse Wal', maar de alt-tekst luidt ‘Naar de homepagina van meedoenisdbrabantsewal.nl'. Zorg dat de alternatieve tekst gelijk is aan de zichtbare tekst, zodat screenreadergebruikers dezelfde informatie krijgen als ziende gebruikers. Ook is deze alt-tekst vreemd, omdat er om dit logo geen link heen staat.

Homepage

De afbeeldingen bij het aanbod hebben een alt-tekst waarin de titel wordt herhaald en vaak ook nog een deel van de beschrijving staat. Dit is niet correct en voegt niks toe. Het zorgt juist voor veel ruis voor screenreadergebruikers. Een voorbeeld van een alt-tekst: ’De aanbieder omschrijft het aanbod als volgt: Het Nederlands Openluchtmuseum'. Zorg voor een korte alt-tekst die de afbeelding beschrijft of laat de alt-tekst hier leeg. Dat komt ook ten goede aan de linkteksten, die nu heel erg lang zijn, mede door de lange alt-teksten. Dit komt op meerdere pagina’s voor waar aanbod wordt getoond, bijvoorbeeld in de zoekresultaten en in de fotoslider op de pagina ‘Aanbieding Combi Duinrell & 2 uur Tikibad’.
1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

Uitkomst: Niet van toepassing
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing
1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

Uitleg

Uitkomst: Onvoldoende

Regeling Meedoen Volwassenen (Bergen op Zoom)

Uitkomst: Onvoldoende

Aanbieding Combi Duinrell & 2 uur Tikibad

Uitkomst: Onvoldoende

Aanbieder HW-Rijwielen

Uitkomst: Onvoldoende
Uitleg

De pagina heeft geen logische koppenhiërarchie. Bovenaan de content staan twee h2-koppen direct achter elkaar. De subkoppen daaronder staan ook op h2-niveau, maar horen op h3-niveau te staan. Zie screenshot 1. Screenreadergebruikers navigeren vaak via koppen. Zorg daarom voor een goede koppenhiërarchie waarbij geen niveaus worden overgeslagen en qua betekenis de juiste koppen onder elkaar staan.

Regeling Meedoen Volwassenen (Bergen op Zoom)

De pagina heeft geen logische koppenhiërarchie. Er is een h2-kop “Aanbod’ met daaronder de lijst met aanbiedingen. Deze aanbiedingen hebben ook een h2-kop, maar zouden een h3-kop moeten hebben omdat ze onder het aanbod vallen.

Aanbieding Combi Duinrell & 2 uur Tikibad

De tussenkopjes onder ‘Omschrijving’ staan opgemaakt met het strong-element in plaats van met kopelementen. Screenreader gebruikers die navigeren via koppen missen deze nu. Maak hier (h3-)kopelementen van. Dit komt op meerdere pagina’s voor.

Wanneer je de knop ‘Hoe kan ik betalen?’ activeert, opent er een popup. De kopjes in deze content zijn niet als kop opgemaakt.

Onder ‘Praktische informatie’ staat visueel een lijst, maar in de code zijn dit paragrafen met witruimte ertussen. Voor screenreadergebruikers is de lijstopmaak nu niet aanwezig. Maak hier een correcte lijst van (met ul - en li-elementen) via de lijstopmaakoptie in het CMS.

Onder ‘Kies het tegoed’ staan 3 onderdelen met kopjes, die niet als kop zijn opgemaakt.

Onderaan de pagina is een h2-kop “Misschien vind je dit ook leuk?’ met daaronder de een aantal aanbiedingen. Deze aanbiedingen hebben ook een h2-kop, maar zouden een h3-kop moeten hebben.

Aanbieder HW-Rijwielen

Visueel zijn er bovenaan de pagina 3 aparte dataparen: E-mailadres, Telefoonnummer en Type aanbieder. Voor screenreadergebruikers is dit echter doorlopende tekst. Maak hier bijvoorbeeld een definition list van (dl) om de structuur ook voor hulpsoftware duidelijk te maken. Dit issue komt ook voor onder ‘Gegevens’ op de pagina Mijn tegoeden - Kerstpakket’.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Niet getoetst
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample

Uitkomst: Niet getoetst
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Niet getoetst
Hele sample

.
1.4 Onderscheidbaar
Success Criterium Uitkomst Bevindingen
1.4.1: Gebruik van kleur
Hele sample

Uitkomst: Voldoende

Aanbieding Combi Duinrell & 2 uur Tikibad

Uitkomst: Voldoende
Aanbieding Combi Duinrell & 2 uur Tikibad

Opmerking: Onder Betaalopties staat een knop die er uit ziet als een link (als gewone tekst). Deze knop is alleen aangegeven met een andere kleur. Slechtzienden en kleurenblinden kunnen missen dat hier een knop staat. Zie screenshot 2 voor een voorbeeld van hoe dit er uit ziet zonder kleurperceptie. Voeg bijvoorbeeld een rand om de tekst toe om dit duidelijker te maken.
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet getoetst
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Voldoende
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Niet getoetst
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Voldoende
1.4.10: Reflow
Hele sample

Uitkomst: Niet getoetst
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample

Uitkomst: Niet getoetst
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet getoetst

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Niet getoetst
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Niet getoetst
2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Niet getoetst
2.2 Genoeg tijd
Success Criterium Uitkomst Bevindingen
2.2.1: Timing aanpasbaar
Hele sample

Uitkomst: Niet getoetst
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet getoetst
2.3 Toevallen en fysieke reacties
Success Criterium Uitkomst Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample

Uitkomst: Voldoende
2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Niet getoetst
2.4.2: Paginatitel
Hele sample

Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Voldoende
2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet getoetst
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

Uitkomst: Niet getoetst
2.4.11: Focus Not Obscured (Minimum)
Hele sample

Uitkomst: Niet getoetst
2.5 Input Modaliteiten
Success Criterium Uitkomst Bevindingen
2.5.1: Aanwijzergebaren
Hele sample

Uitkomst: Niet getoetst
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Niet getoetst
2.5.3: Label in naam
Hele sample

Uitkomst: Onvoldoende
Hele sample

De link achter het logo heeft een andere toegankelijke naam dan wat er zichtbaar is. Hierdoor kan de link niet met stem bediend worden. Zorg ervoor dat de toegankelijke naam (zoals alt-tekst) altijd minstens de zichtbare tekst bevat. Zie ook 1.1.1.
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet getoetst
2.5.7: Dragging Movements
Hele sample

Uitkomst: Niet getoetst
2.5.8: Target Size (Minimum)
Hele sample

Uitkomst: Niet getoetst

3 Begrijpelijk

3.1 Leesbaar
Success Criterium Uitkomst Bevindingen
3.1.1: Taal van de pagina
Hele sample

Uitkomst: Niet getoetst
3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Niet van toepassing
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Niet getoetst
3.2.2: Bij input
Hele sample

Uitkomst: Niet getoetst
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Niet getoetst
3.2.4: Consistente identificatie
Hele sample

Uitkomst: Voldoende
3.2.6: Consistent Help
Hele sample

Uitkomst: Niet getoetst
3.3 Assistentie bij invoer
Success Criterium Uitkomst Bevindingen
3.3.1: Foutidentificatie
Hele sample

Uitkomst: Voldoende

Mijn tegoeden - Kerstpakket

Uitkomst: Voldoende
Mijn tegoeden - Kerstpakket

Opmerking: bij het huisnummerveld (bij het aanvragen van een pas) staat de foutmelding in het Engels. Zie screenshot 3. Het is ook goed om van tevoren te vermelden dat alle velden verplicht zijn.
3.3.2: Labels of instructies
Hele sample

Uitkomst: Onvoldoende

Mijn tegoeden - Kerstpakket

Uitkomst: Onvoldoende
Mijn tegoeden - Kerstpakket

Bij het kosten terugvragen wordt de betekenis van de asterisk (*) voor verplichte velden niet uitgelegd. Dit is mogelijk niet voor iedereen duidelijk, wat onnodige foutmeldingen oplevert. Zet een uitleg hiervan in het begin van het formulier, of geef het aan in tekst. Ook kan een ‘required’ of ‘aria-required’ attribuut behulpzaam zijn voor gebruikers van hulpsoftware, aangezien de asterisk niet door alle screenreaders goed wordt voorgelezen.

Opmerking: bij het IBAN-veld in de tooltip staat een instructie die verwarrend is. Gaat het hier om het nummer of de naam? Zie screenshot 4.
3.3.3: Foutsuggestie
Hele sample

Uitkomst: Voldoende
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet getoetst
3.3.7: Redundant Entry
Hele sample

Uitkomst: Niet getoetst
3.3.8: Accessible Authentication (Minimum)
Hele sample

Uitkomst: Niet getoetst

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Niet getoetst
4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample

  1. Homepage - https://meedoenisdbrabantsewal.nl/
  2. Uitleg - https://meedoenisdbrabantsewal.nl/uitleg
  3. Zoekresultaten ‘museum’ - https://meedoenisdbrabantsewal.nl/search?q=museum
  4. Regelingen - https://meedoenisdbrabantsewal.nl/fondsen
  5. Regeling Meedoen Volwassenen (Bergen op Zoom) - https://meedoenisdbrabantsewal.nl/fondsen/172
  6. Aanbod - https://meedoenisdbrabantsewal.nl/aanbod
  7. Aanbieding Combi Duinrell & 2 uur Tikibad - https://meedoenisdbrabantsewal.nl/aanbod/6905
  8. Aanbieding Madurodam - https://meedoenisdbrabantsewal.nl/aanbod/5665
  9. Aanbieders - https://meedoenisdbrabantsewal.nl/aanbieders
  10. Aanbieder HW-Rijwielen - https://meedoenisdbrabantsewal.nl/aanbieders/2812
  11. Mijn verlanglijst - https://meedoenisdbrabantsewal.nl/verlanglijst
  12. Mijn tegoeden - Kerstpakket - https://meedoenisdbrabantsewal.nl/tegoeden/87880599

Technologie

HTML,CSS,WAI-ARIA,JavaScript,SVG,DOM

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek:

  • Chrome 144 en Safari 26.2 met Voiceover op Mac 15.7.3

Screenshots

  1. koppenlijst uitleg pagina
    Figuur 1: de kophiërarchie klopt niet
    ↩
  2. knop betaalopties
    Figuur 2: de knop 'Hoe kan ik betalen?' is lastig te herkennen zonder kleur
    ↩
  3. foutmelding
    Figuur 3: de foutmelding is deels in Engels
    ↩
  4. tooltip
    Figuur 4: de helptekst is verwarrend
    ↩