Toegankelijkheidsonderzoek

Issues:
Contentaudit digitale toegankelijkheid website Lokale Democratie

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Lokale Democratie
Datum 12 mei 2025
Scope van de website Binnen de scope van het onderzoek valt:
Buiten de scope van het onderzoek valt:
  • De techniek van de pagina's op https://lokale-democratie.nl. Dit vereist een apart onderzoek.
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via de onderzochte website met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 24

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Op pagina https://lokale-democratie.nl/news/view/72b59af8-b6cf-40e4-bf5f-e2db05861b89/zwijndrecht-aan-de-slag-met-concrete-adviezen-vanuit-de-quick-scan staat onder de header een afbeelding met de tekst "Gemeente Zwijndrecht Hoe vind je dat het gaat?". Deze afbeelding heeft geen alternatieve tekst. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Beschrijf daarin de functie/unieke eigenschappen van deze afbeeldingen. Voor bezoekers die niet kunnen zien, is het belangrijk dat zij kunnen herkennen dat hier bijvoorbeeld een logo te zien is (van de Gemeente Zwijndrecht). Wijzig deze alternatieve tekst bijvoorbeeld naar "Logo Gemeente Zwijndrecht: Hoe vind je dat het gaat?".

Bevinding 2: In de PDF QSLD-Dashboard-augustus-2024.pdf op pagina https://lokale-democratie.nl/file/download/14be213d-9a63-4ebc-921f-3d8075202ec9/qsld-dashboard-augustus-2024.pdf is het logo van "VNG" toegevoegd. Het logo vertelt aan de bezoeker bij welke organisatie dit document hoort en heeft daarom een alternatieve tekst nodig. Verder komt het logo op elke pagina terug. Zorg dat de eerste keer dat dit logo voorkomt, het logo een tekstalternatief krijgt, zodat het voor bezoekers die het document niet kunnen zien het ook duidelijk is wie de afzender is van het document. De overige keren kan het als artifact gemarkeerd worden zodat het op correcte wijze genegeerd wordt door schermleessoftware.

Bevinding 3: In de PDF "bijlage_groei_woningvoorraad_2024.pdf" op pagina https://brainps.brabant.nl/publish/pages/14276/bijlage_groei_woningvoorraad_2024.pdf staan meerdere afbeeldingen van grafieken, geografische kaarten en diagrammen. Dit zijn informatieve afbeeldingen, hiervoor geldt dat ze een beschrijving moeten hebben van de informatie die er in staat. Nu hebben deze afbeeldingen geen alternatieve tekst (en zijn ze ook niet als artefact aangemerkt). Bezoekers die gebruik maken van screenreadersoftware missen zo mogelijk belangrijke informatie.

Bevinding 4: Een aantal afbeeldingen in de PDF Wat-kan-de-Quick-Scan-Lokale-Democratie-jouw-gemeente-opleveren.pdf op pagina https://lokale-democratie.nl/file/download/4c217d6a-487a-4701-8441-f881e62dfaae hebben een alternatieve tekst, terwijl dit decoratieve afbeeldingen zijn:

1.2 Op tijd gebaseerde media

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 5: Op pagina https://lokale-democratie.nl/news/view/a63f1eec-f827-47fc-a769-809240c70d64/jongerenparticipatie-in-de-praktijk-jongerenraad-apeldoorn is er in de video "Filmpje over de jongerenraad Apeldoorn" op verschillende plaatsen tekst in beeld (namen van de sprekers), bijvoorbeeld rond 00:27 (Noah Terpstra, Coördinator Jongerenraad) en 00:29 (Dennis Nijzing, Coördinator Jongerenraad). Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals schermvoorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op pagina https://lokale-democratie.nl/news/view/a63f1eec-f827-47fc-a769-809240c70d64/jongerenparticipatie-in-de-praktijk-jongerenraad-apeldoorn op verschillende plaatsen tekst in beeld (namen van de sprekers), bijvoorbeeld rond 00:27 (Noah Terpstra, Coördinator Jongerenraad) en 00:29 (Dennis Nijzing, Coördinator Jongerenraad). Er ontbreekt een voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien, niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voice-over of maak gebruik van een audiodescriptie.

