WCAG 2.2 AA Deelonderzoek content website gemeente Laren

Dit deelonderzoek heeft uitsluitend betrekking op de content van de website die door de organisatie via het beheersysteem kan worden ingevoerd of aangepast.

Bij dit onderzoek zijn 30 van de 55 succescriteria van WCAG 2.2 niveau A en AA beoordeeld.

De overige 25 succescriteria hebben betrekking op de technische basis van de website en worden beoordeeld in het afzonderlijk deelonderzoek techniek.

Beide deelonderzoeken vormen gezamenlijk de volledige beoordeling van de website .

Succescriteria beoordeeld in het technisch deelonderzoek

Onderstaande succescriteria zijn in dit contentonderzoek niet beoordeeld en vallen onder het afzonderlijke deelonderzoek techniek:

Het onderzoek is uitgevoerd op basis van een representatieve steekproef . Binnen deze steekproef zijn de aangetroffen toegankelijkheidsproblemen zo concreet mogelijk beschreven. Waar mogelijk is een aanbeveling opgenomen om de afwijking te verhelpen.

Dit onderzoek biedt geen uitputtend overzicht van alle mogelijke toegankelijkheidsproblemen. De bevindingen vormen een momentopname van de situatie ten tijde van het onderzoek.

WCAG (Web Content Accessibility Guidelines) zijn internationaal erkende richtlijnen voor digitale toegankelijkheid, opgebouwd rond vier principes: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Binnen deze principes zijn meetbare succescriteria vastgesteld.
Meer informatie: WCAG 2.2 (Nederlandse vertaling)

De tabel hieronder laat per WCAG-principe en per WCAG-niveau zien hoeveel succescriteria zijn getoetst en hoeveel daarvan goedgekeurd zijn.

• https://www.laren.nl/college-van-burgemeester-en-wethouders
• https://www.laren.nl/robert-van-rijn-voorgedragen-als-nieuwe-burgemeester-van-laren

Op meerdere pagina’s hebben afbeeldingen een onjuiste alternatieve tekst (alt-tekst).Zo beschrijft de groepsfoto op de pagina van het college wat er visueel te zien is, maar niet wat de afbeelding voorstelt. Daarnaast beschrijven portretfoto’s alleen het uiterlijk van personen, zonder te benoemen wie er op de afbeelding staat. Dit komt ook voor op andere pagina’s, zoals bij de portretfoto van Robert van Rijn. Hierdoor weten gebruikers van schermlezers niet dat het om een groepsfoto van het college gaat of welke persoon op een portretfoto wordt afgebeeld.

Advies: 

Geef afbeeldingen een duidelijke en functionele alternatieve tekst: Beschrijf bij groepsfoto’s wat de afbeelding voorstelt (bijvoorbeeld: “Burgemeester en wethouders”).Benoem bij portretfoto’s altijd de naam van de persoon (bijvoorbeeld: “Portretfoto van Robert van Rijn”).

https://www.laren.nl/overhangend-groen

Op de pagina staat een afbeelding met voorbeelden van goed en verkeerd gesnoeide heggen. De tekst die bij de afbeelding hoort (de alt-tekst) is precies hetzelfde als het bijschrift onder de afbeelding. Hierdoor wordt dezelfde informatie twee keer voorgelezen aan gebruikers van hulpsoftware zoals een schermlezer. Omdat het bijschrift de afbeelding al goed uitlegt, is een alt-tekst niet nodig.

Advies: 

Gebruik een lege alt-tekst (alt=""), zodat de informatie niet dubbel wordt voorgelezen.

https://www.laren.nl/strooien-bij-gladheid

