WCAG 2.2 AA Deelonderzoek content website gemeente Eemnes

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.eemnes.nl/robbert-kouwenhoven

Op de pagina staat een portretfoto van Robbert Kouwenhoven met een leeg tekstalternatief (alt=""). Daardoor wordt de afbeelding door schermlezers overgeslagen. Dit is onjuist omdat hier een portret staat van de persoon die centraal staat op de pagina. Gebruikers van schermlezers krijgen hierdoor niet mee dat er een afbeelding op de pagina staat en wie daarop te zien is.

Advies: 

Geef de portretfoto een passend tekstalternatief met de naam van de persoon, bijvoorbeeld: alt="Robbert Kouwenhoven".

https://www.eemnes.nl/bewust-hout-stoken

Op de pagina staat een afbeelding van een persoon die hout in een houtkachel legt. Dit is een sfeerbeeld dat de inhoud van de pagina ondersteunt maar geen aanvullende informatie geeft.De informatie die de afbeelding overbrengt, is al aanwezig in de paginatitel en de tekst op de pagina. De afbeelding heeft nu een beschrijvende alternatieve tekst ("Persoon legt hout in een houtkachel waarin een vuur brandt."). Deze beschrijft wat er visueel te zien is, terwijl een alt-tekst bedoeld is om de betekenis van de afbeelding over te brengen.Omdat de afbeelding geen extra betekenis toevoegt, wordt met deze alt-tekst informatie dubbel aangeboden aan gebruikers van schermlezers.

Advies: 

Geef de afbeelding een leeg alt-attribuut (alt=""), zodat hulpsoftware de afbeelding overslaat en dubbele informatie wordt voorkomen.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Informatieavond%20voor%20omwonenden%20over%20toekomstplan%20voor%20Ocriet%20-%20Sterk%20-%2028%20januari%202025_0.pdf?cb=JUh8jyOY

Het PDF-document bevat op pagina 1 het logo van Gemeente Eemnes. De afbeelding is wel als  gemarkeerd, maar heeft geen tekstalternatief (/Alt-attribuut).Daardoor krijgen gebruikers van schermlezers niet mee dat er een logo op de pagina staat en van welke organisatie dit is.

Advies

Geef het logo in het bronbestand een tekstalternatief, bijvoorbeeld: “Gemeente Eemnes”. Exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Collegebesluitenlijst%20Eemnes%2031%20maart%202026.pdf?cb=cOjqGiUk

In het PDF-document staat bovenin het logo van Gemeente Eemnes. 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 Eemnes". Voorzie het tekstalternatief in het bronbestand en exporteer het document daarna opnieuw als PDF.

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

Op de pagina is een interactieve kaart opgenomen die de strooiroutes van de gemeente Eemnes 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.eemnes.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 de 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 (ul) met lijstitems (li), zodat hulpsoftware kan herkennen dat het om een opsomming gaat en hoeveel items deze bevat.

https://www.eemnes.nl/groente-fruit-tuinafval-gft

In het accordeon-onderdeel “Tips voor scheiden van gft-afval” zijn de tussenkoppen geplaatst in lijsten met slechts één item. Hierdoor klopt de structuur niet. Visueel zijn dit gewone tussenkoppen met tekst, maar in de code zijn ze als losse lijsten opgebouwd.

Advies: 

Verwijder de lijsten en plaats de koppen direct in de inhoud, met daaronder de bijbehorende tekst.

Robbert Kouwenhoven | Gemeente Eemnes
https://www.eemnes.nl/robbert-kouwenhoven

Op de pagina Robbert Kouwenhoven is de koppenstructuur niet logisch opgebouwd. De paginatitel staat als een . De koppen “Nevenfuncties” en “Contact” staan daar direct onder als . Hierdoor wordt een niveau overgeslagen (de  ontbreekt).Voor gebruikers van schermlezers en andere hulpsoftware is de koppenstructuur belangrijk om snel door de pagina te navigeren. Doordat er een niveau wordt overgeslagen, klopt de structuur van de pagina niet en kan dit verwarrend zijn.

Advies: 

Zorg dat de koppen “Nevenfuncties” en “Contact” één niveau hoger worden geplaatst in de structuur. Gebruik hiervoor  in plaats van

• https://www.eemnes.nl/inwonerspanel
• https://www.eemnes.nl/boom-kappen

Op de pagina staat een knop met de tekst “Aanmelden inwonerspanel”. De volledige tekst is opgemaakt met een -element. Dit element geeft aan dat tekst extra nadruk heeft, maar op een knop voegt dit geen betekenis toe.Dit komt ook voor op de pagina bomenkappen waar de kolomkoppen van de tabel zijn opgemaakt met  binnen de -elementen. De kolomkoppen zijn al als kop gemarkeerd, waardoor extra nadruk met  overbodig is.

Advies: 

Verwijder het -element uit de linktekst en de kolomkoppen.

https://www.eemnes.nl/evenementenkalender