Bevinding 7: Op pagina https://lokale-democratie.nl/news/view/a63f1eec-f827-47fc-a769-809240c70d64/jongerenparticipatie-in-de-praktijk-jongerenraad-apeldoorn staat de video "Filmpje over de jongerenraad Apeldoorn".
Hier wordt aan het einde van de video vanaf 1:51 een groen scherm getoond met de tekst "Lid worden van de jongerenraad, aanmelden kan door te appen naar: 0648451356 of mail naar de jongerenraad@apeldoorn.nl". Er ontbreekt een voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien, niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voice-over of maak gebruik van een audiodescriptie.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 8: Op pagina https://lokale-democratie.nl/news/view/2ac3fcdf-af61-4841-a987-ef2fd72f1879/handreiking-kinder-en-jongerenparticipatie-verschenen staat onderaan de pagina een ongeordende lijst (ul) met social media iconen. Vier iconen zijn genest in een list item, maar één van de iconen (het icoon/de link naar Mastodon) is genest in een <button> element. Dat is niet toegestaan, een lijst mag alleen li-, script- of template-elementen bevatten. Zorg voor een correcte opmaak van de lijst.
Een soortgelijk probleem zien we terug op de volgende pagina's bij dezelfde lijst met social media iconen: https://lokale-democratie.nl/events/view/43f79c94-0ded-4a6a-9770-cd467acf44a2/vng-congres-samen-maken-we-de-toekomst, https://lokale-democratie.nl/news/view/4e31ae82-e9e1-4957-868d-0b743020da91/hoe-evalueer-je-je-burgerberaad-gebruik-hiervoor-het-evaluatiekader, https://lokale-democratie.nl/news/view/30c3de71-3a31-4b67-92ba-53dfe88f83bd/loket-d-mooie-mogelijkheid-voor-buurtinitiatieven en https://lokale-democratie.nl/news/view/72b59af8-b6cf-40e4-bf5f-e2db05861b89/zwijndrecht-aan-de-slag-met-concrete-adviezen-vanuit-de-quick-scan.

Bevinding 9: Op pagina https://lokale-democratie.nl/news/view/a63f1eec-f827-47fc-a769-809240c70d64/jongerenparticipatie-in-de-praktijk-jongerenraad-apeldoorn staat onder de link "Meer informatie is hier te vinden" een stuk tekst schuingedrukt. Hier is het em-element gebruikt om een heel stuk tekst nadruk te geven, dat is niet de bedoeling. Het em- en strong-element is bedoeld voor het benadrukken van enkele woorden of kleine stukjes tekst. Maak gebruik van de stylesheet om een tekst in een schuingedrukt lettertype te tonen.
Een soortgelijk probleem zien we bijvoorbeeld terug op pagina https://lokale-democratie.nl/news/view/2ac3fcdf-af61-4841-a987-ef2fd72f1879/handreiking-kinder-en-jongerenparticipatie-verschenen, waar onder de koptekst h1 "Handreiking Kinder- en Jongerenparticipatie verschenen" een introtekst dikgedrukt is. Hier is het strong-element gebruikt om een heel stuk tekst nadruk te geven, maak gebruik van de stylesheet om een tekst in een vetgedrukt lettertype te tonen.
We zien dit ook terug op de volgende pagina's: https://lokale-democratie.nl/news/view/30c3de71-3a31-4b67-92ba-53dfe88f83bd/loket-d-mooie-mogelijkheid-voor-buurtinitiatieven, https://lokale-democratie.nl/page/view/0cd54fc6-f37b-45f0-8496-d8c5f94ae2da/ld-20-over-lokale-democratie en https://lokale-democratie.nl/events/view/43f79c94-0ded-4a6a-9770-cd467acf44a2/vng-congres-samen-maken-we-de-toekomst.

Bevinding 10: De PDF LD_Evaluatiekader-interactief.pdf op pagina https://lokale-democratie.nl/file/download/70f989af-9c3c-488f-a477-49a22fcaafc4/ld_evaluatiekader-interactief.pdf is niet gecodeerd (van toegankelijkheidstags voorzien). Dit betekent dat de documentstructuur niet te bepalen is. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, geen alternatieve teksten bij afbeeldingen tonen en bepalen wat de leesvolgorde is. Omdat deze tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat er bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 11: In de PDF QSLD-Dashboard-augustus-2024.pdf op pagina https://lokale-democratie.nl/file/download/14be213d-9a63-4ebc-921f-3d8075202ec9/qsld-dashboard-augustus-2024.pdf zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld op de eerste pagina is "Augustus 2024" als een paragraaf opgemaakt i.p.v. als een kop. Wat verder opvallend is in dit document is dat er veelvuldig koptekst niveau 1 zijn gebruikt. Bezoekers die gebruikmaken van hulpsoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen etc.

