WCAG 2.2 AA Deelonderzoek content website gemeente Blaricum

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.blaricum.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.blaricum.nl/strooien-bij-gladheid

Op de pagina is een interactieve kaart opgenomen die de strooiroutes van de gemeente Blaricum 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 die is zelf ook niet toegankelijk voor gebruikers van hulpsoftware.

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.blaricum.nl/wethouder-anne-marie-kennis 

Op de pagina "Wethouder Anne-Marie Kennis" staat een portretfoto van de wethouder. De alt-tekst is "Persoon met lichte outfit tegen een lichte en grijze achtergrond". Deze tekst beschrijft het uiterlijk en de achtergrond, maar maakt niet duidelijk dat het om een portretfoto van de wethouder zelf gaat. Gebruikers van hulpsoftware, zoals een schermlezer, krijgen daardoor uiterlijke details te horen zonder de context dat dit een portret van de wethouder is.

Advies

Geef de portretfoto een tekstalternatief dat duidelijk maakt dat het om een portret gaat en de persoon identificeert, bijvoorbeeld alt="Portretfoto Wethouder Anne-Marie Kennis".

https://www.blaricum.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.blaricum.nl/bekendmakingen-en-verordeningen
https://www.blaricum.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 “Blaricum Duurzaam” opgemaakt als h2. De onderliggende berichten, zoals “Isolatieactie” en “Energieklus” zijn ook als h2 opgemaakt. Hierdoor is niet duidelijk dat deze onderdelen onder “Blaricum 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 “Blaricum Duurzaam” staan als h2 en geef de onderliggende berichten een lager kopniveau.

https://www.blaricum.nl/evenementenkalender
Op de pagina staat een tabel waarin de maanden (zoals april en mei) als koppen zijn gemaakt met een kop-element . Dat is niet de juiste manier.
In een tabel gebruik je speciale kopcellen () om koppen aan te geven. Doordat hier wordt gebruikt, begrijpen schermlezers de tabel minder goed.

Advies

Haal de H2-koppen uit de tabel. Dit probleem kun je 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.blaricum.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. Ook de eerste cel van elke data-rij (de datum-kolom) is een datacel, terwijl deze als rij-kop fungeert. Hierdoor kunnen hulptechnologieën niet bepalen welke kolom en welke rij bij welke informatie horen.

Advies

Markeer de bovenste rij als kolomkoppen door de cellen als th te taggen. Markeer ook de eerste cel van elke data-rij als rij-kop door die als th te taggen. Haal daarnaast de strong-elementen weg, omdat koppen via CSS al vet worden weergegeven.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Handreiking%20participatie%20BEL%20gemeenten.pdf?cb=L9e4BfDV
In het pdf document staan meerdere uitgelichte tekstkaders met een gele achtergrond die niet zijn getagd en daardoor niet worden voorgelezen door hulpsoftware. Een voorbeeld is de tekst op pagina 4: "Bereken welke vorm van participatie past." Dit probleem komt op meerdere pagina's voor.

Advies

Tag de uitgelichte tekstkaders als alinea-elementen in het bronbestand en exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Handreiking%20participatie%20BEL%20gemeenten.pdf?cb=L9e4BfDV
Op pagina 4 van het pdf document staat het overzicht "Bereken vorm van participatie" met drie rijen die elk een puntenbereik koppelen aan een omschrijving en een participatieniveau Visueel is dit een overzichtstabel. In de tagstructuur zijn de drie rijen getagd als losse alinea's. De relatie tussen puntenbereik, omschrijving en participatieniveau is niet programmatisch vastgelegd.

Advies

Tag dit overzicht als een tabel in het bronbestand met een rij per puntenbereik en kolomkoppen voor puntenbereik, omschrijving en participatievorm. Exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Handreiking%20participatie%20BEL%20gemeenten.pdf?cb=L9e4BfDV
Op pagina 10 van het pdf document staat een klikbare link naar het Omgevingsloket. De link is niet als link getagd in de tagstructuur. Een screenreadergebruiker hoort de URL voorgelezen als gewone tekst en kan de link niet activeren.

Advies

Tag de URL als een klikbare link in het bronbestand en exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Jaarverslag%20klachtenco%C3%B6rdinator%202025.pdf?cb=TIGttiXs
Het volgende 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/blaricum8fbaa4/uploads/Jaarverslag%20klachtenco%C3%B6rdinator%202025.pdf?cb=TIGttiXs
In het PDF-document staat op elke pagina een blauwe kolom met witte tekst. De tekstkleur #FFFFFF heeft onvoldoende contrast met de achtergrondkleur #629DD1. Het kleurcontrast is 2,9:1. Hierdoor is de tekst slecht leesbaar voor mensen met een verminderd gezichtsvermogen.

Advies

