WCAG 2.2 AA Deelonderzoek content website gemeente Ijsselstein

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.ijsselstein.nl/hond-uitlaten 
Op de pagina staat onder de kop "Hondenuitlaatkaart" een interactieve kaart. Online kaarten vallen onder de wettelijke uitzondering, maar die uitzondering geldt alleen voor de kaarttechniek, niet voor de informatie die via de kaart wordt aangeboden. De kaart toont twee soorten informatie: de losloopvelden en de routes tussen die velden. De losloopvelden zijn ook als tekst beschikbaar op de pagina, in de lijst onder "Losloopgebieden in IJsselstein". De routes zijn dat niet. De tekst vermeldt alleen dat deze routes bestaan en dat daarop aanlijn- en opruimplicht geldt, maar welke straten of paden de routes volgen is uitsluitend via de kaart te achterhalen. Daarmee is de kaart de enige manier om deze informatie te verkrijgen. 

Advies: 

Voeg op de pagina een tekstuele beschrijving toe van de hondenuitlaatroutes, bijvoorbeeld als een lijst van straten of paden per route. Zo is de informatie ook beschikbaar voor gebruikers die de kaart niet kunnen gebruiken.

https://www.ijsselstein.nl/qr-fit-routes 
De twee afbeeldingen van QR-FIT paaltjes zijn voorzien van een alt-tekst. De afbeeldingen zijn decoratief omdat ze geen informatie bevatten die niet al in de omringende tekst staat. 

Advies: 

Voorzie beide afbeeldingen van een leeg alt-tekst: alt="".

https://www.ijsselstein.nl/qr-fit-routes 
De twee promotieafbeeldingen zijn aanklikbare links die de afbeelding vergroot openen. De alt-teksten beschrijven de afbeelding, niet het linkdoel. Voorleessoftware kondigt de links aan als "QR-route IJsselstein" en "QR-route IJsselveld", zonder dat duidelijk is wat er bij klikken gebeurt.

Advies

Pas de alt-tekst aan zodat het linkdoel duidelijk is, bijvoorbeeld alt="Vergroot promotiekaart QR-FIT route IJsselstein" en alt="Vergroot promotiekaart QR-FIT route IJsselveld".

https://www.ijsselstein.nl/economische-visie-2030 
Op de pagina staat een infographic over de Economische Visie 2024-2030. De alt-tekst luidt: "Economische Visie 2024-2030. Lees de uitgeschreven tekst op deze pagina." Deze tekst verwijst naar de paginatekst als alternatief, maar de paginatekst dekt de inhoud van de infographic niet volledig. Zo ontbreken de slogan "Sterk geworteld ondernemerschap met een wijde blik" en de drie visuele clusters met de labels "belanghebbenden", "ligging" en "ambitie", inclusief de bijbehorende beschrijvingen. Gebruikers die de afbeelding niet kunnen zien, missen daarmee een deel van de inhoud.

Advies

Schrijf de volledige inhoud van de infographic uit als tekst op de pagina, inclusief de slogan, de drie clusters en de bijbehorende labels. Pas de alt-tekst aan zodat deze verwijst naar de plek op de pagina waar die beschrijving staat.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Aanvraagformulier%20bekostiging%20leerlingenvervoer%20schooljaar%202025-2026.pdf?cb=pfRlMcJj 
In het PDF-document staat het logo van Gemeente IJsselstein zonder tekstalternatief. Omdat de afbeelding niet getagd is, komt het logo niet voor in de tagstructuur en is het niet toegankelijk voor hulpsoftware.

Advies

Voorzie het logo in het bronbestand van een alternatieve tekst "Gemeente IJsselstein" en exporteer het document opnieuw als PDF.

https://www.ijsselstein.nl/ 
Op alle pagina's van de website staan in de footer drie koppen ("Gemeente IJsselstein", "Meer informatie" en "Volg ons op"). De tekst van deze koppen staat in een strong-element. Het strong-element markeert de tekst onbedoeld ook als benadrukt. Screenreadergebruikers horen de tekst daardoor onnodig als benadrukt aangekondigd. Dit geldt ook voor de linktekst van de knoppen "Contact en openingstijden" en "Meld u aan voor de nieuwsbrief ". Dit komt op meerdere pagina's voor zoals: https://www.ijsselstein.nl/evenementenvergunninghttps://www.ijsselstein.nl/hitteschild-2-tot-4 