Op de pagina staat een tabel waarin de maandnamen (zoals “April”, “Mei”) als koppen () in de tabelcellen zijn geplaatst. Dit is onjuist, omdat een tabel een eigen structuur heeft voor koppen (met ). Het gebruik van  binnen tabelcellen doorbreekt deze structuur. Daarnaast staan er ook lege -elementen (met alleen een spatie), die door schermlezers als lege kop worden voorgelezen.

Advies: 

Haal de -koppen uit de tabel.Je kunt dit op twee manieren oplossen:- Maak per maand een aparte tabel met de maandnaam als titel, of- Zet de maand bij de datum (bijvoorbeeld “5 en 6 april 2026”).Verwijder daarnaast ook de lege rijen.

https://www.eemnes.nl/evenementenkalender

Op de pagina staat een tabel waarvan de bovenste rij visueel als kolomkoppen is opgemaakt maar in de code uit gewone datacellen (td) bestaat. Hierdoor kunnen hulptechnologieën niet bepalen welke kolom bij welke informatie hoort.

Advies: 

Maak van de bovenste rij echte koppen door  te gebruiken. Haal de -elementen weg.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Informatieavond%20voor%20omwonenden%20over%20toekomstplan%20voor%20Ocriet%20-%20Sterk%20-%2028%20januari%202025_0.pdf?cb=JUh8jyOY

Het PDF-document bevat visueel herkenbare kopjes, zoals "Voorstel van college", "Sfeerbeelden" en "Nieuwe weg" en "Aantal woningen". Deze zijn opgemaakt als gewone alinea’s () in plaats van als koppen. Hierdoor zijn de secties niet programmatisch van elkaar te onderscheiden. Gebruikers van schermlezers kunnen daardoor niet via koppen door het document navigeren.

Advies: 

Pas de vijf kopjes in het bronbestand aan zodat ze als echte koppen zijn opgemaakt (bijvoorbeeld ). Sla het document daarna opnieuw op als PDF.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Collegebesluitenlijst%20Eemnes%2031%20maart%202026.pdf?cb=cOjqGiUk

Het PDF-document is niet getagd. Dit wil zeggen dat er geen structuur is aangegeven in het bestand door middel van tags. Hulpsoftware (zoals een screenreader) kan hierdoor niet bepalen wat koppen, lijsten en dergelijke zijn en zal afbeeldingen negeren.

Advies: 

Als het bestand correct getagd wordt, kan hulpsoftware beter de structuur en relaties bepalen. Bij koppen kan dan bijvoorbeeld worden voorgelezen dat dit koppen zijn. In veel gevallen kan dit probleem worden opgelost door het document vanuit het bronbestand (meestal in Word of InDesign) opnieuw te exporteren naar PDF, maar dan inclusief tags of labels. Omdat nu de tags ontbreken, kunnen andere succescriteria zoals 1.1.1 en 1.3.2 niet onderzocht worden. Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Informatieavond%20voor%20omwonenden%20over%20toekomstplan%20voor%20Ocriet%20-%20Sterk%20-%2028%20januari%202025_0.pdf?cb=JUh8jyOY

Het PDF-document heeft geen titel. In plaats daarvan wordt de bestandsnaam gebruikt. Daardoor horen screenreadergebruikers geen duidelijke titel, maar de bestandsnaam.

Advies: 

Vul in het bronbestand een beschrijvende documenttitel in, bijvoorbeeld “Informatieavond Ocriet-Sterk-verslag 28 januari 2025”. Stel daarnaast in dat de PDF de documenttitel toont in plaats van de bestandsnaam. Exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/eemnesbe64f5/uploads/Collegebesluitenlijst%20Eemnes%2031%20maart%202026.pdf?cb=cOjqGiUk

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.eemnes.nl/melding-openbare-ruimte

Op de pagina staat de link "op de website van de provincie Utrecht" in een aparte alinea, los van de alinea die beschrijft waar de informatie over gaat. De linktekst beschrijft de bestemming maar niet het doel van de link. Een screenreadergebruiker die de link buiten context tegenkomt, weet niet dat het gaat om informatie over overlastmeldingen.

Advies: 

Voeg de link samen met de beschrijvende zin in één alinea, of maak de linktekst zelfstandig begrijpelijk, bijvoorbeeld "Informatie over overlastmeldingen op de website van de provincie Utrecht".

https://www.eemnes.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.eemnes.nl/form/contactformulier-eemnes/contactformulier-eemnes-0

Op de pagina zijn de h1 en de eerste h2 nagenoeg identiek. De h1 luidt “Contactformulier - eemnes” en de h2 “Contactformulier eemnes”.De h2 beschrijft de inhoud van het formulieronderdeel niet maar herhaalt alleen de h1 (paginatitel). Hierdoor geeft de kop geen duidelijke informatie over de inhoud.

Advies: 

Vervang de h2 door een beschrijvende kop die aangeeft wat er in dit onderdeel van het formulier gebeurt, bijvoorbeeld “Over dit formulier”.

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".