Content audit digitale toegankelijkheid van website van gemeente Kerkrade
Samenvatting
Wij hebben de content van de website preproductie.kerkrade.nl/ onderzocht tussen 1 en 2 juli 2025. Op dit moment zijn 28 van de 33 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 5 nog fout gaat, en hoe je dat kunt verbeteren.
Resultaat
In dit onderzoek hebben we 33 van de 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. Dit is een contentonderzoek. Daarom zijn de eisen die over de techniek gaan niet meegenomen. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Beoordeling van succescriteria
Voldoet of niet van toepassing: 28
Voldoet niet: 5
Totaal: 33 succescriteria
Deze succescriteria zijn afgekeurd: 1.1.1, 1.3.1, 2.4.4, 2.5.3, 4.1.2.
Alle pagina's op de website preproductie.kerkrade.nl/
Niet in scope:
Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
De van derden afkomstige inhoud (wettelijke uitzondering voor de overheid)
Basisniveau toegankelijkheidsondersteuning
Mozilla Firefox, versie 140
Google Chrome, versie 140
Apple Safari, versie 17
PAC software to test PDF
NVDA schermlezer in combinatie met Firefox
VoiceOver schermlezer in combinatie met Safari
Andere gangbare browsers en hulpapparatuur
Technologieën van de website
HTML
CSS
JavaScript
WAI-ARIA
SVG
PDF
Over dit onderzoek
Leeswijzer
Onze rapporten zijn anders. Bij het bespreken van de gevonden problemen volgen wij niet de structuur van de norm, maar die van jouw website of app. Hierdoor kun je gewoon per pagina of scherm aan de slag gaan. Wel zo makkelijk! Je vindt verderop een overzicht van alle pagina’s met problemen.
We geven je bij elk gevonden issue een paar voorbeelden, maar niet een complete lijst. Controleer zelf of het probleem ook nog op andere plekken voorkomt. Zie het rapport als een leidraad.
Gebruikte norm
Dit onderzoek laat zien in hoeverre de website op dit moment voldoet aan WCAG 2.2, niveau A en AA. WCAG staat voor Web Content Accessibility Guidelines. Dit is de internationale norm voor digitale toegankelijkheid. De Europese norm EN 301 549 bevat alle eisen van WCAG op niveau A en AA.
In dit rapport hebben we korte beschrijvingen van de succescriteria uit de norm opgenomen, met een algemene uitleg erbij. Wil je ze helemaal lezen? Bekijk dan de documentatie van WCAG.
Gebruikte onderzoeksmethode
We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:
vaststellen wat binnen en buiten scope valt
vaststellen welke technologieën zijn gebruikt
steekproef (sample) samenstellen
steekproef onderzoeken
gevonden issues beschrijven
Het grootste deel van het onderzoek doen we met de hand. Voor een deel van de toegankelijkheidseisen gebruiken we automatische tools als ondersteuning, zoals axe-core en Chrome Developer Tools.
Belangrijk om te weten
Dit rapport helpt je om de toegankelijkheid van je website te verbeteren. Maar let op: het is geen definitieve, volledige lijst van alle aanwezige toegankelijkheidsproblemen. Dat zit zo:
Het is een steekproef
Ten eerste is het onderzoek gebaseerd op een steekproef. Die is op een betrouwbare manier genomen, en de meeste problemen zullen daardoor zeker aan het licht komen. Toch kan een probleem net buiten de steekproef vallen. Bij een volgend onderzoek kan het wel ontdekt worden.
Op basis van falsificatie
We beoordelen vanuit het principe van falsificatie. Dat houdt in dat we proberen te bewijzen dat iets niet waar is, in plaats van te bevestigen dat het klopt. ‘Voldoet’ betekent daarom dat we geen reden hebben gevonden om een punt af te keuren. Maar als we later wél een reden vinden, kan het alsnog worden afgekeurd.
Voortschrijdend inzicht
Het komt voor dat de beoordeling van een succescriterium op detailniveau verandert. De norm beschrijft namelijk niet élk mogelijk scenario. Samen met andere onderzoeksbureaus overleggen we hoe we met bepaalde situaties omgaan. Zo kan iets dat nu wordt afgekeurd, soms bij een volgend onderzoek worden goedgekeurd en andersom.
Oplossen leidt tot nieuw probleem
Ten slotte kan het gebeuren dat bij het oplossen van een probleem onbedoeld een nieuw toegankelijkheidsprobleem ontstaat. Dat komt dan bij een volgend onderzoek pas naar voren.
SC 2.5.3 Tekst van het logo staat niet in toegankelijke naam
Bovenaan de pagina staat het logo met de tekst: “Gemeente Kerkrade”. De toegankelijke naam van deze link is “Ga naar de homepage”. Deze naam is afkomstig van het title-attribuut op de link.
Zoals je ziet is de toegankelijke naam van de link niet hetzelfde als de zichtbare tekst in het logo. Daardoor werkt de link niet goed als je hem met je stem wilt activeren. Je noemt dan namelijk de tekst die je in het logo ziet. Als de toegankelijke naam anders is, zal het systeem de link dus niet herkennen.
Deze afbeelding voldoet ook niet aan SC 1.1.1. De alt-tekst van het logo is momenteel leeg (alt=””).
Oplossing:
Geef de afbeelding de alt-tekst alt=”“Gemeente Kerkrade”.
SC 2.4.4 Links met korte teksten hebben onduidelijk linkdoel
Op elke pagina van de website bevat de header links met de teksten “NL”, “DE” en “EN” om te schakelen tussen Nederlands, Duits en Engels. De toegankelijke namen van deze links zijn “NL”, “DE” en “EN”, wat voor een blinde bezoeker niet duidelijk maakt wat ze betekenen.
Oplossing:
Voeg bijvoorbeeld een verborgen tekst aan de link toe om het doel van deze link duidelijker te maken.
SC 1.3.1 Verschil tussen informatiestructuur visueel vs codes
In dit pdf-document staat op pagina 13 een complexe tabel. Informatie die visueel in de kolom onder “Taken” staat, staat in de codes in de kolom onder “Wie”. Zo krijgt een blinde bezoeker een andere structuur voorgelezen.
Oplossing:
Vervang deze complexe tabel door meerdere simpele tabellen.
SC 1.3.1 Koppen zijn niet als kop gemarkeerd
In dit pdf-document staan op pagina 21 verschillende tussenkopjes die niet als kop gemarkeerd zijn. Zie bijvoorbeeld "Informatieblad GGD Zuid-Limburg", "Folders en factsheets", en "Animaties RIVM (Keuze uit vierkant of liggend)".
Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags.
Oplossing:
Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.
SC 1.3.1 List item is niet volledig
In dit pdf-document staat op pagina 21 het woord “hittegolven” in een p-tag, terwijl het visueel deel uitmaakt van de derde lijstitem. Dit is verwarrend voor een bezoeker die deze pagina laat voorlezen.
Oplossing
Voeg deze tekst aan het derde lijstitem toe.
SC 1.3.1 Lijst is niet als lijst gemarkeerd
Op pagina 21 staat in de kolom "Middel" 2 lijsten van elk 3 items. In de tags is een p-tag gebruikt.
Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen.
Oplossing:
Markeer de lijst met een L- en Li-tags.
Hetzelfde geldt voor de inhoud in de kolom "Middel" op pagina 22 en 23.
SC 1.3.1 Verkeerd gebruik van th-tags
Op pagina 24 zijn th-tags gebruikt in de derde kolom onder “Middel”. Deze kolom bevat gegevenscellen.
Oplossing:
Vervang th-tags door td-tags in de rijen 2 en 3.
PDF Ondertekend coalitieakkoord 2022-2026
Link naar pagina: https://preproductie.kerkrade.nl/gemeentebestuur
SC 1.3.1 Aantal alinea’s visueel is niet gelijk aan de structuur in de tags
Onder het kopje “Welzijn en cultuur” op pagina 4 staan drie alinea tekst. In de tags is deze tekst in p-tags opgenomen. Dit is ook te zien onder het kopje “Economie en werkgelegenheid”.
Oplossing:
Verander de structuur van tekst.
SC 1.3.1 Onjuist gebruik van tabelkoppen in de eerste kolom
Op pagina 10 staat een tabel die begint met “Burgemeester Petra Dassen-Housen”. Deze tekst is correct gemarkeerd met th-tags. Onder deze tekst staan de werkzaamheden van deze functionaris. Alle teksten zijn opgenomen in th-tags.
Hetzelfde probleem wordt waargenomen bij alle andere tabellen op pagina 10-12.
Oplossing:
Vervang de th-tags voor td-tags.
SC 1.1.1 Figure-tag zonder alt-tekst
Op pagina 12 staat in de codes een Figure-tag met een lege Alt-tag. Een blinde bezoeker kan indruk krijgen dat informatie ontbreekt.
Op deze pagina staat onder “Over Technomed Europe” een afbeelding die werkt als een link zonder toegankelijke naam. Het probleem is dat de afbeelding binnen de link niet direct kind is van het <a>-element, maar genest is binnen andere elementen (zoals <article> en <div>). Hierdoor heeft de link geen toegankelijke naam, wat betekent dat deze voor schermlezers betekenisloos is. Dit voldoet niet aan de toegankelijkheidseisen voor betekenisvolle linkteksten en is in strijd met WCAG succescriterium 2.4.4.
Voldoet of niet van toepassing: 28
Voldoet niet: 5
