Toegankelijkheidsonderzoek

Issues:
Hercontrole van digitale toegankelijkheid van website Subsidieloket alkmaar.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Subsidieloket alkmaar.nl
Datum 3 oktober 2025
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

Uitgebreide toetsresultaten

Aantal bevindingen: 28

1. Waarneembaar

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 1: 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. Deze bevinding uit het oorspronkelijke rapport is deels opgelost. In het invoerveld E-mail wordt nu een verwijzing gemaakt naar een verkeerd id. Het juiste id moet zijn “usernameNotValid”. Omdat het id momenteel niet klopt, kan de schermlezer de foutmelding niet voorlezen.

Bevinding 2: Op pagina https://test-subsidieloket.alkmaar.nl/mijn-gegevens/overzicht zijn teksten zoals “Soort aanvrager”, “Burgerservicenummer”, “Voorletters” en andere niet gemarkeerd als koppen.

Bevinding 3: 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 heading-elementen om de toegankelijkheid te verbeteren.

1.4 Onderscheidbaar

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 4: 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 donkergrijze rand van de selectievakjes, wanneer ze toetsenbordfocus krijgen, op de lichtgrijze (HEX #E9ECEF) achtergrond heeft een contrast van 2,6:1. Ook hier moet de contrastverhouding minimaal 3,0:1 zijn.

Bevinding 5: 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 toegankelijkheidsrichtlijnen te voldoen.

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht in de kolom “Fase” verschijnt een tooltip wanneer een bezoeker met de muisaanwijzer over datums zoals 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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 7: 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, door de items kunnen navigeren en ze 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.

Bevinding 8: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht in de kolom “Fase” wordt extra inhoud weergegeven op hover. Deze functionaliteit is echter niet beschikbaar voor toetsenbordgebruikers. Deze tooltips moeten toegankelijk worden gemaakt voor zowel muis- als toetsenbordgebruikers.

Bevinding 9: 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.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 10: Pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/6819cf4fae6d9dd2fa650c3c en https://test-subsidieloket.alkmaar.nl/aanvraag/677e497b925fda1cad8ba846/taak/6819e771ae6d9dd2fa653008 hebben dezelfde tekst in het titlel-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.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht onder “Aanvragen”
staan niet-interactieve elementen die focusbaar zijn gemaakt door `tabindex=0` toe te voegen. Deze elementen mogen geen focus krijgen en maken de focusvolgorde niet logisch. Dit is een probleem voor bezoekers die met de Tab-toets navigeren. 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.

Bevinding 12: 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.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/overzicht met de knoppen “Bekijk de aanvraag” 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/documenten/overzicht met de knoppen en “Bekijk de aanvraag”, en https://test-subsidieloket.alkmaar.nl/dashboard/openstaande-acties met de knoppen “Bekijk”.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://test-subsidieloket.alkmaar.nl/aanvraag/67f62f92b22226f062c6b150/taak/6819e4ccae6d9dd2fa651a16 wordt een fout alleen aangegeven door een kleurverandering van de rand van het invoerveld. 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.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 15: 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.

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 16: 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=“Deadline is gepasseerd (29-01-2025)”.

Bevinding 17: Op pagina https://test-subsidieloket.alkmaar.nl/documenten/overzicht staan knoppen 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.

Bevinding 18: 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.

Bevinding 19:
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.

Bevinding 20: 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.

Bevinding 21: 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.

Bevinding 22: Op deze pagina’s 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 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.

Bevinding 23: Op verschillende pagina’s van de website worden interactieve elementen gecodeerd als knoppen (<button>), 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 de aanvraag” 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 “Bekijk de aanvraa” 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 <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)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 24: 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.

Bevinding 25: 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.

Bevinding 26: 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. Dit kan worden opgelost door de toetsenbordfocus naar het bericht te verplaatsen zodra het verschijnt, zodat gebruikers direct op de hoogte zijn van de fout. Controleer of aria-live="polite" of role="status" correct zijn toegevoegd aan de HTML-code om deze meldingen volledig toegankelijk te maken.

Bevinding 27: 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.

Bevinding 28: 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

Bronnen

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

Geprint: 2025-10-24 11:52:19 v2.4-011