Op de pagina is een interactieve kaart opgenomen die de strooiroutes van de gemeente Laren toont. Deze kaart is ingebonden via een iframe. Online kaarten en karteringsdiensten vallen onder een uitzondering voor de toegankelijkheidseisen, maar deze uitzondering geldt alleen voor de kaarttechniek, niet voor de informatie die via de kaart wordt aangeboden.De informatie over de strooiroutes is momenteel alleen via de kaart beschikbaar. Op de pagina ontbreekt een tekstueel alternatief waarin deze informatie toegankelijk wordt aangeboden.De kaart bevat een zoekfunctie, maar deze vormt geen aantoonbaar toegankelijk alternatief. Hierdoor is niet gegarandeerd dat de informatie voor alle gebruikers toegankelijk beschikbaar is.

Advies

Zorg dat de essentiële informatie uit de kaart (zoals welke straten onder welke strooiroute vallen) ook op een toegankelijke manier wordt aangeboden, bijvoorbeeld via een tekstueel overzicht, tabel of een aantoonbaar toegankelijke zoekfunctie.

https://www.laren.nl/wateroverlast

Op de pagina onder de kop 'Verticale boring met infiltratiefilter' staan twee downloadknoppen met de tekst "Download de onderhoudsinstructies". Beide knoppen tonen het formulier-icoon in plaats van het PDF-icoon. Daardoor is de toegankelijke naam van de knoppen "Download de onderhoudsinstructies formulier", terwijl het PDF-bestanden betreft. Blinde gebruikers die een screenreader gebruiken, krijgen een onjuiste aanduiding te horen.

Advies

Vervang het formulier-icoon door het PDF-icoon. De toegankelijke naam van de knop is dan correct.

https://www.laren.nl/werkzaamheden-eemnesserweg

Op de pagina staat een klikbare afbeelding van de kaart. De afbeelding fungeert als link naar een 404 pagina. De alt-tekst beschrijft de visuele inhoud van de kaart terwijl de alt-tekst het doel van de link moet beschrijven. Screenreadergebruikers horen een kaartbeschrijving, maar begrijpen niet waar de link naartoe leidt.

Advies

Herstel eerst de verbroken link. Pas dan de alt-tekst aan zodat het linkdoel duidelijk is, bijvoorbeeld: alt="Voorlopig ontwerp Eemnesserweg-West ,klik voor grotere weergave".

https://www.laren.nl/contact

Op de pagina staan drie iconen onder de koppen "Telefoonnummer", "Openingstijden" en "Contactformulier". Aan elk icoon is een tekstbeschrijving gekoppeld die een schermlezer voorleest aan blinde gebruikers. De iconen bij "Telefoonnummer" (een telefoon) en "Contactformulier" (een huisje) zijn puur decoratief. De kop erboven vertelt al waar de sectie over gaat. Een schermlezer leest eerst de kop voor en daarna de beschrijving van het icoontje dat is dubbel en verwarrend. Het icoon bij "Openingstijden" toont het woord "OPEN". De huidige alt-tekst "Icoon van een hangend bordje met de tekst 'open'" is te uitgebreid. Alleen de tekst op het icoon is relevant.

Advies

Geef de iconen bij "Telefoonnummer" en "Contactformulier" een leeg alt-attribuut (alt=""). Pas de alt-tekst van het openingstijden-icoon aan naar alt="OPEN".

https://www.laren.nl/werkzaamheden-eemnesserweg

Op de pagina staan twee impressiefoto’s van de toekomstige Eemnesserweg. De afbeeldingen hebben een alt-tekst die de visuele inhoud beschrijft, terwijl er al een bijschrift bij staat dat deze informatie geeft. Hierdoor hoort een schermlezergebruiker zowel de alt-tekst als het bijschrift, waardoor dezelfde informatie dubbel wordt aangeboden.

Advies

Pas de alt-teksten aan zodat ze alleen aangeven dat het om een impressie gaat, bijvoorbeeld: “Impressie 1 van de Eemnesserweg” en “Impressie 2 van de Eemnesserweg”. Zo is duidelijk dat het om twee verschillende afbeeldingen gaat, zonder dat de beschrijving wordt herhaald.

https://cuatro.sim-cdn.nl/larend4944f/uploads/Aanvraagformulier%20subsidie%20inwonersinitiatieven%20Laren.pdf?cb=a-ORkAMP

