Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Werken voor gemeente Leidschendam-Voorburg

(Alleen de bevindingen)

Scope van de evaluatie

Naam website werkenvoorleidschendam-voorburg.nl
Datum 26 januari 2026
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op werkenvoorleidschendam-voorburg.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: 49

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://werkenvoorleidschendam-voorburg.nl/ staan onderaan naast 'Waarom Leidschendam-Voorburg?' 3 iconen. Deze hebben een alt-tekst als "sfeervol_werken" of "werk_prive_balans". Dit voegt geen informatie toe en beschrijft de afbeelding niet. Bovendien is een tekstalternatief in deze form niet goed leesbaar. Verberg decoratieve afbeeldingen met een leeg alt-attribuut.
Dit probleem komt op meerdere pagina's voor, bijvoorbeeld op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ bij de iconen onder de kop "Wat wij doen voor jou". Op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ staan dezelfde iconen als op de homepagina met iets andere tekstalternatieven, bijvoorbeeld "Icoon dat een mooi formaat organisatie symboliseert". Zorg ook hier voor lege alt-attributen, zodat hulpsoftware de decoratieve iconen kan negeren.

Bevinding 2: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staan foto's van handhavers. Deze hebben tekstalternatieven als "handhaver1-groot" en "boa-in-actie". Dit zijn geen goed leesbare tekstalternatieven. Zorg ervoor dat tekstalternatieven de vorm van gewone tekst hebben, dus bijvoorbeeld "Boa in actie". Er staat ook een foto op de pagina met het tekstalternatief "foto3". Dit is geen goed omschrijvend tekstalternatief. Het lijkt erop dat deze tekstalternatieven worden gegenereerd vanuit de bestandsnaam. Zorg ervoor dat deze afbeeldingen een goed leesbaar tekstalternatief krijgen.
Dit probleem komt vaker voor op andere pagina's, bijvoorbeeld op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ bij de afbeelding met het tekstalternatief "vacature-alarm".

Bevinding 3: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ staat een foto van twee medewerkers die ergens aanbellen. Deze foto heeft via het alt-attribuut het tekstalternatief "Foto van Marianne van der Zanden - Consulent Werk" gekregen. Dit tekstalternatief omschrijft deze foto niet. Een goed tekstalternatief omschrijft beknopt wat de foto binnen de context van de pagina toevoegt. Daarnaast is het in de meeste gevallen niet nodig om aan te geven dat het een foto is, aangezien dit de meest gangbare vorm van afbeeldingen op websites is.

Bevinding 4: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/diana/ staat een foto met het tekstalternatief "Het verhaal van Diana Janssen - Coördinator Buurtpreventieteam". Dit omschrijft wel waar de pagina over gaat, maar is geen goede beschrijving van wat er op de foto te zien is.
Dit probleem komt ook voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/, waar de afbeelding bij de kop "Stage of afstuderen?" het tekstalternatief "foto van team locatieontwikkeling" heeft. Er staat maar één medewerker op de foto.

Bevinding 5: Op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ staat een video. De afspeelknop heeft geen tekstalternatief. Hierdoor is het niet duidelijk wat de functie van de link is en welke video afgespeeld gaat worden. Gebruik als tekstalternatief bijvoorbeeld "Speel video Werken voor Leischendam-Voorburg af". Zie ook succescriteria 2.4.4 en 4.1.2.
Dit probleem komt ook voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ bij dezelfde video.

Bevinding 6: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/bouchra/ staat een afbeelding met het tekstalternatief "Foto van Bouchra Azzaoui, Beleidsmedewerker MRO". Het is niet nodig om aan te geven dat het om een foto gaat. Ook de functie is hier minder relevant, want dit komt als in de tekst naar voren en is op de foto niet te zien. Het tekstalternatief kan daarom beter omschrijven wat er op de foto gebeurt, bijvoorbeeld dat de medewerker met iemand in gesprek is.

