Rapport in PDF Rapport in XLSX Rapport online (HTML)

Onderzoek toegankelijkheid bezoek.parkeer.nl/almere

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
Gemeente Almere
Evaluatiedatum
27 augustus 2026

Managementsamenvatting

Uit dit onderzoek blijkt dat wordt voldaan aan 40 van de 55 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 bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden, dat blokken met herhalende links omzeild kunnen worden en dat de taal van de pagina’s goed is ingesteld.

Verbeteringen zijn echter nog mogelijk op diverse punten, zoals:

  • Invoervelden zonder labels
  • De focusvolgorde is niet overal logisch
  • Niet alle functionaliteit werkt met het toetsenbord

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 55 van 55 WCAG 2.2 AA success criteria.

  • 25 Voldoende
  • 15 Onvoldoende
  • 15 Niet van toepassing
  • 0 Niet getoetst

Alle resultaten

1 Waarneembaar

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

Uitkomst: Onvoldoende

Startpagina

Uitkomst: Onvoldoende
Startpagina

Bovenaan de pagina staat een afbeelding met de titel ‘BezoekersApp Almere’. Dit is een afbeelding zonder alternatieve tekst. Zorg dat deze informatie ook beschikbaar is voor bezoekers die de afbeelding niet kunnen zien, bijvoorbeeld als h1-kop.
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

Nieuwe parkeeractie starten (proces)

Uitkomst: Onvoldoende
Nieuwe parkeeractie starten (proces)

Het invoerveld voor het kenteken heeft geen label voor hulpsoftware. Het zichtbare label ‘kenteken’ dat er boven staat is een h3-element. Deze is niet programmatisch gekoppeld aan het invoerveld. Hetzelfde issue bestaat voor het invoerveld van de naam. Het zou beter zijn deze labels te coderen als label in plaats van als kop. Dit komt op veel plekken voor.

Wanneer er parkeeracties actief zijn, komt er bij de eerste link in het hoofdmenu een nummer te staan. In de toegankelijke tekst van de link staat deze niet, omdat deze wordt overschreven door het aria-label op de link. Zorg dat dit nummer ook in het aria-label terugkomt of haal het aria-label weg.

Onder de h3-kop ‘Kentekens aanmelden’ staat een h4 kop met een paragraaf tekst: ‘Er zijn nog geen kentekens toegevoegd. Meld een nieuw kenteken aan of selecteer onderstaand een kenteken uit uw favorieten of parkeerhistorie.’ Dit hoort in de code geen kop te zijn, maar een paragraaf.

Visueel worden er tabs gebruikt voor ‘Lijst’, ‘Kaart’ en ‘Handmatig invoeren’. In de code zijn dit links, waardoor het voor een gebruiker van hulpsoftware niet duidelijk is dat hiermee panels worden geopend en welke ‘tab’ actief is. Beter is het om hier een opmaak voor tabs te gebruiken. Zie ook https://www.w3.org/TR/wai-aria-1.1/#tablist.

Bij starten van een parkeeractie zijn er groepen met invoervelden voor Begintijd en Eindtijd. Deze invoervelden zijn niet gegroepeerd en hebben geen groepslabel. Dit kan worden gedaan via een fieldset en legend of via role="group" en een “aria-labelledby”-attribuut dat hier verwijst naar de beschrijvende tekst. Met een groepslabel worden bij losse invoervelden met waarden ook het groepslabel voorgelezen, zodat de relatie ook duidelijk is wanneer je deze niet kunt zien. Dit komt ook voor bij het wijzigen van een machtiging.
1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Voldoende
1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende
1.3.4: Weergavestand
Hele sample

Uitkomst: Onvoldoende
Hele sample

Op mobiele apparaten is de website alleen in portretweergave goed te gebruiken. In landschapsweergave is het menu voor het grootste deel onbereikbaar. Zie screenshot 3. In het hoofdgedeelte worden teksten in landschapsweergave vaak afgebroken binnen vakken (dan is er niet voldoende ruimte voor de teksten). Zie screenshot 4. Mensen die motorisch beperkt zijn, kunnen niet altijd het apparaat draaien. Zorg daarom dat alles altijd bereikbaar is op portret- en op landschapsmodus.
1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Onvoldoende

