Issues:
Audit digitale toegankelijkheid website Reizen met Minderjarigen
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Reizen met Minderjarigen |
|---|---|
| Datum | 15 april 2026 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl heeft het logo "Ministerie van Justitie en Veligheid" bovenaan de website geen tekstalternatief. Het alt-attribuut ontbreekt. Een img-element moet altijd een alt-attribuut hebben. Informatieve afbeeldingen zoals een logo moeten altijd een alt-tekst hebben. In die alt-tekst moet de volledige tekst staan die in het logo te zien is. Zo weten bezoekers die de afbeelding niet kunnen zien, ook wat er staat. Voeg een alt-tekst toe die de volledige tekst van het logo en het woord 'Logo' bevat.
Bevinding 2: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/over-ons bevat een link met de tekst "Centrum voor Internationale Kindontvoering" een icoon dat aangeeft dat de link in een nieuw browsertabblad wordt geopend. Dit icoon heeft echter geen alternatieve tekst. Hierdoor weet een gebruiker van een schermlezer niet dat deze link een nieuwe browsertab zal openen. Dit is belangrijke informatie die als tekst aanwezig moet zijn, zodat een schermlezer het kan voorlezen. Voeg de informatie dat de link een nieuwe browsertab opent toe als visueel verborgen tekst die wel toegankelijk is voor schermlezers.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 3: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard is de volgende tekst niet als kop gemarkeerd: "Voordat u de aanvraag start". Voor bezoekers die hulpsoftware gebruiken, is een tekst die er visueel uitziet als kop maar niet als kop is gemarkeerd, niet bruikbaar als navigatiepunt. Deze bezoekers navigeren via koppen om de inhoud te scannen of snel naar een specifieke sectie te springen. Dit is alleen mogelijk wanneer de koppen ook in de code als kop zijn vastgelegd. Wanneer koppen uitsluitend visueel zijn vormgegeven (bijvoorbeeld door vetgedrukte tekst), wijkt bovendien de structuur van de informatie in de code af van de visuele structuur. Markeer koppen met het juiste HTML-element, op het correcte kopniveau (h1 t/m h6). Daarnaast bevat deze tekst een aria-label met dezelfde tekst, wat tot redundantie leidt.
Bevinding 4: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard, onder de kop "Reizen met minderjarigen", is een blok tekst met drie alinea's onjuist opgemaakt als één enkel p-element. Visueel lijkt deze tekst uit meerdere alinea's te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea's dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code.
Hetzelfde probleem komt voor op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/over-ons onder de kop "Aanvragen reizen met minderjarigen", en op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/faq in secties met verborgen inhoud, bijvoorbeeld "Mijn kinderen reizen onder begeleiding van derden, die geen gezag hebben, kan ik daarvoor ook toestemming regelen?" en andere secties.
Bevinding 5: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard, na het inloggen, staan onder de kop "Mijn aanvragen" secties met verborgen inhoud. Deze secties bevatten knoppen, zoals "Aanvraag verwijderen" en andere, die modale dialoogvensters openen. In al deze dialoogvensters is de volgende tekst niet als kop gemarkeerd, bijvoorbeeld "Weet u zeker dat u de aanvraag wilt weigeren?" en andere teksten. Voor bezoekers die hulpsoftware gebruiken, is een tekst die er visueel uitziet als kop maar niet als kop is gemarkeerd, niet bruikbaar als navigatiepunt. Deze bezoekers navigeren via koppen om de inhoud te scannen of snel naar een specifieke sectie te springen. Dit is alleen mogelijk wanneer de koppen ook in de code als kop zijn vastgelegd. Wanneer koppen uitsluitend visueel zijn vormgegeven (bijvoorbeeld door vetgedrukte tekst), wijkt bovendien de structuur van de informatie in de code af van de visuele structuur. Markeer koppen met het juiste HTML-element, op het correcte kopniveau (h1 t/m h6).
Bevinding 6: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/aanvraag/ is visueel duidelijk gemaakt welke stap(pen) voltooid zijn en wat de huidige stap is. Deze informatie is niet programmatisch te bepalen of aanwezig in tekst. Voeg deze informatie toe aan de naam van de stappen, bijvoorbeeld met visueel onzichtbare teksten als "voltooid" en "huidige stap". Andere oplossingen zijn ook mogelijk.
1.3.5 Identificeer het doel van de input (Niveau AA)
Informatie over succescriterium 1.3.5 Identificeer het doel van de input
Uitkomst: Onvoldoende
Bevinding 7: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/aanvraag, in stap 4, heeft een formulier voor het verzamelen van persoonlijke gegevens (zoals "Achternaam" en "Geboortedatum") invoervelden met onjuiste autocomplete-waarden, zoals "off". Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waarden verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
Hetzelfde probleem komt voor in stap 5.
Bevinding 8: Op de inlogpagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in staan de invoervelden "Gebruikersnaam" en "Wachtwoord". Het invoerveld voor "Wachtwoord" heeft het autocomplete-attribuut met de waarde "password". Deze waarde is niet correct. Wijzig daarom deze waarde naar "current-password". Op deze pagina staat meer informatie over autocomplete en welke waarden verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 9: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard staat een knop met witte tekst "Inloggen met DigiD" op een oranje achtergrond (HEX #E17000). De kleurcontrastverhouding is te laag: 3,2:1. Deze tekst is niet voor iedereen zichtbaar. Omdat deze vetgedrukte tekst kleiner is dan 19px, moet het contrast minimaal 4,5:1 zijn.
Bevinding 10: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard staat een link met blauwe (#007BC7) tekst "Bekijk alle veelgestelde vragen" op een lichtgrijze (#FBFBFB) achtergrond. De kleurcontrastverhouding is te laag: 4,4:1. Omdat deze tekst kleiner is dan 24px en niet vetgedrukt, moet het contrast minimaal 4,5:1 zijn.
1.4.4 Herschalen van tekst (Niveau AA)
Informatie over succescriterium 1.4.4 Herschalen van tekst
Uitkomst: Onvoldoende
Bevinding 11: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl zijn bij een schermresolutie van 1280 bij 1024 pixels en 200% zoom de links in het hoofdmenu, zoals "Home", "Over Toestemmingsregister" en "Veelgestelde vragen", niet zichtbaar en niet bedienbaar. De links "Over Toestemmingsregister" en "Veelgestelde vragen" hebben alternatieven in de footer, maar de link "Home" niet. Als een bezoeker inzoomt, moet alles nog werken. Zorg ervoor dat alles nog werkt als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels.
1.4.10 Reflow (Niveau AA)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 12: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl zijn bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom de links in het hoofdmenu, zoals "Home", "Over Toestemmingsregister" en "Veelgestelde vragen", niet zichtbaar en niet bedienbaar. De links "Over Toestemmingsregister" en "Veelgestelde vragen" hebben alternatieven in de footer, maar de link "Home" niet. Als een bezoeker inzoomt, moet alles nog werken. Zorg ervoor dat alles nog werkt als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Bevinding 13: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard, na het inloggen, staan onder de kop "Mijn aanvragen" secties met verborgen inhoud. Deze secties bevatten knoppen, zoals "Aanvraag verwijderen" en andere, die modale dialoogvensters openen. Bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom is een deel van de inhoud in deze dialoogvensters niet zichtbaar en niet bedienbaar, zoals de kop "Weet u zeker dat u de aanvraag wilt verwijderen?" en de knoppen "Annuleren" en "Aanvraag verwijderen". Als een bezoeker inzoomt, moet alles nog werken. Zorg ervoor dat alles nog werkt als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Bevinding 14: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in overlapt bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom de placeholdertekst in het wachtwoordveld met de tekst "Toon". Hierdoor is deze tekst moeilijk leesbaar. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Bevinding 15: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/aanvraag, in stap 3, zijn bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom de datums in de invoervelden "Eerste dag van de reis" en "Laatste dag van de reis" gedeeltelijk afgesneden. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.
Bevinding 16: Advies: op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl verschijnt bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom een scrollbalk en moet je horizontaal scrollen om het logo "Ministerie van Justitie en Veligheid" te kunnen lezen. Horizontaal scrollen is in principe niet toegestaan, maar er zijn uitzonderingen voor bijvoorbeeld informatieve afbeeldingen. Het is wel beter als hiervoor niet horizontaal gescrold hoeft te worden en dat kan door de linkermarge van het logo te verwijderen of te verkleinen.
2. Bedienbaar
2.1 Toetsenbordtoegankelijk
2.1.1 Toetsenbord (Niveau A)
Informatie over succescriterium 2.1.1 Toetsenbord
Uitkomst: Voldoende
Bevinding 17: Advies: op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl staat op het kleine scherm een menuknop met drie horizontale lijnen: "☰". Deze knop kan niet bediend worden met alleen het toetsenbord. Omdat dit ook niet mogelijk is met de muisaanwijzer of via aanraking, is dit niet afgekeurd als toegankelijkheidsprobleem. Dit is daarmee eerder een probleem voor de gebruiksvriendelijkheid. Zie echter ook succescriteria 1.4.4, 1.4.10, 2.4.6 en 4.1.2.
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 18: Op de website https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl verandert de inhoud van pagina's dynamisch, zonder dat de URL mee verandert. De tekst in het title-element wordt hierbij niet bijgewerkt. Bij zo'n verandering moet de tekst in het title-element ook aangepast worden. Een blinde bezoeker laat het title-element namelijk als eerste voorlezen. Daarom moet dit element tekst bevatten die de actuele inhoud van de pagina duidelijk beschrijft. Zorg dat de tekst in het title-element mee verandert op het moment dat de inhoud van de pagina dynamisch wordt gewijzigd.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevinding 19: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl staat op het kleine scherm een menuknop met drie horizontale lijnen. De toegankelijke naam van deze knop is "☰", wat de functie niet duidelijk beschrijft. Een blinde bezoeker weet daardoor niet wat deze knop precies doet. Zorg ervoor dat de toegankelijke naam van de knop de functie duidelijk beschrijft.
Bevinding 20: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl bevat de footer drie navigatielandmarks (<nav>) met dezelfde toegankelijke naam: "Main navigation". Het gebruik van dezelfde naam voor meerdere navigatielandmarks maakt het voor gebruikers van schermlezers moeilijk om ze van elkaar te onderscheiden en hun doel te begrijpen. Geef elke navigatielandmark een unieke en beschrijvende toegankelijke naam die het doel ervan duidelijk aangeeft. Hetzelfde probleem komt voor in de header na het inloggen, waar twee navigatielandmarks ook het label "Main navigation" hebben.
Bevinding 21: Op de homepage https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard, na het inloggen, staan onder de kop "Mijn aanvragen" secties met verborgen inhoud. Deze secties bevatten knoppen, zoals "Aanvraag verwijderen" en andere, die modale dialoogvensters openen. In al deze dialoogvensters heeft de knop met het "x"-icoon de toegankelijke naam "Stop", wat de functie niet correct beschrijft. Een blinde bezoeker weet daardoor niet wat deze knop precies doet. Zorg ervoor dat de toegankelijke naam van de knop de functie duidelijk beschrijft, bijvoorbeeld "Dialoogvenster sluiten".
3. Begrijpelijk
3.3 Assistentie bij invoer
3.3.3 Foutsuggestie (Niveau AA)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Voldoende
Bevinding 22: Advies: op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in verschijnt bij het indienen van een formulier met onjuiste gegevens de foutmelding "Er ging iets fout in de backend". Deze foutmelding geeft geen advies over hoe de fouten gecorrigeerd kunnen worden. Dit is waarschijnlijk gedaan voor een betere beveiliging en daarvoor is een uitzondering in het succescriterium. Het zou wel goed zijn om de gebruiker iets meer informatie te geven over wat hij kan doen om de fout te herstellen.
4. Robuust
4.1 Compatibel
4.1.2 Naam, rol, waarde (Niveau A)
Informatie over succescriterium 4.1.2 Naam, rol, waarde
Uitkomst: Onvoldoende
Bevinding 23: Op alle pagina's van https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl staat op het kleine scherm een menuknop met drie horizontale lijnen. De knop ziet er visueel uit als een standaard interactief element, maar is niet bedienbaar met de muis of het toetsenbord. In de code is het element geïmplementeerd als een gewone knop zonder aanduiding dat het element niet functioneel of uitgeschakeld is. Dit kan gebruikers, inclusief gebruikers van hulpsoftware, misleiden door te denken dat de knop interactief is terwijl dat niet het geval is. Zorg ervoor dat interactieve elementen bedienbaar zijn. Als de knop bewust inactief is, moet de status duidelijk programmatisch worden gecommuniceerd (bijvoorbeeld met het disabled-attribuut of aria-disabled="true").
Bevinding 24: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/faq staat een element met role="region". Dit is het element dat alle veelgestelde vragen bevat. Dit element heeft een naam nodig, maar die kan niet bepaald worden. Dit komt doordat het attribuut aria-labelledby verwijst naar de id "accordiongroup_header-faq", maar deze is niet gevonden op de pagina. Voeg een element met dit id toe die dient als naam voor het element met role="region".
4.1.3 Statusberichten (Niveau AA)
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevinding 25: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/aanvraag wordt na het indienen van de eerste stap een wachtanimatie getoond. Deze animatie, die dient als statusmelding, is niet toegankelijk voor blinde bezoekers. Zorg ervoor dat meldingen zoals deze worden voorgelezen als statusberichten. Schermlezers moeten ze automatisch voorlezen zonder dat de gebruiker er naartoe hoeft te navigeren. Dit kan door role="status" aan het element van de melding toe te voegen. Meer informatie is te vinden op: https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.
Bevinding 26: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in kunnen foutmeldingen onder de invoervelden verschijnen. Deze hebben role="alert" gekregen. Dit attribuut verschijnt pas op het moment dat de foutmeldingen in beeld komen, maar moeten eigenlijk al in de DOM aanwezig zijn als de pagina is geladen. Zo kunnen deze aan hulpsoftware aangeven dat nieuwe content is verschenen. In deze audit werden de foutmeldingen wel voorgelezen, maar in andere situaties kan dit gemist worden.
Bevinding 27: Op de pagina https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in kunnen foutmeldingen onder de invoervelden verschijnen. Deze hebben role="alert" gekregen. Dit zorgt ervoor dat bij meerdere fouten alleen de laatste wordt voorgelezen, omdat elementen met role="alert" andere elementen overstemmen. Dit kan opgelost worden door dit attribuut toe te voegen aan één bovenliggend element die altijd aanwezig is in de DOM.
Onderbouwing van de evaluatie
Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.
Steekproef getoetste webpagina's
- Home:
https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/dashboard - Inloggen:
https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/sign-in - Over Toestemmingsregister:
https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/over-ons - Veelgestelde vragen:
https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/faq - Aanvraag:
https://reizen-mm-test.jenv.aks.containers.vernieuwingsdomein.nl/aanvraag
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.