Advies: 

Verwijder het strong-element uit de footerkoppen en knoppen.

https://www.ijsselstein.nl/identiteitskaart-id-kaart 
Op de pagina is de waarschuwing “We verwachten dit jaar een groot aantal aanvragen.” en “Maak op tijd een afspraak” opgemaakt met de elementen strong en em. Deze elementen worden hier gebruikt voor visuele opmaak in plaats van voor inhoudelijke nadruk.

Advies: 

Gebruik de elementen strong en em alleen wanneer nadruk inhoudelijk van belang is. Verwijder de vet- en cursiefopmaak in deze gevallen en regel de visuele presentatie via CSS.

https://www.ijsselstein.nl/ 
In de footer staat onder de kop "Meer informatie" een groep van drie links ("Over deze site", "Hulp bij de website", "Webarchief"). Visueel is dit een lijst maar in de code staan ze in één alinea gescheiden door br-tags. De lijststructuur is daarmee niet programmatisch bepaalbaar.

Advies: 

Zet de drie links in de footer onder "Meer informatie" in een ongeordende lijst.

https://www.ijsselstein.nl/klein-evenement-organiseren 
De volledige "Weetje"-zin staat in een em-element, en het woord "Weetje:" staat daarnaast ook in een strong-element. Em en strong zijn bedoeld voor een woord of zinsdeel, niet voor een hele zin. Door em om de hele zin te plaatsen verliest de nadruk zijn betekenis.

Advies: 

Beperk de nadrukopmaak tot het woord "Weetje:" en gebruik daarvoor em of strong, niet beide tegelijk.

https://www.ijsselstein.nl/oplaadpunten-elektrisch-rijden 
Op de pagina staat onder de knop "Openbaar oplaadpunt aanvragen" een tekst die volledig in em is geplaatst. De cursief-opmaak is echter al geregeld via de CSS-klasse italic op de span-element. De em is dubbelop en kan worden weggelaten.

Advies: 

Verwijder de cursief-opmaak in het CMS. De tekst behoudt zijn uiterlijk via de italic-klasse.

https://www.ijsselstein.nl/contact-en-openingstijden 
Op de pagina staat een lege kop h2 direct na de tekst "Postbus 26, 3400 AA IJsselstein". De kop bevat geen tekst. Screenreaders kondigen deze kop aan zonder inhoud, wat verwarrend is voor gebruikers die via koppen navigeren.

Advies: 

Verwijder de lege h2 kop.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Aanvraagformulier%20bekostiging%20leerlingenvervoer%20schooljaar%202025-2026.pdf?cb=pfRlMcJj 
In het PDF-document is op pagina 1 het kader met de tekst “BELANGRIJK!” en bijbehorende opsomming opgemaakt als tabel, terwijl deze alleen voor vormgeving wordt gebruikt. Hulpsoftware kondigt dit daardoor onterecht aan als tabel.Hetzelfde geldt voor de keuzeopties onder “3. Soort onderwijs”. Ook deze zijn opgemaakt als tabel zonder dat er sprake is van tabelgegevens. Hierdoor worden deze door hulpsoftware onjuist als tabel aangekondigd.

Advies: 

Gebruik geen tabellen voor opmaak. Vervang deze in het bronbestand door een lijst of platte tekst met een logische structuur en exporteer het document opnieuw als PDF.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Aanvraagformulier%20bekostiging%20leerlingenvervoer%20schooljaar%202025-2026.pdf?cb=pfRlMcJj 
In het PDF-document ontbreken koppen in de documentstructuur. De titel “Aanvraagformulier bekostiging leerlingenvervoer schooljaar 2025-2026” en de sectiekoppen, zoals “1. Gegevens leerling” en “2. Gegevens school”, zijn visueel als koppen opgemaakt, maar niet als koppen getagd. Hierdoor is de structuur van het document niet programmatisch bepaald.

Advies: 

