Rapport in PDF Rapport in XLSX Rapport online (HTML)

Deelonderzoek techniek vergoedingen.nijmegen.nl versie 1.3

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
Forus
Evaluatiedatum
16 juni 2026

Managementsamenvatting

Dit is een hertoetsing van het deelonderzoek techniek van 14 januari 2025. In combinatie met een deelonderzoek content vormt dit een volledig toegankelijkheidsonderzoek van de website.

Uit dit onderzoek blijkt dat wordt voldaan aan 40 van de 43 techniek-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positief is bijvoorbeeld dat de website goed werkt op mobiel, dat de taal van de pagina's goed is ingesteld en de toetsenbordfocus goed zichtbaar is.

Verbeterpunten zijn er onder andere nog bij de opmaak van koppen en het correct doorgeven van de status van elementen aan hulpsoftware.

Scope van de evaluatie

Website naam
vergoedingen.nijmegen.nl hertoetsing versie 1.3
Scope van de website
Alle pagina's op https://vergoedingen.nijmegen.nl/. Ingelogde pagina's via https://test-vergoedingen.nijmegen.nl/. Niet de pagina's behorende bij het proces 'Aanmelden als aanbieder'. Niet de functionaliteit voor het indienen van declaraties (dit is er uit gehaald bij de hertoetsing van januari 2025).
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 43 van 50 WCAG 2.1 AA Success Criteria.

  • 32 Voldoende
  • 3 Onvoldoende
  • 0 Onbekend
  • 8 Niet van toepassing
  • 7 Niet getoetst

Alle resultaten

1 Waarneembaar

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

Uitkomst: Voldoende
Hele sample

Opmerking hertoetsing juni 2026: de alt-teksten bij de aanbod-items zijn nog niet overal goed beschrijvend, maar ze lijken niet meer automatisch gevuld te worden door het systeem. Hierdoor is het nu de verantwoordelijkheid van de redactie en valt het niet meer onder het deelonderzoek techniek.
1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

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

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

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

Uitkomst: Niet getoetst
1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

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

Uitkomst: Onvoldoende

Kickboxing (aanbod)

Uitkomst: Onvoldoende

Mijn tegoeden + inloggen op de app (popup window)

Uitkomst: Voldoende

Kickboxing institute (aanbieder)

Uitkomst: Onvoldoende
Hele sample

Hertoetsing juni 2026: wanneer je in de zoekbalk in de header een woord invoert, opent er een popup. Hierin staan aan de rechterkant kopjes, welke niet als kop zijn opgemaakt, maar met het -element. Screenreaders kunnen deze hierdoor niet als kop herkennen.

Kickboxing (aanbod)

Hertoetsing juni 2026: alle kopjes hebben nu kopopmaak, maar de hiërarchie klopt nog niet overal. Zo is de kop ‘Omschrijving’ op h2-niveau, maar de kopjes eronder ook. Die horen dan op h3-niveau te staan. Hetzelfde geldt voor ‘Misschien vind je dit ook leuk?’ en de koppen eronder van de aanbod-items. Die zijn ook op h2 i.p.v. h3-niveau.

Mijn tegoeden + inloggen op de app (popup window)

Wanneer je kiest voor ‘Inloggen op de app’ opent er een popup. Hierin staan invoervelden zonder label en met ongeldige aria-attributen. Hierdoor is het onduidelijk wat waar ingevuld moet worden.

Hertoetsing januari 2025: de invoervelden hebben nu een label, maar deze is voor elk veld identiek. Bovendien hebben de velden het type telefoonnummer, waardoor het nog niet erg duidelijk is wat hier verwacht wordt. Pas het type aan en geef per veld aan om welk nummer het gaat.

Hertoetsing juni 2026 Opmerking: de labels zijn nu goed, maar er staat nog wel in dat het om een telefoonnummer gaat. Dit leest de screenreader dus ook nog voor. Het is beter om dit aan te passen.

Kickboxing institute (aanbieder)

De tussenkopjes onder ‘Omschrijving’ zijn niet als kop opgemaakt, maar met het strong-element. Hierdoor verschijnen deze kopjes niet in koppenlijsten van hulpsoftware. Bezoekers die via deze lijsten navigeren, missen nu deze informatie. NB: wanneer de aanbieder dit zelf kan instellen hoort dit bij de content.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Niet getoetst
1.3.4: Weergavestand
Hele sample

Uitkomst: Voldoende
1.3.5: Identificeer het doel van de input
Hele sample

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

Uitkomst: Voldoende
1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet van toepassing
1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Voldoende
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Voldoende
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Niet getoetst
1.4.10: Reflow
Hele sample

Uitkomst: Voldoende
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Voldoende
1.4.12: Tekstafstand
Hele sample

Uitkomst: Voldoende
1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet van toepassing

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Voldoende
2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Voldoende
2.1.4: Enkel teken sneltoetsen
Hele sample

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

Uitkomst: Voldoende
2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet van toepassing
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: Voldoende
2.4.2: Paginatitel
Hele sample

Uitkomst: Voldoende
2.4.3: Focus volgorde
Hele sample

Uitkomst: Voldoende
2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Voldoende
2.4.5: Meerdere manieren
Hele sample

Uitkomst: Voldoende
2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende
2.4.7: Focus zichtbaar
Hele sample

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

Uitkomst: Niet van toepassing
2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Voldoende
2.5.3: Label in naam
Hele sample