Machtigingen

Uitkomst: Onvoldoende
Machtigingen

Het invoerveld voor Naam bij het aanmaken van een nieuwe machtiging heeft geen mechanisme waarmee de invoer automatisch kan worden aangevuld. Automatisch invullen maakt het invullen van formulieren voor veel gebruikers gemakkelijker, bijvoorbeeld voor mensen voor wie het invoeren van tekst veel tijd kost omdat dit via speciale hulpmiddelen gaat, of voor mensen met cognitieve beperkingen.
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: Onvoldoende

Startpagina

Uitkomst: Onvoldoende

Nieuwe parkeeractie starten (proces)

Uitkomst: Onvoldoende
Hele sample

Tekst moet een contrast hebben van minimaal 4,5:1 voor slechtzienden en kleurenblinden. Dat geldt ook voor actieve elementen zoals op hover en focus. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

Startpagina

De knop ‘Volgende’ op hover en focus (blauw/rood, 2.08:1). Deze combinatie komt vaker bij knoppen voor, bijvoorbeeld om een parkeeractie te starten of stoppen.

Nieuwe parkeeractie starten (proces)

De tekst ‘Bezoekersregeling BP Stad’ boven in de header (grijs/blauw, 2.7:1). Zie screenshot 1.
1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Onvoldoende
Hele sample

Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot minimaal 200% beschikbaar blijft. Op onderstaande plekken op de site is dit niet het geval.

  • Het inzoomen op mobiele apparaten wordt belemmerd via het meta element.
  • De tekst ‘Product Bezoekersregeling BP Stad’ in de header verdwijnt vanaf 175% zoom.
1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Onvoldoende

Startpagina

Uitkomst: Onvoldoende
Startpagina

Bovenaan de pagina staat een afbeelding met de titel ‘BezoekersApp Almere’. Deze tekst is daardoor voor bezoekers niet aan te passen aan voor hen geschikt gebruik, zoals vergroten of de kleuren aanpassen. Plaats teksten met HTML of biedt een tekstalternatief.
1.4.10: Reflow
Hele sample

Uitkomst: Onvoldoende
Hele sample

Maak de layout zodanig responsive dat alle content en functionaliteit bij inzoomen tot 400% (vergelijkbaar met 320 px breed) goed bruikbaar blijft, en er niet in twee richtingen gescrold hoeft te worden. Op onderstaande plekken op de site is dit niet het geval. (Getest op 1280px breed.)

Op 400% vallen teksten soms gedeeltelijk weg (ze passen niet in de kaders). Zie screenshot 2.
1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende
Hele sample

Grafische elementen moeten een contrast hebben van minimaal 3:1. Dit geldt ook voor de randen of achtergrondkleur van invoervelden. Onderstaande elementen op de website zitten qua contrast onder deze waarden.

De knop (met kruis) om een parkeeractie te stoppen op hover en focus (2.1:1).
1.4.12: Tekstafstand
Hele sample

Uitkomst: Onvoldoende

Nieuwe parkeeractie starten (proces)

Uitkomst: Onvoldoende
Hele sample

Wanneer tekstafstand-instellingen worden aangepast voor de leesbaarheid (zoals line-height, letter of word spacing) is in onderstaande gevallen niet alle content meer beschikbaar. Dit kan worden opgelost door containers in de layout te laten meegroeien met de tekst. Dit criterium kun je gemakkelijk testen met deze bookmarklet: https://dylanb.github.io/bookmarklets.html.

Nieuwe parkeeractie starten (proces)

Teksten passen niet meer in de vakken, zoals beschrijvingen van kentekens. Dit gebeurt al vanaf 100% zoom. Zie screenshot 6. Dit komt op meerdere plekken voor.
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: Onvoldoende

Nieuwe parkeeractie starten (proces)

Uitkomst: Onvoldoende
Nieuwe parkeeractie starten (proces)