Het contrast van normale tekst moet minimaal 4,5:1 zijn en voor grote tekst minimaal 3,0:1. Maak de blauwe achtergrondkleur donkerder zodat het contrast met de witte tekst voldoet aan de eis.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Jaarverslag%20klachtenco%C3%B6rdinator%202025.pdf?cb=TIGttiXs
De PDF heeft wel een titel (“Geanonimiseerd document”), maar deze beschrijft de inhoud van het document onvoldoende. Gebruikers van hulpsoftware, zoals een schermlezer, horen daardoor geen beschrijvende documenttitel.

Advies

Stel een beschrijvende titel in die de inhoud van het document weergeeft. Doe dit bij voorkeur al in het bronbestand (bijvoorbeeld in Word of InDesign) voordat je exporteert naar PDF.

https://www.blaricum.nl/openingstijden
Op de pagina staat een lege kop direct onder de paginatitel. 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".

https://www.blaricum.nl/form/contactformulier-blaricum/contactformulier-blaricum-0
De h1 en h2 van stap 1 van het formulier zijn nagenoeg identiek: de h1 luidt "Contactformulier - Blaricum" en de h2 luidt "Contactformulier Blaricum". 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.blaricum.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.blaricum.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://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Jaarverslag%20klachtenco%C3%B6rdinator%202025.pdf?cb=TIGttiXs
Het PDF-document is Nederlandstalig, maar in de documenteigenschappen is Engels ingesteld als taal. Hierdoor leest een schermlezer de Nederlandse tekst voor met Engelse uitspraakregels. Gebruikers die blind of slechtziend zijn en afhankelijk zijn van een schermlezer kunnen de tekst hierdoor moeilijk of niet volgen.

Advies

Stel in het bronbestand de documenttaal in op Nederlands en exporteer het document daarna opnieuw als PDF.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Jaarverslag%20klachtenco%C3%B6rdinator%202025.pdf?cb=TIGttiXs
Het volgende PDF-document is niet getagd. Hierdoor zijn informatieve afbeeldingen niet gemarkeerd als en hebben zij geen tekstalternatief. Mensen die blind zijn en een schermlezer gebruiken krijgen deze informatie daardoor niet aangeboden. Omdat het document niet is getagd, is niet vast te stellen of afbeeldingen correct zijn verwerkt. Hierdoor wordt dit nu niet afgekeurd. Zodra het document wel wordt getagd, kan blijken dat informatieve afbeeldingen ontbreken of onjuist zijn getagd.

Advies

Zorg dat de PDF wordt voorzien van een volledige tags-structuur en maak daarbij onderscheid tussen informatieve en decoratieve afbeeldingen.
Tag informatieve afbeeldingen als en geef deze van een kort en beschrijvend tekstalternatief dat de functie of inhoud van de afbeelding samenvat.
Markeer decoratieve afbeeldingen als artefact zodat deze worden genegeerd door schermlezers.

https://www.blaricum.nl/college-van-burgemeester-en-wethouders
Op de pagina "College van burgemeester en wethouders" staan portretfoto's van de burgemeester en wethouders. De alt-tekst van deze foto's beschrijft het uiterlijk van de persoon (bijvoorbeeld alt="Burgemeester met ambtsketting gekleed in donker jasje met lichtblauwe sjaal"), maar maakt niet duidelijk dat het om een portretfoto gaat. Gebruikers van hulpsoftware, zoals een schermlezer, krijgen daardoor uiterlijke details te horen zonder de context dat dit een portret van de betreffende persoon is.

Advies

Geef portretfoto's een tekstalternatief dat duidelijk maakt dat het om een portret gaat en de persoon identificeert, bijvoorbeeld alt="Portretfoto Burgemeester Barbara de Reijke" of alt="Portretfoto Wethouder Anne-Marie Kennis".

https://www.blaricum.nl/personen-met-verward-gedrag
De knop "Zorgmelding doorgeven" is opgemaakt als een link waarbij de volledige knoptekst in een -element staat. Het -element is bedoeld om nadruk aan te geven en is hier niet nodig. De opmaak van een knop hoort via CSS te worden geregeld.

Advies

Verwijder het -element en regel de opmaak via CSS.

https://cuatro.sim-cdn.nl/blaricum8fbaa4/uploads/Handreiking%20participatie%20BEL%20gemeenten.pdf?cb=L9e4BfDV
Op pagina 10 staat een klikbare link naar het Omgevingsloket. De link heeft geen onderstreping en wijkt niet af in kleur van de omringende tekst. De link is daardoor voor alle gebruikers visueel niet herkenbaar als klikbaar element.

Advies

Onderstreep de link of geef deze een afwijkende kleur zodat deze herkenbaar is als klikbaar element.

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 met grafische elementen in de standaard versie. Deze zijn verder niet beoordeeld.

Advies

We adviseren om ook de standaard versie te voorzien van voldoende contrast voor grafische elementen, zoals iconen, knoppen en formuliervelden. 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".