In het PDF-document staat bovenin het logo van Gemeente Laren. Dit logo is niet als afbeelding getagd en wordt daarom genegeerd door schermlezers.

Advies

Tag het logo op pagina 1 als afbeelding en geef het een tekstalternatief, bijvoorbeeld "Logo Gemeente Laren". Voorzie het tekstalternatief in het bronbestand en exporteer het document daarna opnieuw als PDF. Op de vervolgpagina's is het taggen van het logo niet nodig en zelfs niet gewenst, omdat dit daar de leesvolgorde kan onderbreken. Markeer het logo daar als artefact.

https://www.laren.nl/

Op de homepage staat onder de kop “Of bent u op zoek naar...” een overzicht met twaalf links, zoals Nieuws, Gemeentelijke belastingen en Verhuizen. Visueel is dit een opsomming. Deze links staan echter in code niet als lijst opgemaakt. Daardoor kan hulpsoftware niet herkennen dat het om een lijst gaat. In te footer staan onder de kop “Volg de gemeente” twee links naar sociale media (Facebook en Instagram). Deze links zijn geplaatst in een p-element, terwijl ze visueel een opsomming vormen. Hierdoor is de lijststructuur niet programmatisch vastgelegd en kan hulpsoftware niet bepalen dat het om een lijst met meerdere items gaat.

Advies: 

Plaats de links in een ongeordende lijst.

• https://www.laren.nl/bekendmakingen-en-verordeningen
• https://www.laren.nl/duurzaam

Op meerdere pagina’s klopt de koppenstructuur niet, waardoor de hiërarchie van de content niet goed wordt overgebracht aan hulpsoftware. Op de pagina bekendmakingen en verordeningen volgt na de paginatitel (h1) direct een aantal koppen van niveau h3, zoals “Bekendmakingen”, “Verordeningen” en “Bekendmakingen in uw buurt of wijk”. Het niveau h2 ontbreekt, waardoor de structuur een stap overslaat.Op de pagina duurzaam is de kop “Laren Duurzaam” opgemaakt als h2. De onderliggende berichten, zoals “Isolatieactie” en “Energieklus” zijn ook als h2 opgemaakt. Hierdoor is niet duidelijk dat deze onderdelen onder “Laren Duurzaam” vallen. Dit zorgt ervoor dat gebruikers van schermlezers de structuur van de pagina minder goed kunnen begrijpen en moeilijker kunnen navigeren.

Advies: 

Zorg voor een logische en opeenvolgende koppenstructuur zonder niveaus over te slaan. Gebruik op de pagina “Bekendmakingen en verordeningen” koppen van niveau h2 in plaats van h3. Laat op de pagina “Duurzaam” de kop “Laren Duurzaam” staan als h2 en geef de onderliggende berichten een lager kopniveau.

• https://www.laren.nl/koninklijke-erepenning
• https://www.laren.nl/crimineel-gedrag

Op meerdere pagina’s zijn opsommingen visueel als lijst weergegeven, maar niet als lijst in de code opgemaakt. Op de pagina koninklijke-erepenningstaat onder de kop “Overzicht Koninklijke erepenninghouders” een opsomming van erepenninghouders die is opgebouwd als één alinea met regelafbrekingen <br>. Hierdoor kunnen hulptechnologieën niet herkennen dat het om een lijst gaat. Ook onder de kop “Hoe werkt de aanvraag?” zijn de vijf stappen visueel genummerd, maar in de code opgemaakt als losse alinea’s met handmatige nummering. Daarnaast is de bijlagenlijst onder stap 2 niet genest binnen het bijbehorende stap-item, waardoor de hiërarchische structuur niet programmatisch bepaald kan worden.Op de pagina crimineel gedrag zijn de vier opsommingsitems onder de kop “Wat moet u doen” eveneens opgebouwd als één alinea met regelafbrekingen (br). Hierdoor kan hulpsoftware niet aangeven dat het een lijst betreft of uit hoeveel onderdelen deze bestaat.