Zorg dat alle koppen in het document correct worden opgemaakt met kopstijlen in de bronapplicatie en exporteer het document opnieuw als getagde PDF, zodat de koppen als H1, H2, H3, enzovoort in de structuur worden opgenomen.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Organogram%20gemeente%20IJsselstein.pdf?cb=LgQK_Frq 
In het PDF-document wordt het organogram van de organisatiestructuur visueel weergegeven met behulp van positionering en verbindingslijnen. De hiërarchische relaties tussen de onderdelen worden alleen visueel overgebracht en zijn niet programmatisch vastgelegd. De verschillende onderdelen zijn opgemaakt als losse alinea’s (P-elementen), waardoor de onderlinge relaties niet bepaald kunnen worden.

Advies: 

Zorg dat de hiërarchische structuur van het organogram programmatisch wordt overgebracht. Dit kan bijvoorbeeld door een geneste lijststructuur of een tekstueel alternatief toe te voegen waarin de relaties tussen de onderdelen duidelijk worden beschreven.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Aanvraagformulier%20bekostiging%20leerlingenvervoer%20schooljaar%202025-2026.pdf?cb=pfRlMcJj 
In het PDF-document staan bij de antwoordopties selectievakjes die alleen visueel worden weergegeven (bijvoorbeeld als vierkantjes of symbolen). De relatie dat deze elementen keuzemogelijkheden voorstellen, is niet programmatisch vastgelegd. Hierdoor is het voor gebruikers van hulpsoftware niet duidelijk dat het om opties gaat waaruit gekozen kan worden.

Advies: 

Zorg dat de betekenis van de selectievakjes programmatisch wordt overgebracht. Bijvoorbeeld door de vakjes te voorzien van een tekstueel equivalent (zoals “selectievakje”) en deze correct op te nemen in de structuur van het document, zodat hulpsoftware kan herkennen dat het om keuzemogelijkheden gaat.