Bevinding 7: Advies: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat de kop "Houd de wijk schoon veilig leefbaar" met daartussen steeds een vinkje. De kop klinkt nu dus als "Houd de wijk vinkje schoon vinkje veilig vinkje leefbaar". Veelvuldig gebruik van emoji kan frustrerend zijn voor gebruikers van voorleessoftware en een verwarrende ervaring opleveren. Wees ervan bewust dat niet alle emoji's worden uitgesproken, dus dat altijd alt-tekst gebruiken een goed idee is.

1.2 Op tijd gebaseerde media

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 8: In de video op pagina https://werkenvoorleidschendam-voorburg.nl/ wordt aan het eind de tekst "werkenvoorleidschendam-voorburg.nl" getoond. Deze tekst is niet hoorbaar. Hierdoor kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Zorg er altijd voor dat tekst in beeld ook op een andere manier beschikbaar is, in een transcript van de video of in een extra audiospoor.
Dit probleem komt nogmaals voor bij dezelfde video op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ en https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: In de video op pagina https://werkenvoorleidschendam-voorburg.nl/ komt aan het eind de tekst "werkenvoorleidschendam-voorburg.nl" voor die niet uitgesproken wordt. Hierdoor kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Zorg er altijd voor dat tekst in beeld ook te horen is in het audiospoor.
Dit probleem komt nogmaals voor bij dezelfde video op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ en https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 10: Op alle pagina's staan in de footer de vetgedrukte teksten "Menu" en "Contact". Deze teksten zeggen iets over de tekst die eronder staat en dit moeten daarom koppen zijn. Ze zijn nu opgemaakt met het strong-element en dit brengt deze relatie niet over aan hulpsoftware. Verwijder daarom het strong-element en maak er koppen van. Het strong-element mag niet gebruikt worden voor opmaak.

Bevinding 11: Op pagina https://werkenvoorleidschendam-voorburg.nl/ staan na de kop "Waarom Leidschendam-Voorburg?" drie koppen zonder content: "Sfeervol werken", "Werk en privé in balans" en "Een organisatie van mooi formaat". Dit is een opsomming van waarom je bij deze gemeente zou moeten werken. Maak hier daarom een lijst van en verwijder de koppen.
Dit probleem komt nogmaals voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

Bevinding 12: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/ staan uitklapbare elementen. Voor deze elementen zijn koppen gebruikt, maar die rol wordt overschreven door het gebruik van role="button". Hierdoor is nu de relatie tussen bijvoorbeeld de tekst "Sollicitatieprocedure" en de tekst die verschijnt bij het uitklappen van dat element niet te bepalen. Los dit op door de koppen te laten staan en de knop als los element te plaatsen. De relatie kan ook op andere manieren worden aangegeven.

Bevinding 13: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/ staan uitklapbare elementen. Als het element "Ontwikkeling" wordt uitgeklapt" staat daar de tekst "Sijtwende Academie, GoodHabitz & coaching". Deze zegt iets over de tekst eronder en moet daarom een kop zijn, maar dit is nu niet het geval. Verwijder het strong-element en maar hier een kop van.
Op pagina https://werkenvoorleidschendam-voorburg.nl/vacature/33282/ wordt ook foutief gebruik gemaakt van het strong-element in plaats van een kop, namelijk bij de tekst "Hoe ziet je dag eruit?".

Bevinding 14: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat de kop "Houd de wijk schoon veilig leefbaar" met daartussen vinkjes. In deze kop is een br-element geplaatst. Hierdoor wordt de kop door voorleessoftware niet in één keer voorgelezen door voorleessoftware. Dit kan onduidelijkheid geven over deze kop. Verwijder het br-element uit de kop.

Bevinding 15: In de blokken op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/ zijn de functies van de medewerkers opgemaakt met het strong element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden. Als het strong element puur voor opmaak is gebruikt, moet de tekst met bijvoorbeeld CSS worden opgemaakt in plaats van het strong-element.
Dit probleem komt vaker voor op pagina's waar deze blokken worden herhaald, bijvoorbeeld op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ onder de kop "Meer verhalen".

