Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Samen kan je meer

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Samen kan je meer
Datum 12 maart 2026
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op samenkanjemeer.nl (geen PDF-documenten gevonden).
  • Het contactformulier op e-inwoner.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: 50

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://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staat rechtsboven een logo van de drie gemeentes Ermelo, Harderwijk en Zeewolde. Onderaan staat een logo van Meerinzicht. Dit zijn informatieve afbeeldingen, maar deze zijn verborgen voor hulpsoftware. Zorg ervoor dat er een tekstalternatief aanwezig is die de informatie in deze afbeeldingen weergeeft. Dit kan op verschillende manieren, bijvoorbeeld door de afbeeldingen zichtbaar te maken voor hulpsoftware en te voorzien van een tekstalternatief of door bovenaan op de pagina een tekst te plaatsen als "Dit is een formulier van Gemeente Ermelo, Gemeente Harderwijk, Gemeente Zeewolde en Meerinzicht" of iets dergelijks.

Bevinding 2: Advies: op pagina's https://www.samenkanjemeer.nl/contact en https://www.samenkanjemeer.nl/ontmoet-je-collegas/er-zijn-altijd-mogelijkheden-om-de-draad-weer-op-te-pakken staan afbeeldingen van personen met een tekstbeschrijving eronder. De afbeeldingen zijn aangeduid als decoratief, omdat deze geen tekstalternatief hebben. De img-elementen hebben een alt-attribuut met een lege waarde. Het is doorgaans beter als decoratieve afbeeldingen geen tekstbeschrijvingen (in het figcaption-element) hebben, want deze beschrijven dan een afbeelding die is verborgen voor hulpsoftware. Dit is nu echter niet afgekeurd.

1.2 Op tijd gebaseerde media

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: Onvoldoende

Bevinding 3: Op pagina https://www.samenkanjemeer.nl/over-ons/meerinzicht staat een video met ondertiteling die over het algemeen heel goed is. Rond 0:19 wordt "Samen kan je meer" uitgesproken door de voice-over. Dit komt pas ongeveer 2 seconden later in beeld, via het logo "Samen kan je meer.nl". Een ondertiteling moet echter in beeld komen op het moment dat het wordt uitgesproken en dus synchroon lopen met het geluid. Voeg "Samen kan je meer" toe aan de ondertiteling op het moment dat dit wordt uitgesproken.

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

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

Uitkomst: Onvoldoende

Bevinding 4: Op pagina's https://www.samenkanjemeer.nl/over-ons, https://www.samenkanjemeer.nl/over-ons/meerinzicht en https://www.samenkanjemeer.nl/ontmoet-je-collegas staat een video. In al deze video's worden aan het eind één of meer logo's en teksten getoond, bijvoorbeeld de logo's van de gemeenten Ermelo, Harderwijk, Zeewolde en van Meerinzicht. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals schermlezers, niet weten wat er wordt getoond in de video. Zet deze informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina's https://www.samenkanjemeer.nl/over-ons, https://www.samenkanjemeer.nl/over-ons/meerinzicht en https://www.samenkanjemeer.nl/ontmoet-je-collegas staat een video. In al deze video's worden aan het eind één of meer logo's en teksten getoond, bijvoorbeeld de logo's van de gemeenten Ermelo, Harderwijk, Zeewolde en van Meerinzicht. Een audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Dit kan ook een voice-over zijn. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermlezers, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 6: In de header van de website is bij meerdere pagina's visueel aangegeven wat het huidige onderdeel is, bijvoorbeeld op pagina's https://www.samenkanjemeer.nl/vacatures/senior-adviseur-belastingen, https://www.samenkanjemeer.nl/leren-en-ontwikkelen/professional, https://www.samenkanjemeer.nl/leren-en-ontwikkelen/traineeship-en-stages, https://www.samenkanjemeer.nl/over-ons/meerinzicht en meer. In de code het aria-current-attribuut gebruikt bij deze onderdelen. Dat is op zich goed gedaan, maar het probleem is dat de waarde van dit attribuut steeds "page" is. Deze waarde geeft aan dat dit de huidige pagina is, maar dat is bij de bovengenoemde pagina's niet het geval. Wijzig deze waarde naar "true", zodat dit attribuut aangeeft dat dit het huidige onderdeel is en dat klopt altijd.