Advies: 

Maak van deze opsommingen echte lijsten in de code. Gebruik een ongeordende lijst (ul) voor opsommingen en een geordende lijst (ol) voor genummerde stappen. Zorg er daarnaast voor dat onderliggende opsommingen (zoals de bijlagen onder stap 2) correct genest worden binnen het bijbehorende lijstitem, zodat de structuur goed wordt doorgegeven aan hulpsoftware.

https://www.laren.nl/contact

Op de pagina staan onder de kop "Bezoekadressen" twee locaties: "BEL Combinatie" en "Brinkhuis Laren". De namen van de locaties staan als gewone tekst in een alinea zonder structuur die aangeeft dat het twee afzonderlijke locaties zijn.Een schermlezer-gebruiker kan de twee locaties niet als afzonderlijke onderdelen herkennen of er direct naartoe navigeren.

Advies: 

Geef "BEL Combinatie" en "Brinkhuis Laren" elk een h3-kop, zodat de structuur duidelijk is en gebruikers er direct naartoe kunnen navigeren.

https://cuatro.sim-cdn.nl/larend4944f/uploads/Aanvraagformulier%20subsidie%20inwonersinitiatieven%20Laren.pdf?cb=a-ORkAMP

Het PDF-document bevat meerdere visuele koppen maar geen daarvan is als kop getagd. Het gaat om de documenttitel op pagina 1 en de sectiekoppen "Deel A: Een idee voor uw wijk of buurt" (pagina 1), "Deel B: Bijdrage tbv AED-kosten" (pagina 2) en "Deel C: Ondertekening formulier" (pagina 3). Al deze teksten zijn in de tagstructuur als gewone alinea (P) gemarkeerd. Mensen die blind zijn en een schermlezer gebruiken kunnen hierdoor niet navigeren via koppen en krijgen geen overzicht van de documentstructuur.

Advies: 

Pas de opmaakstijlen in het bronbestand aan zodat de koppen als kopstijl zijn opgemaakt (Kop 1, Kop 2, enzovoort). Exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/larend4944f/uploads/Aanvraagformulier%20subsidie%20inwonersinitiatieven%20Laren.pdf?cb=a-ORkAMP

In de drie tabellen in het document zijn de eerste cellen van de invulrijen als koptag (TH) gemarkeerd. Het gaat om lege invulcellen zonder kopfunctie. Schermlezers kondigen deze cellen aan als kop wat verwarrend is voor gebruikers.

Advies: 

Tag de invulcellen in de datarijen als gewone gegevenscellen (TD). Pas dit aan in het bronbestand en exporteer het document daarna opnieuw als PDF

https://cuatro.sim-cdn.nl/larend4944f/uploads/Collegebesluitenlijst%20Laren%2010%20maart%202026.pdf?cb=_TlKpWzA

Het PDF-document bevat geen tags en heeft daardoor geen vastgelegde structuur. Hierdoor kunnen hulptechnologieën, zoals screenreaders, niet herkennen welke onderdelen koppen, lijsten of andere structurele elementen zijn. Ook worden afbeeldingen niet correct geïnterpreteerd.

Advies: 

Voorzie het document van de juiste tags, zodat de structuur en onderlinge relaties voor hulpsoftware herkenbaar worden. Zo kan bijvoorbeeld worden aangegeven welke onderdelen koppen zijn. In veel gevallen kan dit worden opgelost door het document opnieuw vanuit het bronbestand (bijvoorbeeld in Word of InDesign) naar PDF te exporteren, met de optie voor tags of labels ingeschakeld.Omdat het document momenteel geen tags bevat, kunnen andere succescriteria, zoals 1.1.1 en 1.3.2, niet worden beoordeeld. Houd er rekening mee dat bij het toevoegen van tags nieuwe toegankelijkheidsproblemen zichtbaar kunnen worden.

https://www.laren.nl/werkzaamheden-eemnesserweg