Bevinding 16: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ is de quote “Een klein beetje begrip kan al zorgen voor een grote verandering.” opgemaakt met het em-element en de quote "Ik geloof dat je met praten meer bereikt dan met direct streng optreden" met zowel het strong- als het em-element. Het strong- en em-element zijn bedoeld om nadruk te geven aan een of enkele woorden. Gebruik in plaats daarvan CSS om de tekst anders vorm te geven.

Bevinding 17: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ is in de code niet duidelijk dat de tekst "Ik geloof dat je met praten meer bereikt dan met direct streng optreden" om een quote gaat. Gebruik voor quotes ofwel aanhalingstekens en/of het quote (`<q>`) of blockquote (`<blockquote>`) element om dit probleem op te lossen.

Bevinding 18: Op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ is de hele eerste alinea (die begint met "Najib werkt sinds...") opgemaakt met het strong-element. Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden. Het is niet de bedoeling om een hele alinea nadruk te geven. Gebruik in plaats daarvan CSS om de tekst anders weer te geven.

Bevinding 19: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ staat een formulier met daarin een vinkje. Doordat het daadwerkelijke input-element is verborgen voor hulpsoftware, kan de relatie tussen het vinkje en het bijbehorende label niet goed bepaald worden.

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 20: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat een formulier waarin persoonlijke gegevens moeten worden ingevuld. In dit formulier ontbreekt het autocomplete-attribuut op deze velden. Dit attribuut helpt gebruikers van hulpsoftware door het makkelijker te maken dit soort gegevens automatisch in te vullen. Los dit op door het autocomplete-attribuut met de juiste waarde toe te voegen. Meer over deze waarden is te vinden op https://www.w3.org/TR/wcag/#input-purposes.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 21: Op alle pagina's van https://werkenvoorleidschendam-voorburg.nl/ staat bovenin de witte tekst "Jij doet ertoe!" op een lichtbruine achtergrond (Hex: BEA279). Het contrast is 2,4:1 waar dat minimaal 4,5:1 moet zijn.
Deze kleurcombinatie wordt ook gebruikt op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/Najib/ bij de tekst "Jeugd- en wijk-boa".

Bevinding 22: In de footer van https://werkenvoorleidschendam-voorburg.nl/ staan donkerblauwe links, bijvoorbeeld "Bekijk onze vacatures". Als deze met de muis worden aangewezen, worden ze wit. De witte tekst heeft dan een contrast van 2,4:1 met de lichtbruine achtergrond (Hex: bea279). Het contrast moet minimaal 4,5:1 zijn.

Bevinding 23: Advies:
Als op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ het formulier wordt verstuurd zonder iets in te vullen, verschijnt tekst. Deze heeft precies dezelfde kleur als de achtergrondkleur en is daardoor niet leesbaar (Hex: 1a184a). Dit is beoordeeld als probleem voor alle gebruikers en daarom niet zozeer een toegankelijkheidsprobleem, maar het advies is wel om dit op te lossen zodat het voor iedereen leesbaar is. Maak de tekst bijvoorbeeld wit in plaats van donkerblauw.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 24: Als op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ bij een schermgrootte van 1280x1024px ingezoomd wordt tot 400% is de inhoud van de pagina niet zichtbaar, doordat de sticky header het volledige beeld vult. Bij lagere zoom-percentages is de content minder goed leesbaar doordat de sticky header een deel van het scherm vult.
Dit probleem komt ook voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacature/33282/. Op die pagina is nog een heel klein stukje van de onderliggende pagina te zien, maar dit is niet genoeg om bijvoorbeeld de tekst te kunnen lezen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 25: Als de pagina's op https://werkenvoorleidschendam-voorburg.nl/ met het toetsenbord worden bediend, wordt een felroze kleur gebruikt om de toetsenbordfocus aan te geven. Deze felroze kleur (HEX #ff3db1) heeft in het hoofdmenu een contrast van 1,3:1 met de lichtbruine achtergrond (HEX #bea279). Dit moet minimaal 3,0:1 zijn. Deze kleurcombinatie wordt ook gebruikt in de footer.
Deze roze kleur wordt ook op andere pagina's gebruikt, bijvoorbeeld op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/ en https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ op een beige achtergrond (HEX #ede7de). Het contrast is daar 2,6:1 waar dit minstens 3,0:1 moet zijn.
Dit komt nogmaals voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/. Daar wordt deze kleur ook gebruikt bij focus op de lichtgroene verzendknop. Het contrast is 2,1:1 waar dit minstens 3,0:1 moet zijn.
Dezelfde roze kleur wordt ook gebruikt op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ en https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ om de focus op de afspeelknop op de video aan te geven. Ook hier is het contrast niet voldoende.

