Toegankelijkheidsonderzoek

Rapport:
Systeemaudit digitale toegankelijkheid website Subsidieloket Alkmaar


Onderzoeker
Julia, Swink; Sander, Swink
Datum
2 juni 2025
Opdrachtgever
Ivengi

Samenvatting onderzoeksresultaat

De website Subsidieloket Alkmaar voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 17 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.

De website test-subsidieloket.alkmaar.nl is onderzocht tussen 5 en 28 mei 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.

De meest in het oog springende bevindingen zijn:

Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.

Scope van de evaluatie

Naam website Subsidieloket Alkmaar
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op test-subsidieloket.alkmaar.nl
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA
Basisniveau van toegankelijkheid ondersteund Gangbare browsers en hulpapparatuur.

Overzicht toetsresultaat

Principe Voldoende Onvoldoende Onbekend
1 Waarneembaar 12 8 0
2 Bedienbaar 13 4 0
3 Begrijpelijk 7 3 0
4 Robuust 1 2 0
Totaal 33 17 0

Leeswijzer

Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.

Uitgebreide toetsresultaten


1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht staan onder “Openstaande acties” knoppen naast datums die alleen een pijlicoon bevatten. Als een knop alleen uit een afbeelding bestaat, wordt de alternatieve tekst van de afbeelding de toegankelijke naam van de knop. In dat geval moet deze alt-tekst anders worden ingevuld dan bij een gewone informatieve afbeelding. Er moet niet worden beschreven wat er te zien is, maar juist wat de functie of het doel van de knop is. Als dit niet duidelijk is, weet een schermlezer niet wat de functie van de knop is. Deze beschrijving kan worden toegevoegd via een alt-tekst bij het img-element, een aria-label of een tekst die visueel verborgen is, maar toegankelijk voor de schermlezer.


1.2 Op tijd gebaseerde media

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)

Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:

Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)

Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevindingen: De knop “Menu” bovenaan de website opent op kleine schermen een dropdown met navigatie-items. De menu-items “Aanvragen” en “Documenten” hebben rondjes met cijfers erin, maar deze informatie is verborgen voor schermlezers. Zie bijvoorbeeld https://test-subsidieloket.alkmaar.nl/dashboard/overzicht.

Op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/bewerken opent de knop “Opslaan” een dialoogvenster. In dit venster is de tekst “Gelukt!” niet gemarkeerd als een kop. Blinde bezoekers kunnen hierdoor de structuur van de pagina niet goed interpreteren, omdat koppen een belangrijk hulpmiddel zijn voor navigatie en overzicht. Deze tekst moet worden omgezet in een kop (h1-h6) om de toegankelijkheid te verbeteren.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/681cded1b22226f062d57d53 wordt, wanneer op de knop “Versturen” wordt geklikt terwijl alle velden leeg zijn, het dialoogvenster met de tekst “Mislukt” geopend, die niet als kop is gemarkeerd.
Op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/overzicht zijn teksten zoals “Soort aanvrager”, “Burgerservicenummer”, “Voorletters” en andere niet gemarkeerd als koppen.
Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/677e398a925fda1cad8aa0fc zijn teksten zoals “Nummer”, “Fase” onder “Aanvraag details” en “Titel aanvraag”, “Regeling” onder “Algemeen” evenmin gemarkeerd als koppen. Deze elementen moeten worden omgezet naar koppen (h1-h6) om de toegankelijkheid te verbeteren.

Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht wordt bij weergave op een klein scherm het strong-element onjuist gebruikt voor stylingdoeleinden. Meerdere teksten, zoals “Naam”, “Deadline”, “Bekijk”, “Nummer”, “Titel” en “Fase”, zijn opgemaakt met een strong-element om de tekst vet te maken. Het strong-element heeft echter een semantische waarde, omdat het aangeeft dat de inhoud extra nadruk moet krijgen. Dit element mag daarom niet worden gebruikt voor puur visuele effecten, zoals vetgedrukte tekst. Gebruik hiervoor CSS.
Een soortgelijk probleem komt voor op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht, https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties en andere.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop “Filters” het paneel met filteropties. Het select-element “Fase” opent een vervolgkeuzelijst. De labels van de opties onder het zoekveld zijn onjuist gemarkeerd met het strong-element, wat alleen voor visuele opmaak is gebruikt. Dit is een onjuiste toepassing van het element en moet worden vervangen door CSS voor de juiste visuele presentatie.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht, wanneer de filters worden toegepast, bijvoorbeeld met alle opties onder “Fase” geselecteerd, wordt het strong-element ook onjuist gebruikt voor de opmaak van tekst onder “Actieve filters:”, zoals “1. Verlening, 2. Steekproef, 3. Monitoring, 4. Vaststelling, 5. Herziening”.
Dit probleem doet zich ook voor op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en andere. Ook hier moet CSS worden gebruikt voor de juiste opmaak zonder de semantische betekenis van de tekst te verstoren.

