Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website vijfheerenlanden zaaksysteem formulieren

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Formulieren van Vijfheerenlanden (zaaksysteem)
Datum 7 mei 2026
Scope van de website Binnen de scope van het onderzoek valt:
  • alle content op vijfheerenlanden-test.zaaksysteem.nl.
Buiten de scope van het onderzoek valt:
  • De techniek van de website zaaksysteem.nl. Dit rapport is een content-audit, waarbij alleen content-gerelateerde WCAG 2.2 succescriteria zijn getoetst.
  • 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: 10

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 alle pagina's heeft de actieve link (van de huidige stap) een afwijkende visuele weergave, maar dit onderscheid staat niet in de code. Bezoekers die de pagina laten voorlezen hebben daardoor geen toegang tot deze informatie. Zorg daarom voor een andere manier om deze informatie over te dragen, zodat ook mensen die screenreaders gebruiken dit kunnen begrijpen.

Bevinding 2: Op pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/a309ad70-bcba-43b1-ba66-152e7a77f579/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, stap "Contactgegevens", zijn de volgende teksten koppen, maar de kop-elementen ontbreken. Het strong-element wordt gebruikt om ze er als koppen uit te laten zien. Zie "Privacy" en "Onderzoek".
Hetzelfde probleem komt voor op de pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/8f513d0a-6e38-46d3-a0ab-8dc7043f56e6/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier
Het strong- of em-element is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Verwijder het strong-element of em-element en markeer deze tekst met een passend kop-element, zoals h2 of h3. De visuele opmaak kan eventueel met CSS worden toegepast. Dit type element wordt vaak toegevoegd via de knop "B" (vet) in een tekstbewerker.

Bevinding 3: Op pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/a309ad70-bcba-43b1-ba66-152e7a77f579/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, stap "Contactgegevens", onder "Privacy" en "Onderzoek", wordt het em-element onjuist gebruikt voor stijldoeleinden.
Hetzelfde probleem komt voor op de pagina's:
https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/bd8c0b6c-2bfb-4eb3-a69d-c7824cb6a25b/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier (stap "Informatie over betaling"),
https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/2b83a236-b61a-4922-a1be-2ea2747b52f6/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier (stap "Overige gegevens en bewijsstukken"),
https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/caa21af3-3f8c-4e40-ab7d-d84ac636d845/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier
en andere pagina's.
Het em-element heeft een semantische betekenis: het geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (vetgedrukte tekst).

Bevinding 4: Op pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/8f513d0a-6e38-46d3-a0ab-8dc7043f56e6/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, onder de kop "Benodigde gegevens", wordt het strong-element onjuist gebruikt voor stijldoeleinden. Hele zinnen zijn in het strong-element gewikkeld om ze vetgedrukt te tonen. Het strong-element heeft een semantische betekenis: het geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect (vetgedrukte tekst).

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/2b83a236-b61a-4922-a1be-2ea2747b52f6/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, bij hover over het vraagteken naast "Heeft u berekend dat de afstand van vervoer vanaf uw woning naar de bezoekende school meer dan 6 km is?", verschijnt een link "ANWB". Kleur is het enige verschil tussen de link en de statische tekst. Deze link is alleen te herkennen aan een kleurverschil met de gewone tekst. Dit kan een probleem zijn voor kleurenblinde of slechtziende bezoekers. Zij kunnen de kleuren mogelijk niet onderscheiden, en zien dan niet dat er een link in de tekst staat. Zorg ervoor dat links in de tekst op zijn minst op één andere manier te herkennen zijn, bijvoorbeeld door ze onderstreept te maken, of door een kader toe te voegen. Kleur mag worden gebruikt om links van statische tekst te onderscheiden mits ze aan deze twee voorwaarden voldoen: het contrast tussen de linktekst en de omringende tekst is minimaal 3:1; én er is een extra visuele indicator aanwezig, zoals een onderstreping of een wijziging in achtergrondkleur bij hover of focus.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 6: Op alle pagina's, bijvoorbeeld https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/17993896-fd4e-4678-b300-89a0fdfe436c/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, heeft de knoptekst "VOLGENDE" onvoldoende contrast bij hover. De contrastverhouding is 3,6:1, wat onder de vereiste 4,5:1 voor normale tekst ligt.
Dit moet minimaal 4,5:1 zijn. Omdat het contrast niet aan de minimale eisen voldoet, kan deze tekst ontoegankelijk zijn voor bezoekers met visuele beperkingen. Zorg ervoor dat het contrast van de knoptekst ook bij hover minimaal 4,5:1 is.

Bevinding 7: Op alle pagina's, bijvoorbeeld https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/17993896-fd4e-4678-b300-89a0fdfe436c/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, is de foutmelding in het formulier witte tekst op een rode (#D8503F) achtergrond. De resulterende contrastverhouding is 4,1:1. Foutmeldingen moeten net als andere teksten voldoen aan de minimale contrasteisen. Zorg ervoor dat het contrast tussen de kleur van de foutmelding en de achtergrond minimaal 4,5:1 is.

Bevinding 8: Op pagina https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/17993896-fd4e-4678-b300-89a0fdfe436c/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier staat een grijze (#AAAAAA) tekst "Of sleep je bestanden hierheen" op een witte achtergrond. De kleurcontrastverhouding is te laag: 2,3:1.
Hetzelfde probleem komt voor op de pagina's:
https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/20c7e378-03e2-4ede-9358-7ab967096a5e/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier,
https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/68deeca6-a034-47a3-aa84-1db57505e464/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier,
en op https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/a6c1c435-1226-443b-aea7-de0b5553389f/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier.
Zie ook de pagina's https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/17993896-fd4e-4678-b300-89a0fdfe436c/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier en https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/20c7e378-03e2-4ede-9358-7ab967096a5e/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier: op stap "Afronden" verschijnt — wanneer "Zelf in behandeling nemen" wordt uitgevinkt — een grijze (#AAAAAA) tekst "Ook afdeling/rol wijzigen" op een witte achtergrond. Deze tekst is niet voor iedereen zichtbaar. Omdat deze tekst kleiner is dan 19px, moet het contrast minimaal 4,5:1 zijn.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 9: De primaire taal van deze pagina's is onterecht ingesteld op Engels (lang="en"), terwijl alle content in het Nederlands is. Screenreaders gebruiken de taalcode om de juiste uitspraakregels toe te passen. Staat hier een verkeerde code, dan wordt de inhoud van de pagina met onjuiste uitspraakregels voorgelezen. De voorgelezen tekst is dan erg lastig te begrijpen. Stel de primaire taal van de pagina in op Nederlands (lang="nl"), zodat hulpsoftware de inhoud op de juiste manier kan voorlezen.

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 10: Op alle pagina's, bijvoorbeeld https://vijfheerenlanden-test.zaaksysteem.nl/intern/aanvragen/17993896-fd4e-4678-b300-89a0fdfe436c/?aanvrager=f8eee8e9-487d-40d2-acdd-2fb4fd15703e&aanvrager_type=employee&contactkanaal=webformulier, toont de foutmelding in het formulier de melding "Dit veld is verplicht.". In deze foutmelding wordt niet uitgelegd hoe de fout kan worden hersteld. Een goede foutmelding maakt duidelijk wat je moet doen. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld". Pas de foutmelding aan, zodat de bezoeker weet wat hij of zij moet doen om de fout te herstellen.

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: 2026-05-07 13:37:47 v2.4-011