De instructie “Klik op de afbeelding om het voorlopig ontwerp beter te bekijken.” is onduidelijk omdat niet duidelijk is welke afbeelding hier bedoeld wordt. Alleen gebruikers die de pagina zien kunnen dit bepalen. Omdat de tekst en de afbeelding niet aan elkaar gekoppeld zijn in de code kunnen schermlezergebruikers deze relatie niet leggen.

Advies: 

Vervang de instructie door een tekstlink direct bij de afbeelding, bijvoorbeeld: "Bekijk het voorlopig ontwerp in grotere weergave". Dan is de actie voor alle bezoekers gelijk toegankelijk en is de losse instructie niet meer nodig

https://cuatro.sim-cdn.nl/larend4944f/uploads/Aanvraagformulier%20subsidie%20inwonersinitiatieven%20Laren.pdf?cb=a-ORkAMP

Voor PDF-documenten geldt dat zij een goede titel in de bestandseigenschappen nodig hebben en dat deze documenttitel wordt getoond in plaats van de bestandsnaam.Het PDF-document {URL} heeft wel een goede titel, maar deze wordt niet getoond in de titelbalk.

Advies: 

Zorg ervoor dat de titel in de bestandseigenschappen van de PDF correct is ingesteld. Het liefst doe je dit al in je bronbestand. Een alternatief is om de PDF te openen in een geschikte editor, zoals Adobe Acrobat Pro. Ga naar de eigenschappen van het document. Controleer of de titel correct is opgeslagen in de documentinformatie. Zorg dat ook deze titel wordt getoond in plaats van de bestandsnaam. Sla het document vervolgens opnieuw op om de wijzigingen te bevestigen.

https://cuatro.sim-cdn.nl/larend4944f/uploads/Collegebesluitenlijst%20Laren%2010%20maart%202026.pdf?cb=_TlKpWzA

Het PDF-document heeft in de bestandseigenschappen wel een titel, namelijk “Geanonimiseerd document”. Deze titel beschrijft de inhoud van het document echter onvoldoende.Voor PDF-documenten is het belangrijk dat een duidelijke en beschrijvende documenttitel aanwezig is die de inhoud van het document goed weergeeft.

Advies: 

Stel een betekenisvolle en beschrijvende titel in die de inhoud van het document correct weergeeft. Doe dit bij voorkeur al in het bronbestand (bijvoorbeeld in Word of InDesign) voordat je exporteert naar PDF.Controleer in Adobe Acrobat Pro of de titel correct is ingevuld in de documenteigenschappen en sla het document vervolgens opnieuw op om de wijzigingen door te voeren.

https://www.laren.nl/wateroverlast

Op de pagina onder de kop "Verticale boring met infiltratiefilter" en de kop "Ontspanningsput"staan links met de tekst "Bekijk de video" die elk naar een andere YouTube-video verwijzen. De links zijn niet te onderscheiden op basis van de linktekst alleen. In een screenreader-linklijst verschijnen deze identieke vermeldingen zonder aanduiding welke video het betreft.

Advies: 

Maak de linkteksten onderscheidend door het onderwerp van elke video te benoemen, bijvoorbeeld "Bekijk de video over de verticale boring", "Bekijk de video over het schoonmaken van de zandvangput" en "Bekijk de video over de ontspanningsput"

https://www.laren.nl/contact

Op de pagina staat onder de kop "telefoonnummer" een link met als tekst "14 035".Dit korte nummer staat los in een eigen alinea zonder omringende tekst. Het beschrijft niet het doel van de link. In een linklijst van een schermlezer horen blinde gebruikers alleen dit getal, zonder context over wat de link doet of waartoe hij leidt.

Advies: 

Pas de linktekst aan zodat het doel duidelijk is, bijvoorbeeld "Bel 14 035".

https://www.laren.nl/

Op de homepage staat een kop H2 met de tekst "Of bent u op zoek naar...". Deze kop beschrijft de inhoud van de sectie niet, maar stelt een vraag. Hierdoor is het voor gebruikers die via koppen navigeren niet duidelijk wat er in deze sectie staat.