Op pagina https://test-subsidieloket.alkmaar.nl/inloggen worden foutmeldingen weergegeven, zoals “Dit veld is verplicht”. Schermlezers in de formuliermodus slaan echter vaak inhoud over tussen invoervelden, waardoor de foutmelding mogelijk niet wordt weergegeven. De relatie tussen de foutmeldingen en invoervelden is niet vastgelegd in de code. Hierdoor kan hulpsoftware deze informatie niet correct doorgeven aan de bezoeker. Dit kan worden opgelost door bij het input-element een aria-describedby-attribuut te gebruiken dat verwijst naar het id van de foutmelding.
Ditzelfde probleem komt voor op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten.


1.3.2 Betekenisvolle volgorde (Niveau A)

Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website wordt een waarschuwing weergegeven in geval van fouten of succesacties. Als deze waarschuwing echter niet zichtbaar is, blijft een div-element met aria-label="Melding" toegankelijk voor schermlezers. Dit kan gebruikers van schermlezers misleiden. Visueel verborgen elementen moeten ook verborgen zijn voor hulptechnologieën om verwarring te voorkomen. Zie bijvoorbeeld, https://test-subsidieloket.alkmaar.nl/inloggen, https://test-subsidieloket.alkmaar.nl/dashboard/overzicht.


1.3.3 Zintuiglijke eigenschappen (Niveau A)

Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.3.4 Weergavestand (Niveau AA)

De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.

Informatie over succescriterium 1.3.4 Weergavestand

Uitkomst: Voldoende


1.3.5 Identificeer het doel van de input (Niveau AA)

Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Voldoende


1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten wordt een foutmelding weergegeven wanneer de bezoeker in en uit het veld “E-mail” navigeert en dit veld leeg laat. Deze foutmelding wordt alleen aangegeven door een wijziging van de randkleur van het invoerveld. Dit is niet toegankelijk voor bezoekers die geen kleuren kunnen waarnemen of kleurenblind zijn. Zorg ervoor dat informatie niet alleen via kleur wordt overgedragen. Gebruik daarnaast andere manieren om fouten of ontbrekende informatie te communiceren, bijvoorbeeld met tekst of iconen.
Een vergelijkbaar probleem doet zich voor op pagina https://test-subsidieloket.alkmaar.nl/inloggen bij het invoerveld “E-mail”.


1.4.2 Geluidsbediening (Niveau A)

Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.

Informatie over succescriterium 1.4.2 Geluidsbediening

Uitkomst: Niet aanwezig


1.4.3 Contrast (minimum) (Niveau AA)