Bevinding 12: In de PDF Wat-kan-de-Quick-Scan-Lokale-Democratie-jouw-gemeente-opleveren.pdf op pagina https://lokale-democratie.nl/file/download/4c217d6a-487a-4701-8441-f881e62dfaae staan op pagina 3 t/m 9 meerdere keren lijsten die nu opgemaakt zijn als paragraaf. Wanneer je deze items opmaakt als geordende of ongeordende lijst, is het voor bezoekers die gebruik maken van hulpsoftware makkelijker om door deze lijsten te navigeren en zijn ze beter herkenbaar als lijst.

Bevinding 13: Advies: Op pagina https://lokale-democratie.nl/ volgt op een kop van niveau 2 "Wil je weten hoe de lokale democratie in jouw gemeente ervoor staat?" een kop van niveau 4 "De Quick Scan geeft binnen drie maanden inzicht in". Gebruik kopniveaus op een correcte volgorde. Bezoekers die gebruikmaken van hulpsoftware kunnen aan de hand van een sneltoets of een koppenlijst over een pagina navigeren om snel informatie te vinden. Daarom is het belangrijk om een goed lopende koppenstructuur te gebruiken. Een goede koppenstructuur begint bij een kopniveau 1 voor de titel van de pagina, kopniveau 2 voor de koppen, kopniveau 3 voor de tussenkoppen et cetera.
Een soortgelijk probleem zien we terug op pagina https://lokale-democratie.nl/news/view/72b59af8-b6cf-40e4-bf5f-e2db05861b89/zwijndrecht-aan-de-slag-met-concrete-adviezen-vanuit-de-quick-scan, https://lokale-democratie.nl/events/view/43f79c94-0ded-4a6a-9770-cd467acf44a2/vng-congres-samen-maken-we-de-toekomst, https://lokale-democratie.nl/news/view/4e31ae82-e9e1-4957-868d-0b743020da91/hoe-evalueer-je-je-burgerberaad-gebruik-hiervoor-het-evaluatiekader, https://lokale-democratie.nl/page/view/f51018a3-6b7d-477e-8d5b-147e8942a946/ld-20-toegankelijkheidsverklaring en https://lokale-democratie.nl/news/view/30c3de71-3a31-4b67-92ba-53dfe88f83bd/loket-d-mooie-mogelijkheid-voor-buurtinitiatieven.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 14: Op pagina https://lokale-democratie.nl/events/view/43f79c94-0ded-4a6a-9770-cd467acf44a2/vng-congres-samen-maken-we-de-toekomst staan onder de afbeelding met de alternatieve tekst "Foto ter illustratie: dorpsplein met terrasjes" een icoon met link "Ticket" en een icoon met de link "In agenda".
Hier wordt blauwe tekst/iconen (HEX #00A0FF) gebruikt. In combinatie met de witte achtergrond biedt deze blauwe kleur te weinig contrast. De contrastverhouding is hier 2,8:1 waar dit minimaal 4,5:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.
Een soortgelijk probleem komt voor op dezelfde pagina, onder de lijst met social media iconen. Hier staat de knop met de tekst "Gebruik e-mail" waar gebruik wordt gemaakt van dezelfde blauwe kleur (HEX #00A0FF).

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://lokale-democratie.nl/news/view/72b59af8-b6cf-40e4-bf5f-e2db05861b89/zwijndrecht-aan-de-slag-met-concrete-adviezen-vanuit-de-quick-scan staat de afbeelding met bestandsnaam "knipsel-uit-factsheet-zwijndrecht-luistert_4g7ppVh.JPG" (Zwijndrecht luistert).
Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Niet aanwezig

Bevinding 16: Advies:
Op pagina https://lokale-democratie.nl/page/view/bc439aaa-4969-4394-a415-03c3a15e84f1/ld-20-partners wordt gebruik gemaakt van aria-hidden="true" op de links om de 14 logo's die er staan afgebeeld. Dit element bevat focusbare elementen. Sommige browsers zetten alsnog de focus op/in dat gebied. Gebruik hier geen aria-hidden of zorg ervoor dat de focusbare elementen niet meer interactief zijn (dus door de link eruit te halen).

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 17: De PDF LD_Evaluatiekader-interactief.pdf op pagina https://lokale-democratie.nl/file/download/70f989af-9c3c-488f-a477-49a22fcaafc4/ld_evaluatiekader-interactief.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam maar de titel van het document wordt getoond.

Bevinding 18: De PDF QSLD-Dashboard-augustus-2024.pdf op pagina https://lokale-democratie.nl/file/download/14be213d-9a63-4ebc-921f-3d8075202ec9/qsld-dashboard-augustus-2024.pdf heeft een documenttitel in de eigenschappen, maar deze beschrijft de inhoud van het document niet. Er staat nu "QSLD Dashboard (Augustus 2024)", zorg voor een titel die de inhoud van het document beschrijft, zoals bijvoorbeeld de titel op pagina 1: Quick Scan Lokale Democratie Dashboard Augustus 2024.

Bevinding 19: Advies:
De PDF Wat-kan-de-Quick-Scan-Lokale-Democratie-jouw-gemeente-opleveren.pdf op pagina https://lokale-democratie.nl/file/download/4c217d6a-487a-4701-8441-f881e62dfaae heeft een documenttitel die het document deels goed beschrijft. De titel luidt "Ontdek de Quick Scan Lokale Democratie". Deze zou voor de volledigheid nog aangepast kunnen worden naar "Ontdek de Quick Scan Lokale Democratie: Wat kan het voor jouw gemeente betekenen?". Dit is een verbeterpunt, maar niet afkeurbaar.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 20: Op pagina https://lokale-democratie.nl/search?q=toegankelijkheid staan onder de koptekst h4 "Aanbevolen" vier afbeeldingen met daarin een link zonder toegankelijke naam. Omdat de link daarmee geen linkdoel heeft, is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk waar de link heen gaat. Voeg een toegankelijke naam toe waarin het linkdoel is omschreven om dit probleem op te lossen. Zie ook SC 4.1.2.

3. Begrijpelijk

3.1 Leesbaar

3.1.1 Taal van de pagina (Niveau A)

Informatie over succescriterium 3.1.1 Taal van de pagina

Uitkomst: Onvoldoende

Bevinding 21: In de eigenschappen van de PDF LD_Evaluatiekader-interactief.pdf op pagina https://lokale-democratie.nl/file/download/70f989af-9c3c-488f-a477-49a22fcaafc4/ld_evaluatiekader-interactief.pdf is de taal niet goed ingevuld. Deze staat op Engels in plaats van Nederlands. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 22: Op pagina https://lokale-democratie.nl/ staat een LinkedIn volgen widget dat via een iframe op de pagina is geplaatst. Het title attribuut van dit iframe is gevuld met de tekst "LinkedIn Embedded Content", dit wordt ook gebruikt als toegankelijke naam van de widget. Hierdoor is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat voor widget dit is.
Plaats in het title-attribuut van dit iframe een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "LinkedIn Volgers widget".
Een soortgelijk probleem zien we terug op de volgende pagina's: https://lokale-democratie.nl/page/view/4993e349-4528-4d51-aa9a-ec04916bb7bd/ld-20-contact, https://lokale-democratie.nl/page/view/f9ebe670-527b-4e65-9f41-f577de29a773/ld-20-agenda, https://lokale-democratie.nl/page/view/0654a138-8bbb-4a91-b4ea-2e0a43139924/ld-20-regionale-samenwerking,

Bevinding 23: Op pagina https://lokale-democratie.nl/search?q=toegankelijkheid staan onder de koptekst h4 "Aanbevolen" vier afbeeldingen met daarin een link zonder toegankelijke naam. Hierdoor is het voor blinden en slechtzienden die gebruikmaken van een screenreader niet duidelijk wat voor links dit zijn. Voeg een toegankelijke naam toe om dit probleem op te lossen. Zie ook SC 2.4.4.

Bevinding 24: Op pagina https://lokale-democratie.nl/news/view/a63f1eec-f827-47fc-a769-809240c70d64/jongerenparticipatie-in-de-praktijk-jongerenraad-apeldoorn staat onder de video de datum, een bron en het aantal dat het artikel bekeken is. De div met de bron heeft het aria-label attribuut, dit is niet toegestaan op elementen met de rol "generic". Geef het div element een rol die toegestaan is, bijvoorbeeld navigation, search, main of img.
Een soortgelijk probleem zien we terug op de volgende pagina's: https://lokale-democratie.nl/news/view/72b59af8-b6cf-40e4-bf5f-e2db05861b89/zwijndrecht-aan-de-slag-met-concrete-adviezen-vanuit-de-quick-scan, https://lokale-democratie.nl/news/view/30c3de71-3a31-4b67-92ba-53dfe88f83bd/loket-d-mooie-mogelijkheid-voor-buurtinitiatieven, https://lokale-democratie.nl/news/view/4e31ae82-e9e1-4957-868d-0b743020da91/hoe-evalueer-je-je-burgerberaad-gebruik-hiervoor-het-evaluatiekader en https://lokale-democratie.nl/news/view/2ac3fcdf-af61-4841-a987-ef2fd72f1879/handreiking-kinder-en-jongerenparticipatie-verschenen.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

Geprint: 2025-05-22 14:52:47 v2.4-011