Bevinding 7: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan in de laatste stap de antwoorden op de vragen. Als een vraag niet is beantwoord, staat hier de tekst "Niet ingevuld". Deze tekst is via CSS geplaatst en is daarmee niet beschikbaar in de HTML-code van de pagina. Dit is wel nodig, want nu kunnen gebruikers van hulpsoftware deze informatie missen. Verplaats deze content naar het HTML-document.

Bevinding 8: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat de koptekst "Senior adviseur belastingen" direct onder de koptekst "Solliciteren". Beide koppen zijn van hetzelfde niveau (h1) en dat is niet toegestaan. Dit betekent namelijk dat de eerste kop nu geen inhoud heeft waar het een kop van kan zijn. Wijzig de koptekst naar een niveau lager (h2) om dit op te lossen.

Bevinding 9: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 zijn de teksten "Persoonlijke gegevens", "Contactinformatie", "Overige gegevens" en "Aanvullende informatie" visueel en semantisch kopteksten voor de content eronder. Deze moeten daarom ook als echte koppen opgemaakt worden, bij voorkeur van niveau 3 (h3). Het zijn nu tabelcellen en dat geeft niet goed de relatie weer tussen de koptekst en de content eronder. Deze kopteksten moeten daarom uit de tabellen gehaald worden.

Bevinding 10: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 kunnen foutmeldingen verschijnen, bijvoorbeeld "Dit is een verplicht veld.". Deze foutmeldingen staan in een tabelrij boven de tabelrij met het invoerveld waarop de foutmeldingen betrekking hebben. De betreffende invoervelden missen ook een programmatische manier om aan te geven dat deze niet (goed) zijn ingevuld. Dit zorgt ervoor dat niet programmatisch is te bepalen welke velden fout zijn. Zorg ervoor dat de foutmeldingen programmatisch gekoppeld worden aan de invoervelden. Dit kan op verschillende manieren, bijvoorbeeld door ze in een label-element te zetten en die te koppelen aan het invoerveld of via het attribuut aria-describedby. Andere oplossingen zijn ook mogelijk.

Bevinding 11: Advies: in de footer op pagina https://www.samenkanjemeer.nl/ en alle andere pagina's op dit domein staan twee lijsten met links. In de code zijn deze opgemaakt als een nav-element die allebei dezelfde naam hebben, namelijk "footerlinks". Dit is niet direct een toegankelijkheidsprobleem, maar kan wel verwarrend zijn. Het is beter om deze namen uniek te maken. Voor de tweede rij met links kan de naam van het nav-element verwijzen naar de koptekst die erboven staat, bijvoorbeeld via het attribuut aria-labelledby.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 kunnen foutmeldingen verschijnen, bijvoorbeeld "Dit is een verplicht veld.". Deze meldingen verschijnen boven het veld waarop ze betrekking hebben. Het is gebruikelijker dat foutmeldingen ónder het invoerveld verschijnen en daarom is nu niet overal duidelijk op welk veld een foutmelding betrekking heeft. Zie ook succescriterium 1.3.1 voor gerelateerde problemen en mogelijke oplossingen.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat een formulier waar de bezoeker onder andere zijn eigen naam, e-mailadres en telefoonnummer kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat deze velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut staat op de pagina: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.
Dit probleem komt ook voor in het formulier op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Voldoende