De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht staat een knop met grijze (HEX #757575) tekst "Filters" op een lichtgrijze (HEX #F6F6F6) achtergrond. De contrastratio is te laag: 4,3:1, waar dat minimaal 4,5:1 moet zijn.
Naast deze tekst staat een icoon met dezelfde kleur. Voor iconen is deze contrastratio voldoende, maar niet alle bezoekers zullen de betekenis van dit icoon begrijpen. Daarom is de tekst wel afgekeurd.
Hetzelfde is aangetroffen op de volgende pagina's
https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150, https://test-subsidieloket.alkmaar.nl/aanvraag/677e398a925fda1cad8aa0fc, en anderen.


1.4.4 Herschalen van tekst (Niveau AA)

Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Voldoende


1.4.5 Afbeeldingen van tekst (Niveau AA)

Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

Bevindingen: Dit onderzoek richt zich op de techniek van de website, zodoende is dit succescriterium niet onderzocht.


1.4.10 Reflow (Niveau AA)

Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:

Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht zijn in de dialoogvensters die worden geopend met de knoppen “Bekijk” de knoppen “Sluiten”, “Ga naar aanvraag” en “Downloaden” niet zichtbaar en niet bedienbaar wanneer de pagina wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en tot 400% wordt ingezoomd. Dit maakt de dialoogvensters ontoegankelijk voor bezoekers die moeten inzoomen om de inhoud te kunnen lezen. Bij inzoomen moet alle inhoud nog steeds zichtbaar en volledig bedienbaar blijven.
Een vergelijkbaar probleem doet zich voor op pagina’s https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2. Ook hier openen de knoppen “Bekijk” onder “Documenten” dialoogvensters met knoppen die bij inzoomen niet zichtbaar en niet bedienbaar zijn.


1.4.11 Contrast van niet-tekstuele content (Niveau AA)

De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht staat een tabel waarbij de tabelrijen een aangepaste toetsenbordfocus hebben in vorm van een lichtblauwe (HEX #BFD1F6) rand tegen een witte achtergrond. De contrastverhouding tussen deze kleuren is 1,5:1, wat lager is dan de minimale contrastratio van 3,0:1 voor aangepaste focusindicatoren. Dit probleem doet zich ook voor bij de tabelrijen onder “Openstaande acties” en “Ongelezen documenten” op dezelfde pagina, waar de blauwe rand tegen de lichtgrijze (HEX #EEEEEE) achtergrond een contrast van slechts 1,3:1 heeft.
Een soortgelijk probleem is te zien op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 onder “Documenten”. In al deze gevallen voldoet de aangepaste focusindicator niet aan de contrastvereisten, omdat de standaard focusindicator is overschreven met CSS.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop “Filters” het paneel met filteropties. Het select-element “Fase” opent een vervolgkeuzelijst met een selectievakje nabij het zoekveld. De contrastverhouding tussen de donkergrijze (HEX #949494) rand en de lichtgrijze (HEX #F8F9FA) achtergrond is 2,9:1, wat eveneens niet voldoet aan de minimumvereiste van 3,0:1. Bovendien heeft de donkergrijze rand van de selectievakjes, wanneer ze toetsenbordfocus krijgen, op de lichtgrijze (HEX #E9ECEF) achtergrond een contrast van 2,6:1. Ook hier moet de contrastverhouding minimaal 3,0:1 zijn.
Dit probleem komt ook voor in de keuzelijst die wordt geopend door het element “Categorie” op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en andere. In al deze gevallen moet de contrastverhouding van de focusindicator worden verbeterd om aan de toegankelijkheidseisen te voldoen.


1.4.12 Tekstafstand (Niveau AA)

Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:

Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Voldoende


1.4.13 Content bij hover of focus (Niveau AA)

Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:

Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht, onder “Openstaande acties”, verschijnt een tooltip met de tekst “Deadline is gepasseerd (14-01-2025)” wanneer een bezoeker met de muisaanwijzer over datums zoals “14-01-2025” gaat. Deze tooltip sluit echter voortijdig wanneer de muisaanwijzer binnen de inhoud van de tooltip blijft. Dit gedrag is niet correct, omdat een tooltip zichtbaar moet blijven zolang de muisaanwijzer zich binnen de grenzen van de tooltip bevindt, zodat bezoekers de volledige tekst kunnen lezen en begrijpen.
Een vergelijkbaar probleem wordt waargenomen op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht, https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties en andere. Ook hier moeten de tooltips zo worden aangepast dat ze alleen sluiten wanneer de muisaanwijzer de tooltip volledig verlaat.


2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevindingen: De knop “Menu” bovenaan de website opent op kleine schermen een dropdown met navigatie-items die niet met een toetsenbord kunnen worden bediend. Dit betekent dat bezoekers die alleen een toetsenbord gebruiken, de keuzelijst niet kunnen openen, niet door de items kunnen navigeren en de items niet kunnen activeren. Dit maakt de navigatie ontoegankelijk. Zorg ervoor dat de dropdown en de menu-items volledig toegankelijk zijn voor het toetsenbord. Zie bijvoorbeeld https://test-subsidieloket.alkmaar.nl/dashboard/overzicht.

Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht, onder “Openstaande acties”, wordt extra inhoud weergegeven wanneer een bezoeker met de muisaanwijzer over datums zoals “14-01-2025” gaat. Deze functionaliteit is echter niet beschikbaar voor toetsenbordgebruikers. De extra informatie, zoals “Deadline is gepasseerd (14-01-2025)”, moet ook toegankelijk zijn voor toetsenbordgebruikers, bijvoorbeeld door middel van focus- en toetsenbordgebeurtenissen.
Een vergelijkbaar probleem is aangetroffen op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht in de kolom “Eerstvolgende deadline”, https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties in de kolom “Uiterste datum” en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 bij “Deadlines”. Deze tooltips moeten toegankelijk worden gemaakt voor zowel muis- als toetsenbordgebruikers.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, onder “Bijlagen”, zijn de links “TEST-PDF.pdf” en “TEST-PDF - kopie.pdf” niet toegankelijk via het toetsenbord. Deze elementen moeten focusbaar worden gemaakt, zodat ze ook door toetsenbordgebruikers kunnen worden geopend.


2.1.2 Geen toetsenbordval (Niveau A)

Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Uitkomst: Voldoende


2.1.4 Enkel teken sneltoets (Niveau A)

Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Niet aanwezig


2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Voldoende


2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Voldoende


2.3 Toevallen en fysieke reacties

2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)

Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.

Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde

Uitkomst: Voldoende


2.4.1 Blokken omzeilen (Niveau A)

Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Voldoende


2.4.2 Paginatitel (Niveau A)

Webpagina's hebben titels die het onderwerp of doel beschrijven.

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevindingen: Pagina's https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/6819cf4fae6d9dd2fa650c3c en https://test-subsidieloket.alkmaar.nl/aanvraag/677e497b925fda1cad8ba846/taak/6819e771ae6d9dd2fa653008 hebben dezelfde tekst in het title-element van de pagina: “Feedback Gemeente Alkmaar”. Dit is niet de bedoeling. In het title-element van elke pagina moet een unieke tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Staat hier bij twee of meer pagina’s dezelfde tekst? Dan kan dit verwarrend zijn voor de bezoeker. De navigatie tussen pagina’s wordt dan ook lastiger. Verander de tekst in het title-element, zodat elke pagina een unieke title-tekst heeft die de inhoud van de pagina nauwkeurig beschrijft.

Op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten is de titel "ClientPortal" geen goede beschrijving van de inhoud van de pagina. Als deze pagina wordt geopend vanuit de pagina "Inloggen", blijft de titel "Inloggen | Gemeente Alkmaar", wat ook niet goed is en wel de inhoud van de pagina beschrijft. In het title-element van elke pagina moet een tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Hierdoor begrijpen bezoekers beter waar de pagina over gaat. Deze tekst wordt bovendien getoond in de tab van de browser. Met een duidelijke beschrijving kunnen bezoekers makkelijker navigeren tussen verschillende pagina’s. Zet een duidelijke tekst in het title-element van de pagina, die de inhoud van de pagina beschrijft.


2.4.3 Focus volgorde (Niveau A)

Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht staan niet-interactieve elementen die focusbaar worden gemaakt door tabindex=0 toe te voegen. Dit zijn de tabelrijen in de tabellen onder de kopjes: "Openstaande acties", "Ongelezen documenten" en "Lopende aanvragen". Deze elementen mogen geen focus krijgen en maken de focusvolgorde niet logisch. Dit is een probleem voor bezoekers die met de Tab-toets navigeren. Bij een of meer elementen op de pagina is het tabindex-attribuut gebruikt met de waarde "0". Daardoor klopt de volgorde niet meer. Zorg ervoor dat de toetsenbordfocus logisch is als met het toetsenbord wordt genavigeerd, en gebruik tabindex="0" niet op elementen die geen toetsenbordfocus zouden moeten krijgen. Hetzelfde probleem is gevonden op andere pagina's.
Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht onder “Aanvragen”; op pagina https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties onder “Openstaande acties”; op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150, de tekst "09-07-2025" is niet-interactief, maar heeft tabindex=0. Zie ook andere pagina's.

Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht openen de knoppen met de tekst “Bekijk” een modaal dialoogvenster. De toetsenbordfocus wordt echter niet automatisch naar het dialoogvenster verplaatst wanneer dit wordt geopend. Dit kan verwarring veroorzaken voor toetsenbordgebruikers, omdat de focusvolgorde wordt onderbroken. Zorg ervoor dat de focus bij het openen van een dialoogvenster automatisch naar het eerste interactieve element in het venster verplaatst wordt, zodat de navigatie logisch blijft. Bovendien keert de toetsenbordfocus na het sluiten van deze dialoogvensters niet terug naar het element dat de knop activeerde of naar het volgende logische element in de focusvolgorde van de pagina. Dit kan voor extra verwarring zorgen. De focus moet na het sluiten van het dialoogvenster terugkeren naar het element waarmee het werd geopend, om de toegankelijkheid te waarborgen.
Een vergelijkbaar probleem is te zien op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, waar ook de focus in modale vensters moet worden verbeterd.

Op alle pagina's van de website wordt een waarschuwingsvenster weergegeven in geval van fouten of succes van de uitgevoerde acties. De toetsenbordfocus wordt echter niet automatisch in dit waarschuwingsvenster geplaatst wanneer het wordt geopend. Zorg dat de focusvolgorde logisch blijft, door deze naar de nieuwe inhoud te verplaatsen. Zie bijvoorbeeld de waarschuwing met tekst "Uw wachtwoord vergeten ..." die wordt weergegeven nadat de bezoeker het formulier "Wachtwoord vergeten" op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten.


Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende


2.4.5 Meerdere manieren (Niveau AA)

Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Voldoende


2.4.6 Koppen en labels (Niveau AA)

Koppen en labels beschrijven het onderwerp of doel.

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht staan meerdere knoppen met dezelfde zichtbare tekst “Bekijk”, terwijl ze verschillende functies hebben. Dit kan verwarrend zijn voor bezoekers die schermlezers gebruiken, omdat het niet duidelijk is welke actie elke knop uitvoert. Knoppen die verschillende acties uitvoeren, moeten unieke en beschrijvende teksten hebben, zodat hun functie direct duidelijk is.
Dit probleem komt ook voor op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht met de knoppen “Bekijk de aanvraag”, https://test-subsidieloket.alkmaar.nl/documenten/overzicht met de knoppen “Bekijk” en “Ga naar aanvraag”, en https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties met de knoppen “Bekijk”.

Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht openen de knoppen “Bekijk” modale vensters met iframes die de niet-unieke en niet-informatieve titel “media-frame” hebben. Iframes moeten een duidelijke en unieke beschrijving hebben via het title-attribuut, die aangeeft welk type inhoud wordt geladen (bijvoorbeeld een video, document of afbeelding) en waar de inhoud over gaat. Dit helpt bezoekers met een schermlezer te beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Ditzelfde probleem komt voor op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, waar de knoppen “Bekijk” in de sectie “Documenten” eveneens iframes openen zonder unieke beschrijvingen.

Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties ontbreken de pagineringstoetsen aan voldoende context. Hoewel voor ziende bezoekers duidelijk is dat “1”, “2”, “3”, enz. naar verschillende pagina’s verwijzen, is dit niet altijd duidelijk voor slechtziende bezoekers of bezoekers die schermlezers gebruiken. Voeg daarom een visueel verborgen tekst zoals “pagina” toe aan deze knoppen om hun functie duidelijker te maken.
Ditzelfde probleem komt voor op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht, waar de paginering eveneens verbeterd moet worden voor toegankelijkheid.


2.4.7 Focus zichtbaar (Niveau AA)

Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Voldoende


2.5 Input modaliteiten

2.5.1 Aanwijzergebaren (Niveau A)

Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.

Informatie over succescriterium 2.5.1 Aanwijzergebaren

Uitkomst: Niet aanwezig


2.5.2 Aanwijzerannulering (Niveau A)

Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Voldoende


2.5.3 Label in naam (Niveau A)

Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Voldoende


2.5.4 Bewegingsactivering (Niveau A)

Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:

Informatie over succescriterium 2.5.4 Bewegingsactivering

Uitkomst: Niet aanwezig


3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

De standaard menselijke taal van elke webpagina kan door software bepaald worden.

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Voldoende


3.1.2 Taal van onderdelen (Niveau AA)

De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties bevatten de pagineringstoetsen aria-label-attributen met Engelse teksten zoals “First Page”, “Previous Page”, “Next Page” en “Last Page”. Omdat de primaire taal van de pagina Nederlands is, moeten deze aria-labels ook in het Nederlands worden weergegeven, zoals “Eerste pagina”, “Vorige pagina”, “Volgende pagina” en “Laatste pagina”.
Dit probleem komt ook voor op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht, waar de paginering dezelfde Engelse aria-labels bevat.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop “Filters” het paneel met filteropties. Het select-element “Fase” opent een vervolgkeuzelijst met een selectievakje nabij het zoekveld, met aria-labels zoals “All items unselected” en “All items selected”. Deze teksten moeten naar het Nederlands worden vertaald, bijvoorbeeld “Alle items niet geselecteerd” en “Alle items geselecteerd”, zodat schermlezers de inhoud correct voorlezen.
Ditzelfde probleem wordt waargenomen bij de keuzelijst die wordt geopend door het “Categorie”-element op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en andere. Ook hier moeten de aria-labels naar het Nederlands worden vertaald om de toegankelijkheid te verbeteren.


3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Voldoende


3.2.2 Bij input (Niveau A)

Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende


3.2.3 Consistente navigatie (Niveau AA)

Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.

Informatie over succescriterium 3.2.3 Consistente navigatie

Uitkomst: Voldoende


3.2.4 Consistente identificatie (Niveau AA)

Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.

Informatie over succescriterium 3.2.4 Consistente identificatie

Uitkomst: Voldoende


3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/inloggen geeft het formulier foutmeldingen weer zoals “Dit veld is verplicht”. Dit is geen correcte foutmelding, maar eerder een instructie. Een goede foutmelding moet duidelijk maken dat er een fout is gemaakt en aangeven waar de fout zich bevindt. Vaak bevat een goede foutmelding een ontkenning, zoals “Het veld is niet (goed) ingevuld”.
Dit probleem komt ook voor op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten, https://test-subsidieloket.alkmaar.nl/mijn-gegevens/bewerken bij het invoerveld “E-mailadres” en https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/6819cf4fae6d9dd2fa650c3c bij het invoerveld “Feedback”.

Op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten wordt een fout alleen aangegeven door een kleurverandering van de rand van het invoerveld wanneer een bezoeker naar het veld “E-mail” gaat en dit leeg laat. Dit is niet toegankelijk voor bezoekers die kleurenblind zijn of de kleurverandering niet opmerken. Zorg ervoor dat fouten ook in tekst worden aangegeven, bijvoorbeeld door een duidelijk zichtbaar bericht naast of in de buurt van het veld waarin de fout wordt uitgelegd.
Een vergelijkbaar probleem doet zich voor op pagina https://test-subsidieloket.alkmaar.nl/inloggen bij het invoerveld “E-mail” en op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/6819e4ccae6d9dd2fa651a16. Ook hier moet een duidelijke tekstuele foutmelding worden toegevoegd om de toegankelijkheid te verbeteren.


3.3.2 Labels of instructies (Niveau A)

Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht wordt met de knop "Filter" een paneel geopend met het veld "Datum van/tot en met". Dit veld gebruikt de placeholder tekst "dd-mm-jjjj" en een foutmelding "Vul een geldige start- en einddatum in. Voorbeeld: 01-01-2025 / 01-12-2025." als instructie. Beide zijn echter onvoldoende, omdat ze kunnen verdwijnen. Als gevolg daarvan is er geen permanente instructie zichtbaar. Zorg dat instructies vooraf al zichtbaar en toegankelijk zijn voor alle bezoekers. Verplaats de instructie zodat deze permanent zichtbaar is in de buurt van het invoerveld.
Hetzelfde probleem is aangetroffen op de volgende pagina's met hetzelfde invoerveld in filters: https://test-subsidieloket.alkmaar.nl/aanvraag/677e398a925fda1cad8aa0fc, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop "Filters" het paneel met filteropties. Het selectie-element "Fase" opent een vervolgkeuzelijst met een selectievakje zonder label in de buurt van het zoekveld.
Hierdoor is het voor sommige bezoekers met een cognitieve beperking lastig om deze selectievakjes goed te gebruiken. Zorg ervoor dat elke selectievakje een visueel label krijgt dat aangeeft waar het selectievakje voor dient.
Hetzelfde probleem wordt waargenomen in de vervolgkeuzelijst onder "Categorie" op pagina's https://test-subsidieloket.alkmaar.nl/documenten/overzicht,
https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150, en anderen.


3.3.3 Foutsuggestie (Niveau AA)

Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Voldoende


Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:

  1. Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
  2. Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
  3. Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.

Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)

Uitkomst: Niet aanwezig


4. Robuust

4.1 Compatibel

4.1.1 Parsen (Niveau A)

In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.

Informatie over succescriterium 4.1.1 Parsen

Uitkomst: Voldoende


4.1.2 Naam, rol, waarde (Niveau A)

Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website wordt het aria-label attribuut gebruikt op niet-interactieve elementen zoals div- en span-elementen. Dit is niet correct, omdat het aria-label attribuut bedoeld is voor interactieve elementen zoals knoppen, links en formulierelementen. Bijvoorbeeld, bij fout- of succesmeldingen wordt het attribuut aria-label=“Melding” toegepast op een div-element, terwijl een andere div binnen deze melding het attribuut aria-label=“Inhoud van melding” heeft. Daarnaast worden de knoppen voor pauzeren en sluiten binnen deze meldingen vaak gemarkeerd met span-elementen met aria-labels zoals “Pauzeer melding” en “Sluit melding”. Dit is te zien op pagina https://test-subsidieloket.alkmaar.nl/inloggen wanneer een bezoeker het formulier “Wachtwoord vergeten” met succes heeft verzonden en een waarschuwing verschijnt met de tekst “Uw wachtwoord vergeten…”.
Een vergelijkbaar probleem komt voor op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht, waar waarschuwingspictogrammen bij datums gemarkeerd zijn met span-elementen met aria-label=“Let op:”.

Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht, onder “Openstaande acties”, staan knoppen naast datums die alleen een pijl bevatten. Deze knoppen hebben geen toegankelijke namen, waardoor schermlezers niet kunnen aangeven wat de functie van deze knoppen is. Voeg toegankelijke namen toe die de functie van deze knoppen beschrijven, bijvoorbeeld door een aria-label of visueel verborgen tekst toe te voegen.
Een soortgelijk probleem is te zien op andere pagina’s, zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, waar elke knop met de tekst “Bekijk” een modaal dialoogvenster opent. In deze vensters hebben de knoppen met het “X”-pictogram geen toegankelijke namen, wat verwarrend kan zijn voor bezoekers die schermlezers gebruiken.
Dit probleem komt ook voor op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, waar de knoppen “Bekijk” in de sectie “Documenten” eveneens modale vensters openen met “X”-knoppen zonder toegankelijke namen.

Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht opent elke knop met de tekst “Bekijk” een modaal dialoogvenster zonder toegankelijke naam. Dit betekent dat schermlezers niet kunnen doorgeven wat de inhoud van het venster is, wat verwarrend kan zijn voor bezoekers die afhankelijk zijn van hulpsoftware. Dit kan worden opgelost door een aria-label toe te voegen aan het dialoogvenster met een duidelijke beschrijving van de inhoud, zoals “Documentdetails” of “Informatie over geselecteerd document”.
Ditzelfde probleem is aanwezig bij de dialoogvensters die worden geopend met de knoppen “Bekijk” onder “Documenten” op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2.

Op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/bewerken opent de knop “Opslaan” een modaal dialoogvenster met de tekst “Gelukt!”. Dit venster heeft de juiste role=“dialog”, maar mist een toegankelijke naam. Bovendien is het dialoogvenster verkeerd genest, omdat het een ander element met de rol “dialog” bevat. Dit kan problemen veroorzaken voor schermlezers, omdat er maar één actief dialoogvenster tegelijk mag worden aangekondigd.
Een vergelijkbaar probleem doet zich voor op andere pagina’s. Bijvoorbeeld, op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/681cded1b22226f062d57d53 wordt, wanneer op de knop “Versturen” wordt geklikt terwijl alle velden leeg zijn, een dialoogvenster met de tekst “Mislukt” geopend. Op dezelfde pagina wordt, wanneer op de knop “Opslaan” wordt geklikt, het dialoogvenster “Gelukt!” weergegeven.
Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 wordt een soortgelijk dialoogvenster geopend door op een knop onder “Overige acties” te klikken, zoals “Wijziging(en) doorgeven”. Zorg ervoor dat elk dialoogvenster een unieke, beschrijvende naam krijgt via aria-label of aria-labelledby en dat geneste dialogen worden vermeden om verwarring bij hulpsoftware te voorkomen.

Op alle pagina’s van de website wordt een waarschuwing weergegeven bij fouten of successen, maar deze waarschuwing heeft de toegankelijke naam “Melding” zonder de juiste ARIA-rol. Zonder de juiste rol kunnen schermlezers niet duidelijk aangeven dat het om een dialoogvenster gaat. Dit kan worden opgelost door het attribuut role="alertdialog" toe te voegen aan het dialoogvenster, zodat het duidelijk wordt gepresenteerd als een belangrijk bericht voor de gebruiker. Zie bijvoorbeeld de waarschuwing met de tekst “Uw wachtwoord vergeten…” die verschijnt na het succesvol indienen van het formulier op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten.

De waarschuwingsberichten bevatten vaak een voortgangsbalk met de rol progressbar, maar zonder toegankelijke naam. Dit betekent dat schermlezers niet kunnen aangeven wat de voortgangsbalk vertegenwoordigt. Dit kan worden opgelost door een beschrijvende aria-label toe te voegen, zoals aria-label="Voortgang van het verzendverzoek". Bijvoorbeeld in de melding met de tekst “Uw wachtwoord vergeten verzoek is succesvol verstuurd…” die verschijnt nadat het formulier op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten succesvol is verzonden.

De waarschuwingsberichten bevatten knoppen met pictogrammen om de waarschuwing te pauzeren en te sluiten. Deze interactieve elementen hebben niet de juiste toegankelijke rol. Zorg ervoor dat deze knoppen worden gemarkeerd met de correcte rol, zoals role="button", zodat schermlezers de functie van deze elementen correct kunnen communiceren aan de gebruiker. Ook hier is een duidelijk aria-label belangrijk, zoals “Melding pauzeren” of “Melding sluiten” om de functionaliteit te verduidelijken. Zie bijvoorbeeld de melding met de tekst “Uw wachtwoord vergeten verzoek is succesvol verstuurd…” op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten.

Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht wordt in het paneel dat wordt geopend met de knop “Filters” een select-element “Categorie” weergegeven. Wanneer deze lijst wordt uitgeklapt, bevindt zich boven de lijst met opties een zoekveld zonder toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers niet duidelijk wat ze in dit veld moeten invullen. Dit kan worden opgelost door een label-element toe te voegen of een aria-label toe te passen dat het doel van het invoerveld beschrijft, zoals “Zoek binnen categorieën”.
Dit probleem is ook te vinden op pagina’s zoals https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2, https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150 en https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht, waar soortgelijke zoekvelden aanwezig zijn.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop “Filters” een paneel met filteropties. Dit paneel heeft role=“region” zonder toegankelijke naam, waardoor schermlezers niet kunnen aangeven waar dit paneel over gaat. Dit kan eenvoudig worden opgelost door een aria-labelledby- of aria-label-attribuut toe te voegen met een beschrijvende tekst, zoals “Filteropties” of “Filterpaneel”.
Dit probleem komt ook voor op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 en https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150.
In dezelfde filterpanelen, zoals die onder “Fase” op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht, worden selectievakjes gepresenteerd als één visueel element, terwijl in de code twee verschillende selectievakjes worden gebruikt. Dit zorgt voor verwarring bij bezoekers die schermlezers gebruiken, omdat ze twee opties horen terwijl er maar één zichtbaar is. Zorg ervoor dat de code overeenkomt met de visuele lay-out en functie door slechts één selectievakje te gebruiken voor elke keuze.
Dit probleem komt ook voor in de vervolgkeuzelijst onder “Categorie” op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 en https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht bevatten de tabellen in de tabbladen “Lopende aanvragen” en “Afgeronde aanvragen” headercellen met de rol role="columnheader", zoals “Nummer”. Binnen deze headercellen bevinden zich echter nog twee elementen met dezelfde rol, wat zorgt voor een incorrecte nesting van ARIA-rollen. Deze elementen moeten correct worden genest binnen een element met role=“row” om verwarring bij schermlezers te voorkomen.
Dit probleem komt ook voor op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht en https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht bevatten de kolomkoppen “Nummer”, “Titel” en “Eerstvolgende deadline” sorteermogelijkheden. De pijlen die worden gebruikt om deze kolommen te sorteren, hebben onjuiste rollen zoals role=“columnheader” en missen toegankelijke namen. Voeg correcte rollen toe, zoals role="button" en geef deze elementen duidelijke toegankelijke namen, zoals “Sorteer op nummer oplopend” of “Sorteer op datum aflopend”.
Dit probleem komt ook voor op andere pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht en https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties.

Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht, onder het kopje “Ongelezen documenten”, opent elke knop met de tekst “Bekijk” een dialoogvenster, maar deze functionaliteit is niet aangegeven in de code. Dit kan worden opgelost door het attribuut aria-haspopup="dialog" toe te voegen aan deze knoppen, zodat schermlezers kunnen aangeven dat een dialoogvenster zal worden geopend. Daarnaast moet de status van het dialoogvenster worden aangegeven met het aria-expanded-attribuut, dat true of false moet zijn, afhankelijk van de staat van het venster. Dit attribuut moet worden toegevoegd aan de knop die zowel het openen als het sluiten van het dialoogvenster beheert.
Dit probleem doet zich ook voor bij de knoppen “Bekijk” op andere pagina’s. Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150, onder de kop “Documenten”, ontbreekt deze aanduiding ook, net als op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 in dezelfde sectie.
Ook op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht, onder de rubriek “Ongelezen documenten”, missen de knoppen “Bekijk” deze attributen.

Op verschillende pagina’s van de website worden interactieve elementen gecodeerd als knoppen (button-elementen), maar gedragen zich als links, omdat ze bezoekers naar andere locaties brengen. Dit kan verwarrend zijn voor schermlezers, omdat knoppen bedoeld zijn voor acties binnen dezelfde pagina, terwijl links bedoeld zijn voor navigatie naar andere pagina’s. Dit probleem doet zich voor op pagina https://test-subsidieloket.alkmaar.nl/inloggen, waar de knop “Wachtwoord vergeten?” naar een andere pagina verwijst.
Ook op pagina https://test-subsidieloket.alkmaar.nl/dashboard/overzicht openen de knoppen “Bekijk” onder “Lopende aanvragen” andere pagina’s, net als de knoppen “Bekijk de aanvraag” op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht en de knoppen “Bekijk” en “Ga naar aanvraag” op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht.
Op pagina https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties doen de knoppen “Bekijk” hetzelfde. Overweeg om deze knoppen om te zetten naar links (a-elementen) of om ze ten minste van de juiste rol te voorzien om de interactie consistenter en duidelijker te maken voor bezoekers die afhankelijk zijn van hulpsoftware.


4.1.3 Statusberichten (Niveau AA)

In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://test-subsidieloket.alkmaar.nl/inloggen staat een formulier. Wanneer een foutmelding verschijnt, zoals “Dit veld is verplicht.” of “Vul een geldig e-mailadres in. Voorbeeld: test@email.nl.”, krijgt deze melding geen toetsenbordfocus. Dit betekent dat schermlezers het bericht waarschijnlijk niet meteen aan blinde bezoekers zullen melden nadat het is verschenen. Om dit probleem op te lossen, kan het attribuut aria-live="polite" aan de foutmelding worden toegevoegd. Hierdoor wordt de melding automatisch voorgelezen zodra deze verschijnt, zonder dat de pagina opnieuw hoeft te worden geladen.
Ditzelfde probleem is aanwezig op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/bewerken.

Op alle pagina’s van de website worden waarschuwingen weergegeven in geval van fouten of succesvolle acties. Deze statusmeldingen worden echter niet correct aangekondigd aan gebruikers van schermlezers. Hoewel er geprobeerd is om dit op te lossen met role="status", werkt dit niet zoals verwacht. Zie bijvoorbeeld de melding met de tekst “Uw wachtwoord vergeten …” die verschijnt nadat de bezoeker het formulier “Wachtwoord vergeten” met succes heeft verzonden op pagina https://test-subsidieloket.alkmaar.nl/wachtwoord-vergeten. Zorg ervoor dat deze meldingen correct worden aangekondigd door de rol correct toe te voegen en te controleren of de structuur van de melding juist is. Meer informatie over role="status" is te vinden op de pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.

Wanneer een bezoeker op pagina https://test-subsidieloket.alkmaar.nl/inloggen een e-mailadres of wachtwoord invoert dat niet bestaat in het systeem en het formulier verzendt, wordt het bericht “Uw e-mailadres of wachtwoord is niet juist.” weergegeven zonder dat de pagina opnieuw wordt geladen. Hoewel aria-live="polite" is toegevoegd aan dit bericht, wordt de informatie nog steeds niet automatisch voorgelezen door schermlezers. Controleer of aria-live="polite" of role="status" correct zijn toegevoegd aan de HTML-code om deze meldingen volledig toegankelijk te maken. Dit kan ook worden opgelost door de toetsenbordfocus naar het bericht te verplaatsen zodra het verschijnt, zodat gebruikers direct op de hoogte zijn van de fout. Dan is het geen statusbericht meer.

Tijdens het laden van een pagina of de inhoud van een sectie wordt op de website een wachtanimatie weergegeven. Deze animatie, die dient als statusbericht, is niet toegankelijk voor blinde bezoekers. Voeg aria-live="polite" of role="status" toe aan deze elementen, zodat schermlezers de status van de pagina kunnen doorgeven zodra de animatie verschijnt. Dit probleem is te zien op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/overzicht wanneer de hoofdinhoud wordt geladen, op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 wanneer de hoofdinhoud en de inhoud onder de kop “Aanvraag details” worden geladen, en op andere pagina’s.

Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht opent de knop “Filters” een paneel met filteropties. Het selectie-element “Fase” opent een vervolgkeuzelijst met een zoekveld en filteropties. Wanneer een bezoeker een zoekopdracht uitvoert en er geen opties worden gevonden, verschijnt de melding “Geen resultaten gevonden” zonder dat de pagina opnieuw wordt geladen. Dit bericht wordt niet aangekondigd door schermlezers omdat het geen toetsenbordfocus krijgt. Daarnaast verschijnt de tekst “4 items geselecteerd” wanneer meer dan drie opties zijn geselecteerd, maar ook deze tekst wordt niet aangekondigd door schermlezers. Dit kan worden opgelost door role="status" toe te voegen aan deze meldingen, zodat ze automatisch worden voorgelezen zodra ze verschijnen of veranderen.
Ditzelfde probleem doet zich voor bij het selectelement “Categorie” op pagina’s zoals https://test-subsidieloket.alkmaar.nl/documenten/overzicht, https://test-subsidieloket.alkmaar.nl/aanvraag/679a3b345f1c7b60e7b926d2 en https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150.

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

Ondersteunende technieken

Webbrowsers (useragents) en andere software

Bij dit onderzoek is de volgende software gebruikt:

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Bron: toegankelijkheidsrapport.swink.nl/test-subsidieloket.alkmaar.nl/audit/
Geprint: 2025-07-02 12:37:13 v2.4-011