Toegankelijkheidsonderzoek

Issues:
Systeemaudit digitale toegankelijkheid website Subsidieloket Alkmaar

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Subsidieloket Alkmaar
Datum 2 juni 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: 57

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 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)

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

Uitkomst: Niet aanwezig

Bevinding 2: 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)

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

Uitkomst: Niet aanwezig

Bevinding 3: 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)

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

Uitkomst: Niet aanwezig

Bevinding 4: 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)

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

Uitkomst: Niet aanwezig

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

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Niet aanwezig

Bevinding 6: 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 over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

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

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

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

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

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

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

Bevinding 13: 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)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 14: 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)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Niet aanwezig

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

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 16: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 17: 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.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Niet aanwezig

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

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

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

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

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

Bevinding 21: 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.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 22: 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)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

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

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

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

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

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

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

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

Bevinding 30: 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 31: 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”.

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

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

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

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

Bevinding 35: 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.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 36: 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”.

Bevinding 37: 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)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

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

Bevinding 39: 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 40: 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:”.

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

Bevinding 42: 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 43: 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.

Bevinding 44: 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 45: 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 46: 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.

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

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

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

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

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

Bevinding 52: 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)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 53: 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 54: 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 55: 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.

Bevinding 56: 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 57: 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-07-03 02:58:40 v2.4-011