Uitkomst: Voldoende
2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet van toepassing

3 Begrijpelijk

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

Uitkomst: Voldoende
3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Voldoende
3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Voldoende
3.2.2: Bij input
Hele sample

Uitkomst: Voldoende
3.2.3: Consistente navigatie
Hele sample

Uitkomst: Voldoende
3.2.4: Consistente identificatie
Hele sample

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

Uitkomst: Voldoende
3.3.2: Labels of instructies
Hele sample

Uitkomst: Voldoende
3.3.3: Foutsuggestie
Hele sample

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

Uitkomst: Niet van toepassing

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Voldoende
4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Onvoldoende

Vergoedingen

Uitkomst: Onvoldoende

Busvoordeelabonnement (vergoeding)

Uitkomst: Onvoldoende
Vergoedingen

Hertoetsing: Onder Organisatie en Categorie staan invoervelden. Deze lijken visueel op een select met opties, maar het zijn nu in de code buttons die een listbox openen. De rol en werking hiervan is niet duidelijk voor gebruikers van hulpsoftware. De listbox heeft geen toegankelijke naam. Ook worden er invoervelden genest. Met het toetsenbord werkt het niet zoals verwacht bij een listbox met de enter toets om de lijst te openen en de pijltjestoetsen om tussen de opties te navigeren. Met de screenreader (getest met VoiceOver in Safari) is het nu onmogelijk om een optie te selecteren.

Hertoetsing juni 2026: het werkt nu beter met het toetsenbord en screenreader. Alleen de status klopt nog niet: de listbox wordt aangekondigd als ‘collapsed’ wanneer het al wel ‘expanded’ is. Alle opties zijn nu wel bereikbaar.

Busvoordeelabonnement (vergoeding)

Onderaan de pagina staan onderdelen die je kunt uitklappen, zoals ‘Abonnement verlengen’. Deze elementen zijn echter enkel h2-koppen, geen buttons. Maak hier buttons van en geef ook de status aan. Dit kan via het aria-expanded attribuut op de buttons. Hertoetsing: er staan nu geneste buttons, dit kan problemen geven voor hulpsoftware. Het div-element met de class faq-item ng-scope heeft een button role, en de h2 die er in staat ook. Haal bijvoorbeeld de role=”button” en de tabindex weg van de h2.

Hertoetsing januari 2025: er zijn geen geneste buttons meer, maar als je een vraag opent, komt de gehele inhoud in de button te staan, dus niet alleen de vraag, maar ook het geopende item.

Hertoetsing juni 2026: de buttons hebben geen overbodige inhoud meer, maar ook geen status. Het ‘aria-expanded’ attribuut staat nu op het div-element erboven, niet op de button. Hierdoor wordt de status niet doorgegeven aan screenreaders. Zet ook het ‘aria-controls’-attribuut op de button.
4.1.3: Statusberichten
Hele sample

Uitkomst: Onvoldoende

Mijn tegoeden + inloggen op de app (popup window)

Uitkomst: Onvoldoende
Mijn tegoeden + inloggen op de app (popup window)

Hertoetsing juni 2026: wanneer er een verkeerd nummer wordt ingetoetst bij het koppelen met de app, verschijnt er een tekst in rood ‘onbekende code’. Deze wordt niet voorgelezen en de focus gaat er niet naar toe. Hierdoor is het voor gebruikers van hulpsoftware niet duidelijk wat er aan de hand is. Dit kan worden opgelost via het gebruik van live regions voor de statusberichten. Zie voor meer info https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html#techniques

Sample

  1. Startpagina - https://vergoedingen.nijmegen.nl/
  2. Vergoedingen - https://vergoedingen.nijmegen.nl/fondsen
  3. Busvoordeelabonnement (vergoeding) - https://vergoedingen.nijmegen.nl/fondsen/37
  4. Aanbod overzicht - https://vergoedingen.nijmegen.nl/aanbod
  5. Kickboxing (aanbod) - https://vergoedingen.nijmegen.nl/aanbod/3884
  6. Aanbieders - https://vergoedingen.nijmegen.nl/aanbieders
  7. AB Houtcreaties (aanbieder) - https://vergoedingen.nijmegen.nl/aanbieders/569
  8. Uitleg - https://vergoedingen.nijmegen.nl/uitleg
  9. Zoekresultaten - https://vergoedingen.nijmegen.nl/search?q=sport&search_item_types=products
  10. Inloggen - https://vergoedingen.nijmegen.nl/start
  11. Aanvraag busvoordeelabonnement (proces) - https://test-vergoedingen.nijmegen.nl/fondsen/49/activeer
  12. Mijn tegoeden + inloggen op de app (popup window) - https://test-vergoedingen.nijmegen.nl/tegoeden
  13. Notificaties - https://test-vergoedingen.nijmegen.nl/notifications
  14. Notificatievoorkeuren - https://test-vergoedingen.nijmegen.nl/preferences/notifications
  15. Kickboxing institute (aanbieder) - https://vergoedingen.nijmegen.nl/aanbieders/2047
  16. Random pagina 1 - https://vergoedingen.nijmegen.nl/fondsen/26
  17. Random pagina 2 - https://vergoedingen.nijmegen.nl/aanbod/3845

Technologie

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

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek:

  • Chrome 109 en Safari 16.3 met Voiceover op Mac 13.2
  • Chrome 109 op iOS 16.2
  • Edge 109 op Windows 10