Het is niet mogelijk om met het toetsenbord een kenteken uit de lijst te selecteren onder de tab Lijst.
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: Niet van toepassing
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: Onvoldoende
Hele sample

Vanaf 175% zoom komt het menu aan de onderkant van het scherm te staan. De volgorde is dan niet meer logisch. De focus start in de header, gaat dan naar het menu onderaan en gaat daarna weer verder onder de header. Voor ziende toetsenbordgebruikers is dit verwarrend. Probeer zoveel mogelijk de focusvolgorde gelijk te houden aan de visuele volgorde.
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.4.11: Focus Not Obscured (Minimum)
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
2.5.7: Dragging Movements
Hele sample

Uitkomst: Niet van toepassing
2.5.8: Target Size (Minimum)
Hele sample

Uitkomst: Voldoende

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: Niet van toepassing
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.2.6: Consistent Help
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: Onvoldoende
Hele sample

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan moeten deze suggesties aan de gebruiker worden geleverd. Bij het e-mailadres (onder Machtigingen) en het IBAN-nummer (onder Account) wordt een bepaald format geëist, maar deze wordt niet als suggestie gegeven. Voeg een suggestie toe, bijvoorbeeld: “het e-mailadres moet in deze vorm worden ingevoerd: naam@domein.com” .
3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Voldoende
3.3.7: Redundant Entry
Hele sample

Uitkomst: Niet van toepassing
3.3.8: Accessible Authentication (Minimum)
Hele sample

Uitkomst: Voldoende

4 Robuust

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

Uitkomst: Onvoldoende

Inloggen

Uitkomst: Onvoldoende
Inloggen

Er staat een toggle button voor automatisch inloggen. Deze knop heeft geen goede rol. Het is een label element. Maak hier een button element van.
4.1.3: Statusberichten
Hele sample

Uitkomst: Onvoldoende

Nieuwe parkeeractie starten (proces)

Uitkomst: Onvoldoende
Nieuwe parkeeractie starten (proces)

Wanneer een parkeeractie is aangemaakt of gewijzigd, komt er tekst in beeld. De focus verandert hierbij niet en de pagina wordt ook niet opnieuw geladen. Voor een gebruiker van hulpsoftware is het nu niet duidelijk wat er gebeurt. Dit kan worden opgelost via het gebruik van live regions. Zie voor meer info https://www.w3.org/WAI/WCAG21/Understanding/status-messages.html.

Sample

  1. Startpagina - https://bezoek.parkeer.nl/almere
  2. Inloggen - https://bezoek.parkeer.nl/almere/login
  3. Dashboard - https://bezoek.parkeer.nl/almere/app/park
  4. Nieuwe parkeeractie starten (proces) - https://bezoek.parkeer.nl/almere/app/park/new
  5. Parkeerhistorie - https://bezoek.parkeer.nl/almere/app/history
  6. Account - https://bezoek.parkeer.nl/almere/app/user
  7. Favorieten - https://bezoek.parkeer.nl/almere/app/user/favorites
  8. Machtigingen - ttps://bezoek.parkeer.nl/almere/app/user/vouchers
  9. Informatie - ttps://bezoek.parkeer.nl/almere/app/info

Technologie

HTML,CSS,WAI-ARIA,JavaScript,SVG

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek:

  • Chrome 151 en Safari 26.5.2 met Voiceover op Mac 26.5.2
  • Chrome 151 op Android 15
  • Edge 151 op Windows 11

Screenshots

  1. parkeeractie aanpassen formulier
    Figuur 1: de naam van het product heeft te laag contrast, en de stopknop ook
    ↩
  2. parkeergegevens ingezoomd
    Figuur 2: bij het inzooemen passen de teksten niet goed in de vakken
    ↩
  3. parkeeracties startpagina in landschapsweergave
    Figuur 3: in landschapsweergave wordt een deel van het menu verborgen
    ↩
  4. parkeeracties gegevens in landschapsweergave
    Figuur 4: in landschapsweergave passen veel teksten niet binnen de vakken
    ↩