Bevinding 14: Advies: op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat de link "privacyverklaring" in een lopende tekst. Deze link is alleen herkenbaar doordat het een andere kleur heeft. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Dit wordt nu echter niet afgekeurd, omdat het contrast tussen de linktekst en de lopende tekst groter is dan 3,0:1. Het is echter wel beter om hyperlinks in lopende tekst ook herkenbaar te maken door ze te onderstrepen.
Let op: de linktekst voldoet momenteel niet aan succescriterium 1.4.3 en als dat probleem wordt opgelost, kan dat mogelijk wel leiden tot afkeur voor dit succescriterium als de link niet onderstreept wordt.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 15: Op pagina's https://www.samenkanjemeer.nl/ en https://www.samenkanjemeer.nl/over-ons/meerinzicht staan diverse links onder "Laatste vacatures" en "Onze vacatures". Wanneer deze links de toetsenbordfocus krijgen of als hier met de muisaanwijzer overheen wordt gegaan, worden de teksten donkergroen (HEX #007a68). De contrastratio op de lichtgroene achtergrond (HEX #d7e693) is dan 3,5:1 waar dit minimaal 4,5:1 moet zijn.

Bevinding 16: Op pagina https://www.samenkanjemeer.nl/leren-en-ontwikkelen/traineeship-en-stages staat onder "Jonge ambtenaren" de groene tekst "Netwerken, leren en verbinden" (HEX #007a68) op een lichtgroene achtergrond (HEX #d7e693). De contrastratio is hier 3,9:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 17: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat onder "Aanvullende informatie" de blauwe linktekst "privacyverklaring" (HEX #1f93ce) op een witte achtergrond. De contrastratio is hier 3,4:1 waar dat minimaal 4,5:1 moet zijn. Zie ook succescriterium 1.4.1.