Bevinding 26: In de video op https://werkenvoorleidschendam-voorburg.nl/ wordt de toetsenbordfocus op de afspeelknop aangegeven met een witte omlijning en doordat de knop transparanter wordt. het contrast tussen de lichtgroene knop (HEX #b7cbb7) en de nog lichtere omlijning (HEX #e2e7e3) is 1,4:1. Het precieze contrast en de HEX-codes kunnen iets verschillen, afhankelijk van waar gemeten wordt. Het contrast moet minstens 3,0:1 zijn.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 27: De video op https://werkenvoorleidschendam-voorburg.nl/ kan wel worden afgespeeld met het toetsenbord, maar het is niet mogelijk om deze vervolgens ook weer te pauzeren of te stoppen. Zorg ervoor dat dit mogelijk wordt.

Bevinding 28: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/ staan uitklapbare elementen onder de kop "Meer over". Alleen het eerste element is te bereiken en te bedienen met het toetsenbord. Zorg ervoor dat alles dat met de muis te bedienen is ook met het toetsenbord bediend kan worden.

Bevinding 29: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ staat een formulier waarin een selectievakje moet worden aangevinkt. Dit vinkje is niet te bedienen met het toetsenbord. Dit geldt ook voor de knop om bestanden mee te uploaden. Zorg ervoor dat alle interactieve elementen bereikbaar en bedienbaar zijn met het toetsenbord door de juiste interactieve elementen te gebruiken (button, link, input)

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 30: Op elke pagina ontbreekt een mechanisme om de herhalende content over te slaan. Dit kan opgelost worden door een link op de pagina te plaatsen (skiplink) die de focus verplaatst naar de eerste unieke inhoud van de pagina. Deze link moet de eerste link van de pagina zijn. Deze link mag standaard verborgen zijn voor bezoekers, maar moet zichtbaar worden als de focus er op komt wanneer met het toetsenbord wordt genavigeerd.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 31: Op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ staan onder de kop "Meer over" uitklapbare elementen. Als de pagina met het toetsenbord wordt bediend, komt de toetsenbordfocus als eerste op deze elementen, gevolgd door de uitklapbare elementen onder "Onze afdelingen". Dit komt doordat ze als attribuut tabindex=1 hebben gekregen. Hierna volgt pas de rest van de pagina. Dit is geen logische volgorde binnen de pagina.
Dit probleem komt nogmaals voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/. Daar heeft alleen het eerste element geen tabindex=1, waardoor die wel in de 'gewone' toetsenbordvolgorde zit.

Bevinding 32: Op elke pagina komt de toetsenbordfocus in het hoofdmenu eerst op de social media links, daarna op het menu en daarna op het logo. Houd zoveel mogelijk de visuele volgorde aan, zodat de volgorde logisch is. Zorg dat de focus eerst op het logo, dan op de slogan, vervolgens op het menu en daarna op de social media links komt.

Bevinding 33: Op pagina https://werkenvoorleidschendam-voorburg.nl/ komen onder 'Onze verhalen' steeds 3 links voor: de afbeelding, de naam, en de knop 'Lees meer'. Hierdoor moet een toetsenbordgebruiker per artikel 3 keer de tabtoets gebruiken. Dit is erg hinderlijk. Kies ervoor om slechts één link te gebruiken (bijvoorbeeld de naam van de persoon), en vervolgens het klikbare gebied te vergroten.
Dit komt op meerdere pagina’s voor, zoals op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ onder ‘Onze mensen’.