Advies: 

Vervang de kop door een beschrijvende titel die aangeeft wat de sectie bevat, bijvoorbeeld "Veelgevraagde onderwerpen" of "Populaire onderwerpen".

https://www.laren.nl/overhangend-groen

De Kop “Wees dit voor” op deze pagina beschrijft het onderwerp van de sectie niet duidelijk. Ook binnen de paginacontext blijft de betekenis onduidelijk. Hierdoor is voor gebruikers die via koppen navigeren niet duidelijk wat zij in deze sectie kunnen verwachten.

Advies: 

Gebruik een beschrijvende koptekst die het onderwerp van de alinea weergeeft, zoals "Regelmatig onderhoud voorkomt overlast".

https://www.laren.nl/werkzaamheden-eemnesserweg

Op de pagina is de kop "Vragen?" te generiek om het onderwerp van de sectie te beschrijven. De kop staat boven een alinea over specifieke contactinformatie voor vragen over de werkzaamheden aan de Eemnesserweg. Screenreadergebruikers die door koppen navigeren, kunnen op basis van "Vragen?" niet bepalen waar dit over gaat.

Advies: 

Maak de kop specifieker, bijvoorbeeld: "Vragen over de werkzaamheden".

https://www.laren.nl/openingstijden

De kop direct onder de paginatitel heeft geen tekst en beschrijft daarmee geen onderwerp of doel. Gebruikers die via koppen navigeren, stuiten op een lege kopregel.

Advies: 

Vul het titelveld van het openingstijden-component in het CMS in met een beschrijvende tekst, bijvoorbeeld "Loket Burgerzaken".

Stap 1: Contactformulier Laren
https://www.laren.nl/form/contactformulier-laren/contactformulier-laren-0

De h1 en h2 op stap 1 van het formulier zijn nagenoeg identiek: de h1 luidt "Contactformulier - Laren" en de h2 luidt "Contactformulier Laren". De h2 beschrijft de inhoud van de stap niet, zij herhaalt alleen de formuliernaam.

Advies: 

Vervang de h2 door een beschrijvende staptitel die aangeeft wat er in deze stap wordt gevraagd. Bijvoorbeeld "Over dit formulier".

https://www.laren.nl/contact

Op de pagina staat een knop met de tekst "Contactformulier invullen". Een schermlezer leest deze knop voor als "Contactformulier invullen formulier". Het extra woord 'formulier' is visueel niet zichtbaar (op het scherm staat alleen een icoontje) maar komt wel mee als tekst via de onderliggende code.

Advies

Verwijder het icoontje uit de knop. De tekst "Contactformulier invullen" als CTA knop volstaat.

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch". Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie.

Hierdoor kunnen er contrastproblemen zijn in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende kleurcontrast in alle teksten. Dit bevorderd de toegankelijkheid van de website voor bezoekers met een zichtbeperking.

Teksten met voldoende kleurcontrast lezen ook makkelijker voor alle lezers. Het lezen is hierdoor minder intensief, kost minder energie en het lezen wordt (onbewust) als prettiger ervaren. Hierdoor is de lezer eerder geneigd om over te gaan tot activatie.

De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast", waarbij wordt voldaan aan succescriterium WCAG 1.4.6 Verhoogd contrast (niveau AAA).

Op de website is een versie voor hoog contrast aanwezig. Deze is aan te zetten door middel van een zogenaamde "contrast switch".Dit succescriterium is volledig getest in de modus voor hoog contrast. De versie voor hoog contrast wordt gezien als een alternatief voor de standaard versie. Hierdoor kunnen er contrastproblemen zijn in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

Voorzie ook de standaard versie van voldoende kleurcontrast voor alle grafische elementen. Dit bevordert de toegankelijkheid van de website voor bezoekers met een zichtbeperking.De versie voor hoog contrast kan dan vervolgens ingezet worden voor een "verhoogd contrast".