In de audit van september 2025 stond hier 1 bevinding: op alle pagina's ontbrak het lang-attribuut op het html-element. Die is opgelost. De pagina's beginnen nu met <html lang="nl">, gemeten op 23 september 2026. Hieronder staat 1 nieuwe bevinding.
#35 - Kop is niet gemarkeerd als koptekstNieuw
Impact: Matig
Type: Content
WCAG: 1.3.1
EN: 9.1.3.1
Nieuwe bevinding die is ontstaan nadat de website is vernieuwd.
In de footer staat de tekst "Een samenwerking van" boven de logo's van de samenwerkende overheden. Die tekst is niet als kop gemarkeerd. In de code staat een span-element, gemeten op 23 september 2026.
Bezoekers die hulpsoftware gebruiken hebben niets aan een tekst die eruitziet als kop en die niet als kop in de code staat. Via de koppen scannen zij de inhoud en springen zij naar een sectie. Daarbij wijkt de structuur in de code af van wat er op het scherm te zien is.
Oplossing:
Markeer deze tekst met een kop-element op het passende niveau: h1 tot en met h6. Op https://properaccess.nl/zo-controleer-je-de-koppenstructuur-van-je-website/ staat een instructie die uitlegt hoe je de koppen op een pagina controleert.
Link naar pagina: https://laadpaal.laadwerk.nl
Van de 15 bevindingen op deze pagina zijn er 12 opgelost. De website is opnieuw gebouwd en heet nu Laadwerk. Twee dingen die we zelf konden nameten op 23 september 2026: het lichtblauw waar bevinding 2 over ging (#009FE3) staat niet meer in de CSS, en de tekst "MRA-Elektrisch" uit bevinding 4 staat niet meer in de footer. Hieronder staan de 3 bevindingen die nog openstaan en 3 nieuwe.
#5 - Kleurcontrast van tekst is te laag
Impact: Matig
Type: Content
WCAG: 1.4.3
EN: 9.1.4.3
Deze bevinding staat nog open. De knop "Volgende" heeft witte tekst op een groene achtergrond (#00A85C). De contrastratio is 3,1:1. Die kleur staat in de CSS van de website als --brand-groen, gemeten op 23 september 2026.
Het contrast is wel hoger geworden. In de audit van september 2025 was de knop lichtblauw (#5BC0F1) met een contrastratio van 2,0:1. Voor deze tekst is 4,5:1 nodig, dus het is nog steeds te laag.
Dezelfde kleurcombinatie komt ook in de andere stappen van het proces voor.
Oplossing:
Voor tekst kleiner dan 24 px en niet vetgedrukt moet de contrastratio minimaal 4,5:1 zijn. Op https://properaccess.nl/hoe-test-ik-kleurcontrast/ staat een instructie die uitlegt hoe je kleurcontrast test.
#7 - Contrast tussen focusindicator en achtergrond is te laag
Impact: Matig
Type: Techniek
WCAG: 1.4.11
EN: 9.1.4.11
Deze bevinding staat nog open. In stap 1, onder de kop "1. Verzoek tot het plaatsen van een publieke laadpaal", staat een keuzelijst. Krijgt die keuzelijst toetsenbordfocus, dan is dat te zien aan een lichtgrijze rand (#CFCFCF). De contrastratio tussen die rand en de witte achtergrond is 1,6:1.
Hetzelfde gebeurt bij andere interactieve elementen in de volgende stappen, zoals links en selectievakjes.
Oplossing:
Gebruik voor de focusindicator een kleur met een contrastratio van minimaal 3,0:1 met de achtergrond.
#8 - strong-element in plaats van kop-element
Impact: Matig
Type: Content
WCAG: 1.3.1
EN: 9.1.3.1
Deze bevinding staat nog open. Kies je in stap 1 de eerste optie in de keuzelijst, dan kom je in stap 2. Daar staan teksten die met een strong-element zijn opgemaakt in plaats van met een kop-element, bijvoorbeeld "Verzoeken" en "Publieke voorziening".
Het strong-element is bedoeld om nadruk te geven aan een paar woorden of aan een zinsdeel. Koppen markeer je met een kop-element. Alleen dan geeft hulpsoftware de structuur van de tekst door.
Oplossing:
Haal het strong-element weg en markeer deze koppen met het juiste kop-element, bijvoorbeeld h3 of h4.
#36 - Het formulier gebruikt de standaardvalidatie van HTML5Nieuw
Impact: Serieus
Type: Techniek
WCAG: 3.3.1
EN: 9.3.3.1
Nieuwe bevinding die is ontstaan nadat de website is vernieuwd.
In stap 3 staat een formulier. Verstuur je dat leeg of met verkeerde gegevens, dan laat de browser zijn eigen foutmelding van HTML5 zien. Die meldingen werken niet in elke browser en elke schermlezer hetzelfde. Elke browser toont ze anders, en of ze volledig worden voorgelezen ligt niet vast.
Oplossing:
Schrijf eigen foutmeldingen voor dit formulier. Zet de melding als tekst op de pagina en noem daarin het veld waar de fout in zit. Koppel de melding daarna aan dat veld, bijvoorbeeld met aria-describedby. Controleer ook de andere formulieren op de website op dit punt.
#37 - De foutmelding verdwijnt vanzelfNieuw
Impact: Serieus
Type: Techniek
WCAG: 2.2.1
EN: 9.2.2.1
Nieuwe bevinding die is ontstaan nadat de website is vernieuwd.
Hetzelfde formulier in stap 3 laat de foutmelding van HTML5 zien in een ballon bij het invoerveld. Die ballon verdwijnt na een paar seconden vanzelf.
Sommige bezoekers lezen langzamer, bijvoorbeeld door dyslexie, slechtziendheid of een cognitieve beperking. Zij zijn de melding kwijt voordat ze hem uit hebben, en weten dan niet wat er mis was.
Oplossing:
Laat de foutmelding staan tot de bezoeker hem zelf wegklikt of de fout herstelt. Met eigen foutmeldingen bepaal je dat zelf; dat is dezelfde oplossing als bij bevinding 36.
#38 - De rand van het selectievakje heeft te weinig contrastNieuw
Impact: Matig
Type: Techniek
WCAG: 1.4.11
EN: 9.1.4.11
Nieuwe bevinding die is ontstaan nadat de website is vernieuwd.
In stap 3, onder de tekst "Bevestigen", staan selectievakjes met een lichtgrijze rand (#AEAEAE) op een witte achtergrond. De contrastratio is 2,2:1.
Bezoekers met een visuele beperking moeten de rand van een selectievakje kunnen zien. Anders weten zij niet waar het vakje staat en of ze het hebben aangevinkt.
Oplossing:
Onderdelen die je moet kunnen herkennen om ze te bedienen, hebben een contrastratio van minimaal 3,0:1 nodig met de achtergrond ernaast. Verhoog het contrast van de rand tot minimaal 3,0:1.