Bevinding 34: Op de pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/ staan 11 blokken met medewerkers. Bij navigatie met het toetsenbord is de focus volgorde door de blokken is niet logisch. De focus verspringt niet van links naar rechts maar van boven naar beneden. Zorg dat de focusvolgorde door webpagina's logisch is, wanneer men met het toetsenbord navigeert.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 35: Bovenaan elke pagina staan links naar Facebook, Twitter, Instagram en LinkedIn. Deze hebben als linkdoel de naam van dat platform, maar daaruit is niet duidelijk dat het gaat om de pagina's van de gemeente Leidschendam-Voorburg op dat betreffende platform. Een goed linkdoel is bijvoorbeeld "Facebook Gemeente Leidschendam-Voorburg".

Bevinding 36: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacature/33282/ staan links waarmee de vacature gedeeld kunnen worden. Deze hebben bijvoorbeeld als linkdoel "LinkedIn" en "Facebook". Deze links hebben een ander doel dan de links in het hoofdmenu en dat is nu niet duidelijk. Zorg ervoor dat beide sets met links een duidelijker linkdoel krijgen, zodat ze goed van elkaar te onderscheiden zijn en het linkdoel van alle links duidelijk is.

Bevinding 37: Op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ staat een video. De afspeelknop is een link, maar het linkdoel is niet duidelijk en geeft niet aan wat de functie van de link is en welke video afgespeeld gaat worden. Maak het linkdoel bijvoorbeeld "Speel video Werken voor Leischendam-Voorburg af".
Dit probleem komt ook voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ bij dezelfde video.

Bevinding 38: Het logo van de gemeente Leidschendam-Voorburg boven aan elke pagina heeft als alternatieve tekst "Werken voor Leidschendam-Voorburg". Hieraan zou het linkdoel kunnen worden toegevoegd, bijvoorbeeld 'Werken voor Leidschendam-Voorburg, naar de homepage'.

2.4.5 Meerdere manieren (Niveau AA)

Informatie over succescriterium 2.4.5 Meerdere manieren

Uitkomst: Onvoldoende

Bevinding 39: Verschillende pagina's, bijvoorbeeld https://werkenvoorleidschendam-voorburg.nl/vacature/33282/, https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ en https://werkenvoorleidschendam-voorburg.nl/verhalen/diana/ zijn maar op één manier te bereiken, namelijk door het volgen van links. Zorg dat er nog een manier is om elke pagina te bereiken, bijvoorbeeld via een sitemap of zoekfunctie.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 40: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacature/33282/ staan na de tekst "Deel deze vacature:" vier links waarmee de vacature gedeeld kan worden, bijvoorbeeld naar LinkedIn. Na deze links komt de toetsenbordfocus op nog vier onzichtbare elementen. Het lijkt erop dat dit nogmaals dezelfde links zijn. Zorg ervoor dat de toetsenbordfocus alleen op zichtbare elementen terecht komt en altijd zichtbaar is.

Bevinding 41: Wanneer een foto van een medewerker onder "Onze verhalen" op pagina https://werkenvoorleidschendam-voorburg.nl/ focus heeft, is dat niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.
Dit probleem komt ook voor bij de carrousel onder de kop "Meer verhalen" op pagina https://werkenvoorleidschendam-voorburg.nl/verhalen/diana/ en https://werkenvoorleidschendam-voorburg.nl/verhalen/bouchra/.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 42: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat een formulier met placeholderteksten als label. Deze teksten zijn geen onderdeel van de toegankelijkheidsnaam, omdat de toegankelijkheidsnaam leeg is. Deze zou moeten komen van de tekst in het label-element dat gebruikt is, maar omdat deze verborgen wordt met display:none, kan hulpsoftware deze niet herkennen. Zorg ervoor dat de zichtbare tekst voorkomt in de toegankelijkheidsnaam. Omdat een placeholdertekst op zichzelf ook niet voldoende is voor succescriterium 3.3.2, kan de tekst in het label-element beter weer zichtbaar gemaakt worden.
Dit probleem komt ook voor in het formulier op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 43: Als op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ het formulier leeg verstuurd wordt is de gegeven foutmelding "Alsjeblieft vul op de volgende gebieden: Voornaam Achternaam E-mailadres Stel je vraag". Deze foutmelding is verwarrend, omdat het geen juist Nederlands is. Een goede foutmelding geeft aan dat er een fout is gemaakt en waar deze is gemaakt, bijvoorbeeld "De volgende verplichte velden zijn niet ingevuld".
Dit probleem komt ook voor bij het formulier op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