https://www.ijsselstein.nl/qr-fit-routes 
De pagina is gecontroleerd met de hoogcontrastmodus ingeschakeld. In de promotieafbeeldingen “SCAN JE FIT!” (IJsselstein en IJsselveld) staat tekst met onvoldoende contrast. De tekst “Download de gratis QR-FIT app:” en de kaartlabels “IJsselstein” en “IJsselveld” hebben een contrastverhouding van 3,1:1 (#949494 op wit), terwijl minimaal 4,5:1 vereist is.

Advies: 

Zorg dat de tekst in de promotieafbeeldingen voldoende contrast heeft. Gebruik bijvoorbeeld een donkerdere kleur, zoals #767676 of donkerder, zodat minimaal 4,5:1 wordt gehaald.

https://www.ijsselstein.nl/qr-fit-routes 
Op de pagina staan twee promotieafbeeldingen voor de IJsselstein-route en de IJsselveld-route. Deze afbeeldingen bevatten tekstuele informatie, zoals de routenaam, een beschrijving, app-functies en routeafstanden. Deze informatie is niet als tekst beschikbaar op de pagina.

Advies: 

Zorg dat de informatie uit de afbeeldingen ook als tekst op de pagina beschikbaar is, zodat deze door hulpsoftware gelezen en door gebruikers aangepast kan worden.

https://cuatro.sim-cdn.nl/ijsselstein13cb44/uploads/Organogram%20gemeente%20IJsselstein.pdf?cb=LgQK_Frq 
Het PDF-document heeft geen documenttitel. Hierdoor is de titel van het document niet programmatisch bepaald.

Advies: 

Voeg een documenttitel toe in de documenteigenschappen van de PDF en stel in dat deze wordt weergegeven in de titelbalk van het document. Bijvoorbeeld: “Organogram Gemeente IJsselstein”.

https://www.ijsselstein.nl/ 
Op alle pagina’s van de website staat in de footer het telefoonnummer “14 030” als link. De linktekst beschrijft het doel van de link niet.

Advies: 

Zorg dat de linktekst het doel van de link duidelijk beschrijft. Gebruik bijvoorbeeld “Bel 14 030” of “Telefoonnummer: 14 030”.

https://www.ijsselstein.nl/qr-fit-routes 
Op de pagina staan twee afbeeldingen die als link zijn opgemaakt en verwijzen naar een grotere versie van de routekaart. De naam van de link wordt bepaald door de alt-tekst van de afbeelding (“QR-route IJsselstein” en “QR-route IJsselveld”). Hieruit blijkt niet dat de link naar een grotere versie leidt.

Advies: 

Zorg dat het linkdoel duidelijk wordt uit de linktekst. Pas de alt-tekst van de afbeeldingen aan, bijvoorbeeld naar “QR-route IJsselstein, bekijk grotere versie” en “QR-route IJsselveld, bekijk grotere versie”.

https://www.ijsselstein.nl/een-voordelig-groen-dak 
Op de pagina staat een knop met de tekst “Aanmelden”. Deze linktekst beschrijft het doel van de link niet.

Advies: 

Zorg dat de linktekst het doel van de link duidelijk beschrijft. Gebruik bijvoorbeeld “Aanmelden voor de groene dakenactie”.

https://www.ijsselstein.nl/evenementenvergunning 
In de sidebar staan twee links met de tekst “Voorbeeld veiligheidsplan” die naar verschillende bestanden verwijzen. Het bestandsformaat staat buiten de link en maakt geen deel uit van de linktekst. Hierdoor zijn de links niet van elkaar te onderscheiden.

Advies: 

Zorg dat de links van elkaar te onderscheiden zijn door het bestandsformaat op te nemen in de linktekst, bijvoorbeeld “Voorbeeld veiligheidsplan (docx)” en “Voorbeeld veiligheidsplan (pdf)”.

https://www.ijsselstein.nl/qr-fit-routes 
In het snelmenu staat een link met de zichtbare tekst “Melding doen”. De toegankelijke naam van deze link is echter “Melding, klacht of bezwaar”. De zichtbare tekst komt niet voor in de toegankelijke naam.

Advies: 

Zorg dat de zichtbare tekst onderdeel is van de toegankelijke naam. Pas bijvoorbeeld het aria-label aan naar “Melding doen, klacht of bezwaar” of verwijder het aria-label zodat de zichtbare tekst als toegankelijke naam wordt gebruikt.

https://www.ijsselstein.nl/ 
Op alle pagina’s in het hoofdmenu staan twee links die naar dezelfde pagina verwijzen (/werken-bij-de-gemeente-ijsselstein), maar een verschillend label hebben: “Werken bij de Gemeente IJsselstein” en “Vacatures”.

Advies: 

Zorg dat links die naar dezelfde pagina verwijzen hetzelfde label hebben. Gebruik één consistente naam, bijvoorbeeld “Vacatures” of “Werken bij de gemeente”, en pas dit toe in beide menuonderdelen.

https://www.ijsselstein.nl/identiteitskaart-id-kaart 
https://www.ijsselstein.nl/sportparken-en-sporthallen 
Onder de kop "Spoedaanvraag" staat een lijst met één item. Een lijst hoort twee of meer items te bevatten. De tekst kan beter als alinea worden opgemaakt.Dit geld ook voor de pagina sportparken en sporthallen on de de kop Vergaderruimte 1 

Advies

Vervang de lijst onder de kop door een alinea

https://www.ijsselstein.nl/ 
In de footer staan onder de kop "Gemeente IJsselstein" het adres en het telefoonnummer samen in één alinea (), gescheiden door een -tag. Het zijn twee verschillende soorten informatie die elk een eigen alinea horen te hebben.

Advies

Splits het adres en het telefoonnummer in twee aparte alinea's

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

https://www.ijsselstein.nl/sportparken-en-sporthallen 
Op de pagina staat een link naar een pdf-document. De linktekst luidt "Algemene Voorwaarden gemeentelijke sportaccommodaties in IJsselstein". De aanduiding "(pdf, 95 kB)" staat wel in hetzelfde lijstitem maar buiten de link. In de context van de pagina is het daardoor duidelijk dat de link een pdf-document opent.  Wie via een linklijst navigeert ziet alleen de linktekst zonder die aanduiding. Dit is vooral van belang voor gebruikers van een schermlezer.

Advies

Neem de bestandsaanduiding op in de linktekst zelf.

https://www.ijsselstein.nl/identiteitskaart-id-kaart 
Op de pagina staat een kop met de tekst “Meer weten”. Deze kop beschrijft het onderwerp van de sectie niet.

Advies

Zorg dat de kop het onderwerp van de sectie duidelijk beschrijft. Gebruik bijvoorbeeld “Meer informatie over de identiteitskaart”.