Bevinding 18: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat onderaan de witte tekst "Solliciteer" op een lichtblauwe achtergrond (HEX #66b4e5). De contrastratio is hier 2,3:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 19: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 kunnen rode foutmeldingen (HEX #ff0000) verschijnen op een witte achtergrond, bijvoorbeeld "Dit is een verplicht veld". De contrastratio is hier 4,0:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 20: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan de stappen van het formulier links naast het contactformulier: "Vraag of opmerking", "Gegevens" en "Controleren en verzenden". Als de toetsenbordfocus terecht komt op de niet-actieve stappen, verandert de tekstkleur naar blauw (HEX #0072ac). De contrastratio op de blauwe achtergrond (HEX #0072b9) is dan minder dan 1,1:1 waar dat minimaal 4,5:1 moet zijn. Let bij het aanpassen hiervan dat dit geen probleem veroorzaakt voor bijvoorbeeld succescriterium 1.4.1.

Bevinding 21: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staat in de laatste stap de knop "Verzenden". Als de verplichte vragen niet (goed) zijn ingevuld, is de tekst donkergrijs (HEX #707072) op een lichtgrijze achtergrond (HEX #dddde0). De contrastratio is hier 3,6:1 waar dat minimaal 4,5:1 moet zijn.
Let op: er is een uitzondering voor niet-actieve componenten van de gebruikersinterface. Deze knop is nu echter wel actief, want hij kan toetsenbordfocus ontvangen en met de muisaanwijzer aangeklikt worden. Daarom geldt deze uitzondering hier niet.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat een sollicitatieformulier in een iframe. In de metadata van dit iframe staat bij <meta name="viewport"> de waarde maximum-scale=1 bij het content-attribuut. Dit betekent dat bezoekers in sommige gevallen niet kunnen inzoomen, bijvoorbeeld op een smartphone of tablet. Deze instelling moet daarom aangepast of verwijderd worden, zodat bezoekers wel kunnen inzoomen.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staat bovenaan de titel "Contactformulier samen kan je meer". Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, is een deel van het woord "Contactformulier" niet meer leesbaar, omdat het achter het logo staat. Zorg ervoor dat alle tekst leesbaar blijft als wordt ingezoomd tot 400% of als de pagina wordt bekeken op een klein scherm.
Let op: horizontaal scrollen is hier geen oplossing.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 24: Op pagina's https://www.samenkanjemeer.nl/over-ons, https://www.samenkanjemeer.nl/over-ons/meerinzicht en https://www.samenkanjemeer.nl/ontmoet-je-collegas staat een videospeler. Als de afspeelknop de toetsenbordfocus krijgt, verschijnt een blauw kader (HEX #2d73dc) op de achtergrond van de video. Dit kader heeft niet altijd voldoende contrast op de achtergrond. Bijvoorbeeld in de video op de eerstgenoemde pagina, rond 0:03. Zorg ervoor dat dit kader altijd voldoende contrast heeft op de achtergrond, bijvoorbeeld door een tweede kader toe te voegen die altijd voldoende contrast heeft ten opzichte van het blauwe kader. Andere oplossingen zijn ook mogelijk.

Bevinding 25: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staan meerdere invoervelden. De grijze randen van deze invoervelden (HEX #cccccc) hebben een te lage contrastratio van 1,6:1 op de witte achtergrond en binnenkant. Dit moet minimaal 3,0:1 zijn. Slechtziende en kleurenblinde gebruikers kunnen daardoor missen waar ze iets kunnen invullen.

Bevinding 26: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan meerdere invoervelden. De grijze randen van de niet-verplichte invoervelden (HEX #999999) hebben een te lage contrastratio van 2,8:1 op de witte achtergrond en binnenkant. Dit moet minimaal 3,0:1 zijn. Slechtziende en kleurenblinde gebruikers kunnen daardoor missen waar ze iets kunnen invullen.

Bevinding 27: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan onderaan knoppen als "Volgende", "Terug" en "Verzenden". Als deze de toetsenbordfocus krijgen, verschijnt een lichtblauw kader (HEX #bfdeff) op een witte achtergrond. De contrastratio is hier 1,4:1 waar dat minimaal 3,0:1 moet zijn. Dit geldt ook voor het kader dat kan verschijnen rond de radioknoppen in de tweede stap.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 28: Op pagina https://www.samenkanjemeer.nl/arbeidsvoorwaarden staan twee uitklapbare onderdelen "Korting op verzekeringen". Hierin staat de tekst "arbeidsongeschiktheidsverzekering?". Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium én de pagina bekijken op een klein scherm, is het vraagteken niet meer zichtbaar. Zorg ervoor dat alle tekst leesbaar blijft als de pagina wordt bekeken op een klein scherm (320 px breed). Bijvoorbeeld door het woord af te breken.

Bevinding 29: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staat bovenaan de titel "Contactformulier samen kan je meer". Wanneer bezoekers de regelhoogte, alinea- en tekstafstand wijzigen naar de waarden zoals beschreven voor dit succescriterium én de pagina bekijken op een klein scherm, is een deel van deze titel niet meer leesbaar, omdat het achter het logo staat. Nu is alleen nog "Contactfor samen kan meer" te lezen. Zorg ervoor dat alle tekst leesbaar blijft als de pagina wordt bekeken op een klein scherm (320 px breed).

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Voldoende

Bevinding 30: Advies: de paginatitel van alle webpagina's op het domein samenkanjemeer.nl bevat niet de naam van de website of organisatie. Dit is niet verplicht, maar kan het voor bezoekers wel duidelijker maken waar zij zich bevinden. De naam van de website of organisatie kan toegevoegd worden achter het onderwerp van de pagina, met daartussen eventueel een "|" als scheidingsteken. Bijvoorbeeld "Contact | Samen kan je meer".

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staat een formulier. Als dit formulier meerdere fouten bevat en de knop "Solliciteren" wordt geactiveerd met het toetsenbord, verplaatst de toetsenbordfocus naar het select-element als deze vraag niet is ingevuld. De focus moet echter verplaatst worden naar het eerste invoerveld dat fout is. Dit gaat wel goed als de vraag "Waar zag je de vacature voor het eerst?" wel is beantwoord.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 32: Op pagina https://www.samenkanjemeer.nl/contact staan onder "Volg ons op social media" meerdere uitklapbare onderdelen: "LinkedIn", "Facebook" en "Instagram". In elk onderdeel staan links als "Gemeente Ermelo (Verwijst naar een externe website)", "Gemeente Harderwijk (Verwijst naar een externe website)" etc. Er is voor deze links niet automatisch context met de kopteksten erboven en de linkteksten worden herhaald voor verschillende links. Dit zorgt ervoor dat het doel van deze links niet duidelijk is. Zorg ervoor dat ook voor gebruikers van hulpsoftware duidelijk is waar de links naartoe gaan, bijvoorbeeld door in de naam van de links expliciet te verwijzen naar de koptekst erboven. Dit mag visueel verborgen zijn.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 33: Er is maar één manier om alle pagina's binnen deze website te vinden en dat is door het volgen van links. Dit is vooral een probleem bij pagina's die niet direct via het hoofdmenu te bereiken zijn, zoals pagina's https://www.samenkanjemeer.nl/vacatures/senior-adviseur-belastingen, https://www.samenkanjemeer.nl/solliciteren/vacature/210, https://www.samenkanjemeer.nl/leren-en-ontwikkelen/professional, https://www.samenkanjemeer.nl/leren-en-ontwikkelen/traineeship-en-stages, https://www.samenkanjemeer.nl/over-ons/meerinzicht en andere. Zorg dat er nog een manier is om elke pagina te kunnen bereiken, bijvoorbeeld via een zoekmachine en/of sitemap.

Bevinding 34: Advies: op de foutpagina https://www.samenkanjemeer.nl/404 wordt in de tekst verwezen naar een sitemap en een zoekfunctie. Beide functies zijn ten tijde van de audit echter niet aanwezig op deze website. In een andere bevinding is al voorgesteld om een zoekmachine en/of sitemap toe te voegen. Als dat is gedaan, klopt de tekst op deze pagina waarschijnlijk wel weer.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://www.samenkanjemeer.nl/vacatures staan meerdere filters naast de vacatures. Als deze filters de toetsenbordfocus krijgen, verschijnt een focusindicator. Bij het laatste filter, "Sociaal / Welzijn" is alleen de bovenste rand van de focusindicator zichtbaar, waardoor niet duidelijk is of dit filter de focus heeft of het filter "Ruimtelijke ontwikkeling", dat erboven staat. Zorg ervoor dat duidelijk is welk filter de focus heeft, bijvoorbeeld door ook hier in ieder geval de onderste rand zichtbaar te maken.

Bevinding 36: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan links naast het contactformulier de stappen "Vraag of opmerking", "Gegevens" en "Controleren en versturen". Vóór de eerste stap staat nog een onzichtbaar invoerveld dat wel de toetsenbordfocus kan krijgen. De focus is op dat moment niet zichtbaar. Zorg ervoor dat altijd zichtbaar is waar de toetsenbordfocus zich bevindt of verwijder dit invoerveld (uit de focusvolgorde). Zie ook succescriterium 4.1.2.

Bevinding 37: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan links naast het contactformulier de stappen "Vraag of opmerking", "Gegevens" en "Controleren en versturen". Als de toetsenbordfocus terecht komt op de huidige stap, bijvoorbeeld "Vraag of opmerking", dan is dat niet zichtbaar. Zorg ervoor dat altijd zichtbaar is waar de toetsenbordfocus zich bevindt.

2.5 Input modaliteiten

2.5.2 Aanwijzerannulering (Niveau A)

Informatie over succescriterium 2.5.2 Aanwijzerannulering

Uitkomst: Onvoldoende

Bevinding 38: Als de website wordt bekeken op een klein of ingezoomd scherm, bijvoorbeeld bij een resolutie van 1280x1024 pixels en 200% zoom, is de hoofdnavigatie verplaatst onder de knop "Menu". Wanneer deze knop met de muisaanwijzer wordt bediend, opent of sluit de hoofdnavigatie bij het indrukken van de linker muisknop (het 'down event'). Dit is niet toegestaan. Zorg ervoor dat dit pas gebeurt als de muisknop wordt losgelaten (het 'up event'). Zie bijvoorbeeld pagina https://www.samenkanjemeer.nl/.

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 39: Op pagina https://www.samenkanjemeer.nl/ en alle andere pagina's van dit domein staat linksboven het logo "Samen kan je meer.nl". Dit logo is ook een link en de naam van deze link is "Logo Samen kan je meer, ga naar homepage". Deze naam is op zich heel goed, maar hierin ontbreekt nog de zichtbare tekst ".nl". Dit betekent dat de zichtbare tekst niet gebruikt kan worden om deze link met spraakbedieningssoftware te bedienen. Wijzig de naam van de link naar "Logo Samen kan je meer.nl, ga naar homepage" of pas het logo aan zodat daar niet meer ".nl" in staat.

Bevinding 40: Als op pagina https://www.samenkanjemeer.nl/vacatures één of meer filters zijn ingesteld waarmee geen vacatures gevonden zijn, verschijnt een blauw kader met de koptekst "Geen vacatures gevonden". In dit kader staat ook een link met de zichtbare tekst "Vacaturefilters wissen". De naam van deze link is echter "Lees meer over Geen vacatures gevonden". Dit betekent dat de zichtbare tekst niet gebruikt kan worden om de link met spraakbedieningssoftware te bedienen. Zorg ervoor dat de zichtbare tekst in de naam van de link staat, het liefst vooraan.

Bevinding 41: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staan meerdere input-elementen (invoervelden) en een select-element. Al deze elementen missen een toegankelijke naam, wat betekent dat de zichtbare teksten bij deze elementen, zoals "Achternaam", "Tussenvoegsel(s)" etc, niet gebruikt kunnen worden om deze elementen te bedienen met spraakbedieningssoftware. Zorg ervoor dat de elementen een naam krijgen waarin in ieder geval de zichtbare teksten staan, het liefst vooraan. Dit kan bijvoorbeeld door de zichtbare teksten in label-elementen te zetten en die met de attributen "for" en "id" te koppelen aan de juiste invoervelden en het select-element. Zie ook succescriterium 4.1.2.

3. Begrijpelijk

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Voldoende

Bevinding 42: Advies: als op pagina https://www.samenkanjemeer.nl/vacatures een filter wordt geselecteerd, herlaadt de pagina en wordt de toetsenbordfocus verplaatst naar de relevante vacatures. Omdat de filters links zijn, is dat geen toegankelijkheidsprobleem en wordt dit niet afgekeurd. Door dit gedrag is het echter wel lastiger om met het toetsenbord meerdere filters te selecteren. De bezoeker moet dan namelijk weer terugnavigeren om een ander filter toe te passen. Het is daarom te overwegen om filters pas toe te passen nadat de bezoeker op een knop drukt, bijvoorbeeld "Filter(s) toepassen".

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 43: Wanneer bezoekers op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 geen of foutieve invoer invullen, verschijnen meldingen boven de invoervelden. Bijvoorbeeld "Dit is een verplicht veld.", "Vul hier alleen getallen in.", "Voeg een document in het formaat .doc, .docx, .txt, .rtf of .pdf!" en "Vul hier een geldige URL in! (http://...)". Dit zijn geen goede foutmeldingen, maar eerder instructies. Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld 'Achternaam' is niet (goed) ingevuld". Zie ook succescriterium 3.3.2.

Bevinding 44: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new kunnen foutmeldingen in beeld komen, bijvoorbeeld "Vul uw vraag, tip of opmerking in.", "Vul uw voorletters of voornaam in." en "Vul uw achternaam in.". Dit zijn geen goede foutmeldingen, maar eerder instructies. Een goede foutidentificatie vermeldt welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "Het veld 'Wat is jouw vraag of opmerking?' is niet (goed) ingevuld" of iets dergelijks.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 45: Wanneer bezoekers op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 geen of foutieve invoer invullen bij "Telefoon", "Motivatie", "CV" of "Overig (URL)", verschijnen meldingen boven de invoervelden. Bijvoorbeeld "Vul hier alleen getallen in.", "Voeg een document in het formaat .doc, .docx, .txt, .rtf of .pdf!" en "Vul hier een geldige URL in! (http://...)". Voor deze velden is dus blijkbaar een bepaalde invoer vereist. Deze invoereis is echter niet vooraf gecommuniceerd aan de bezoeker en dat is wel nodig. Voeg deze invoereisen zichtbaar toe, bijvoorbeeld aan de labels bij de invoervelden. Zie ook succescriteria 3.3.1 en 1.3.1 voor gerelateerde problemen.

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 46: Als op pagina https://www.samenkanjemeer.nl/vacatures één of meer filters geselecteerd zijn, hebben deze links het attribuut en de waarde aria-selected="true" gekregen. Dit attribuut is echter niet toegestaan op links (a-elementen). Dit attribuut is daarnaast ook niet nodig, want de naam van deze links is dan "Zet filter '[NAAM]' uit" en dat geeft al goed aan dat een filter geselecteerd is. Verwijder daarom het aria-selected-attribuut.

Bevinding 47: Op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 staan meerdere input-elementen (invoervelden) en een select-element. Al deze elementen missen een toegankelijke naam. Zorg ervoor dat de elementen een naam krijgen waarin in ieder geval de zichtbare teksten staan (dit laatste is nodig voor succescriterium 2.5.3). Dit kan bijvoorbeeld door de zichtbare teksten in label-elementen te zetten en die met de attributen "for" en "id" te koppelen aan de juiste invoervelden en het select-element.

Bevinding 48: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new staan links naast het contactformulier de stappen "Vraag of opmerking", "Gegevens" en "Controleren en versturen". Vóór de eerste stap staat nog een onzichtbaar invoerveld dat geen naam heeft. Geef alle interactieve elementen een naam of verwijder dit invoerveld. Zie ook succescriterium 2.4.7.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 49: Als op pagina https://www.samenkanjemeer.nl/solliciteren/vacature/210 een verkeerd bestandsformaat wordt geüpload bij de vragen "Motivatie" en "CV", verschijnt de melding "Voeg een document in het formaat .doc, .docx, .txt, .rtf of .pdf!". Deze melding wordt echter niet gecommuniceerd door hulpsoftware. Bezoekers die bijvoorbeeld een schermlezer gebruiken, missen deze melding. Dit kan op verschillende manieren worden opgelost, bijvoorbeeld door aria-live of role="alert" op een goede manier te implementeren. Andere oplossingen zijn ook mogelijk.
Let op: om ervoor te zorgen dat aria-live, role="alert" en role="status" goed werken, moet een element met dit attribuut al aanwezig zijn in de DOM als de pagina is geladen. Daarna kan dit dynamisch gevuld worden met de inhoud van het statusbericht.

Bevinding 50: Op pagina https://www.e-inwoner.nl/prod/fr/Meerinzicht/contactformulier_samenkanjemeer/new kunnen foutmeldingen in beeld komen, bijvoorbeeld "Vul uw vraag, tip of opmerking in.", "Vul uw voorletters of voornaam in." en "Vul uw achternaam in.". Deze meldingen worden echter niet gecommuniceerd door hulpsoftware. Bezoekers die bijvoorbeeld een schermlezer gebruiken, missen deze melding. Dit kan op verschillende manieren worden opgelost, bijvoorbeeld door aria-live of role="alert" op een goede manier te implementeren. Andere oplossingen zijn ook mogelijk.

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-03-13 00:30:38 v2.4-011