Bevinding 44: Als op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ het formulier leeg verstuurd wordt, wordt in de gegeven foutmelding gerefereerd aan "Akkoord". Dit gaat om het selectievakje dat aangevinkt moet worden. In het label daarbij wordt het woord "Akkoord" echter niet gebruikt, waardoor het niet voldoende duidelijk is dat het om dit element gaat. De foutmelding zou bijvoorbeeld de tekst "Toestemming voor opnemen gegevens" kunnen bevatten.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 45: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat een formulier waarbij de labels van de velden alleen als placeholdertekst geplaatst zijn. Dit is niet afdoende om te voldoen ana dit criterium, omdat placeholdertekst verdwijnt als het veld focus krijgt of erin getypt wordt. Het is de enige manier waarop velden een label hebben, omdat het label-element waar ze aan gekoppeld zijn is verborgen met display:none in de CSS. Dat is niet toegestaan. Dit kan problemen veroorzaken bij bijvoorbeeld gebruikers met cognitieve beperkingen, omdat het moeilijk is om te controleren of het formulier goed is ingevuld. Los dit op door de labels boven het invoerveld te plaatsen en in de CSS display:none te verwijderen.
Dit probleem komt ook voor bij het formulier op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

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: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/versterk-team-handhaving/ staat een formulier met placeholderteksten als label. De toegankelijkheidsnaam van deze velden is leeg. Deze zou moeten komen van de tekst in het label-element dat gebruikt is, maar omdat deze verborgen wordt met display:none, kan hulpsoftware deze niet herkennen. Zorg ervoor dat deze velden een toegankelijkheidsnaam krijgen. Verwijder het display:none uit de CSS.
Dit probleem komt ook voor in het formulier op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/.

Bevinding 47: Op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ staat een video. De afspeelknop heeft geen tekstalternatief. Hierdoor heeft de link nu geen toegankelijkheidsnaam. Zie ook succescriteria 1.1.1 en 2.4.4.
Dit probleem komt ook voor op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ bij dezelfde video.

Bevinding 48: Onderin pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/ wordt gebruikgemaakt van uitvouwbare blokken (accordeons) zoals bij "Salaris". Voor ziende gebruikers is het duidelijk dat een tekstblok in- of uitgevouwen is. Voor gebruikers van bijvoorbeeld voorleessoftware is het attribuut aria-expanded toegevoegd. Deze werkt nu deels: deze geeft het goed aan als het element nog niet is uitgeklapt (waarde "false") en verandert dan naar waarde "true" als het element wordt uitgeklapt. Bij het opnieuw inklappen van het element verandert de waarde echter niet terug, waardoor er foute informatie wordt gegeven.
Hetzelfde probleem komt op meer plaatsen voor, bijvoorbeeld op pagina https://werkenvoorleidschendam-voorburg.nl/over-ons/ onder ‘Over ons’ en ‘Onze afdelingen’.

Bevinding 49: Op pagina https://werkenvoorleidschendam-voorburg.nl/vacatures/open-sollicitatie/ staat een selectievakje. De rol hiervan kan niet bepaald worden door hulpsoftware, doordat het daadwerkelijke input-element is verborgen voor hulpsoftware en er nu alleen visueel een nieuw vakje is geplaatst. Ook de waarde (aan- of uitgevinkt) kan nu niet bepaald worden.

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-02-04 05:17:46 v2.4-011