Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website kompas.ggdnog.nl

(Alleen de bevindingen)

Scope van de evaluatie

Naam website kompas.ggdnog.nl
Datum 2 februari 2026
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content op pagina's op kompas.ggdnog.nl
  • Alle PDF's op kompas.ggdnog.nl
Buiten de scope van het onderzoek valt:
  • De techniek van deze website. 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 het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 16

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://kompas.ggdnog.nl/ staat een afbeelding zonder een tekstalternatief. De afbeelding staat naast de kop "Kompas Volksgezondheid Noord- en Oost-Gelderland". Het alt-attribuut ontbreekt. Een img-element moet altijd een alt-attribuut hebben. Alleen bij een decoratieve afbeelding die geen betekenis overdraagt, moet dit attribuut leeg blijven (alt=""). Bij een informatieve afbeelding moet het alt-attribuut een duidelijke beschrijving van de afbeelding bevatten.

Bevinding 2: In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=129
staat op pagina 1 een logo zonder tekstalternatief. Omdat de alt-tekst nu ontbreekt, leest een schermlezer alleen “afbeelding” voor. Hierdoor kunnen blinde bezoekers het gevoel krijgen dat zij inhoud missen. Voeg een tekstalternatief toe. In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=25
is hetzelfde probleem te zien.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 3: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/leefstijl/roken staat onder de kop “Ouders roken in huis”, naast de tekst die begint met “2,0 % Aalten”, een knop “Meer info” waarmee extra inhoud wordt geopend. In deze inhoud wordt het strong-element, gebruikt voor opmaakdoeleinden. Volledige zinnen zijn in een strong-element geplaatst om de tekst vet weer te geven. Het strong-element heeft een semantische betekenis en geeft aan dat tekst extra nadruk krijgt. Gebruik dit element daarom niet uitsluitend voor een visueel effect, maar gebruik hiervoor CSS. Ditzelfde probleem staat onder de koppen “Vapet tenminste wekelijks”, “Rookt tenminste wekelijks tabak”, “Vapet (gebruikt e-sigaret)” en andere onderdelen waar volledige zinnen onjuist in een strong-element zijn geplaatst.

Bevinding 4: Op pagina https://kompas.ggdnog.nl/publicaties zijn de teksten "Tabellenboek Gezondheidsmonitor Volwassenen en Ouderen 2024 - Noord- en Oost-Gelderland (HTML | 1,84 MB)" en andere teksten niet bedoeld als koppen, maar ze zijn wel gemarkeerd met een h2-element om een visueel effect te krijgen. Het kop-element is niet betekenisvol gebruikt, omdat er geen inhoud onder staat en de tekst daardoor geen echte kop is. Door het h2-element krijgt de tekst toch de betekenis van een kop. Kop-elementen zijn bedoeld om structuur te geven aan de informatie op een pagina. Bezoekers die schermlezers gebruiken, gebruiken koppen om door de pagina te navigeren en de opbouw te begrijpen. Gebruik kop-elementen daarom niet alleen voor een visueel effect, zoals grotere, schuine of vetgedrukte tekst. Zorg dat de tekst in een kop-element ook echt de functie van kop of tussenkop heeft. Verwijder het h2-element en gebruik een ander element, zoals een p-element. De gewenste stijl kan met CSS worden toegevoegd. Hetzelfde probleem doet zich voor op de pagina's https://kompas.ggdnog.nl/mosaic/dashboard/bevolking/demografie voor de tekst “Ga naar wijk- en buurtcijfers over bevolkingsaantallen” en https://kompas.ggdnog.nl/dashboardthemas voor de links onder het kopje “Dashboard gezondheidsthema's”.

Bevinding 5: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/bevolking/demografie zijn de kopjes "Bronnen" niet gemarkeerd als koppen, terwijl ze er visueel wel als kop uitzien. Voor bezoekers die hulpsoftware gebruiken heeft een kop of tussenkop die niet als zodanig is gemarkeerd geen toegevoegde waarde. Bezoekers die hulpsoftware gebruiken, kunnen via koppen de inhoud van een pagina scannen of snel naar een specifieke sectie navigeren. Dit is alleen mogelijk wanneer koppen correct in de code zijn opgenomen. Wanneer koppen uitsluitend visueel als kop zijn vormgegeven, bijvoorbeeld door vetgedrukte tekst, ontstaat er een verschil tussen de visuele structuur en de structuur in de code. Hierdoor is de informatiehiërarchie voor hulpsoftware niet correct beschikbaar. Markeer koppen daarom altijd met het juiste HTML-element op het juiste kopniveau, zoals h1, h2, h3, h4, h5 of h6. In de meeste CMS’en kan het kopniveau worden ingesteld via de content-editor, waarna automatisch de juiste HTML-code wordt toegepast.

Bevinding 6: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/leefstijl/roken staat onder de kop “Vapet tenminste wekelijks” en de tekst “Gemeenten in Noord- en Oost-Gelderland, %” een infographic. Wanneer hierop wordt geklikt, opent een dialoogvenster. In de ingeklapte sectie “Onderwerpen” staat een opsomming met vier items, maar deze lijst heeft geen juiste markering in de code. Tekst die eruitziet als een opsomming moet ook als opsomming worden gemarkeerd, zodat de structuur voor hulpsoftware duidelijk is. Voor lijsten en opsommingen worden de HTML-elementen ol of ul gebruikt. Hulpsoftware herkent dan dat het om een lijst gaat en schermlezers kondigen vooraf het aantal items in de lijst aan, zodat duidelijk is hoeveel informatie volgt. Dit probleem komt ook voor bij andere dialoogvensters met infographics.

Bevinding 7: In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=129 staan vanaf pagina 1 tabellen die bedoeld zijn als datatabellen. De juiste markering voor datatabellen ontbreekt. Bij een datatabel moeten speciale tags worden toegevoegd voor de tabelkoppen (th), zodat schermlezers de relatie begrijpen tussen de koppen en de bijbehorende datacellen. Markeer de cellen in de koprij van de tabel met TH-tags en de datacellen met TD-tags. Zo is de structuur van de tabel correct beschikbaar voor hulpsoftware. In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=25 komt hetzelfde probleem voor.

Bevinding 8: In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=129 staan meerdere teksten die visueel als kop worden gepresenteerd, maar niet als kop zijn gemarkeerd in de tags. Voorbeelden hiervan zijn “Tabellenboek gezondheidsmonitor jeugd praktijkonderwijs en voortgezet speciaal onderwijs, 2023, Noord- en Oost-Gelderland”, “Toelichting:” en “Onderzoeksgroep”. Hierdoor komt de visuele informatiestructuur niet overeen met de structuur van het document in de tags. Dit maakt het voor hulpsoftware lastig om de inhoud goed te interpreteren en om door het document te navigeren. Vervang de p-tag door een passend kop-element op het juiste kopniveau, zodat de tag-structuur gelijk is aan de visuele structuur van het document. In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=25 komt hetzelfde probleem voor.

Bevinding 9: In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=25 zijn op alle pagina’s de tabellen onjuist opgebouwd. In de tabellen zijn meerdere td-elementen in elkaar genest en staat een volledige tabel binnen een andere tabel. Hierdoor ontstaat een ongeldige tabelstructuur, wat grote toegankelijkheidsproblemen veroorzaakt. Datatabellen moeten een duidelijke en logische structuur hebben, zodat schermlezers de relatie tussen rijen en cellen correct kunnen interpreteren. Geneste td-elementen en tabellen binnen tabellen doorbreken deze structuur, waardoor hulpsoftware de inhoud niet goed kan begrijpen. Verwijder de geneste td-elementen en plaats geen tabellen binnen andere tabellen. Zorg dat elke tabel een eenvoudige, lineaire structuur heeft met duidelijk gedefinieerde rijen en cellen, zodat de inhoud correct toegankelijk is voor hulpsoftware.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 10: Op pagina https://kompas.ggdnog.nl/nieuws is de volgorde van HTML-elementen binnen de artikelen onder de kop “Nieuws” niet logisch. In de code staat eerst de publicatiedatum, daarna de kop en vervolgens de tekst. Dit komt doordat de koppen niet bovenaan in de code van elk artikel staan. Voor bezoekers die een schermlezer gebruiken kan dit verwarrend zijn, omdat zij verwachten dat de kop als eerste wordt voorgelezen. De kop moet daarom bovenaan in de code van het artikel staan. De visuele volgorde kan met CSS hetzelfde blijven.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://kompas.ggdnog.nl/content/handleiding wordt in een instructie gebruikgemaakt van de termen “rechts” en “linksboven” om de locatie van een element aan te geven. Voor bezoekers die de website bekijken in een indeling met één kolom kan deze instructie verwarrend of niet bruikbaar zijn, omdat de visuele positie van elementen kan verschillen per schermgrootte of weergave.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 12: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/bevolking/demografie staat op een klein scherm blauwe tekst met de kleur HEX #558FA6 op een witte achtergrond. Het gaat om de teksten “Selectie” en “Resultaten”. De contrastratio tussen de tekst en de achtergrond is 3,6:1. Deze tekst is kleiner dan 24px en niet vetgedrukt. In dat geval moet de contrastratio minimaal 4,5:1 zijn. Door de te lage contrastratio is de tekst moeilijk leesbaar voor bezoekers met een visuele beperking. Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/leefstijl/roken komt hetzelfde probleem voor.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/bevolking/demografie staan grafieken waarin sommige kleurcombinaties onvoldoende contrast hebben. Voorbeelden zijn blauw met de kleur HEX #B4C4E7 op een witte achtergrond in de grafieken “Inwoners - leeftijd” en “Groene, grijze en demografische druk”, en geel met de kleur HEX #FFC45D op een witte achtergrond in de dialoogvensters “Aantal inwoners” en “Bevolkingsgroei in het voorgaande jaar”. Het contrast tussen deze informatieve elementen is te laag, waardoor ze voor sommige bezoekers moeilijk van elkaar te onderscheiden zijn. Het contrast tussen informatieve elementen in een grafiek moet minimaal 3,0:1 zijn, zodat de informatie goed waarneembaar is. Hetzelfde probleem doet zich voor op de pagina's https://kompas.ggdnog.nl/mosaic/dashboard/leefstijl/roken en https://kompas.ggdnog.nl/databank.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 14: In het PDF-document op https://kompas.ggdnog.nl/handlers/ballroom.ashx?function=download&id=129 staat geen documenttitel ingesteld in de bestandseigenschappen. Ook als er op de eerste pagina een titel zichtbaar is, moet in de PDF-instellingen een documenttitel worden ingesteld. Bij het openen van een pdf in een pdf-lezer, zoals Adobe Acrobat of een browser, wordt meestal de bestandsnaam bovenaan in de titelbalk getoond, bijvoorbeeld document123.pdf. Wanneer in de pdf-metadata een documenttitel is ingesteld, wordt deze titel in plaats van de bestandsnaam weergegeven. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen, omdat dan snel en gemakkelijk kan worden bepaald of het document relevant is.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 15: Op pagina https://kompas.ggdnog.nl/mosaic/dashboard/bevolking/demografie staan meerdere knoppen met dezelfde zichtbare tekst, zoals "Meer info" of “Verbergen”, terwijl deze knoppen verschillende functies hebben. Met deze knoppen kan een andere actie worden uitgevoerd, wat verwarrend kan zijn voor bezoekers die een schermlezer gebruiken. Het is niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben.

3. Begrijpelijk

3.3 Assistentie bij invoer

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 16: Op pagina https://kompas.ggdnog.nl/contact staat een formulier met foutmeldingen die de problemen bij het invoeren van gegevens niet voldoende beschrijven. Het invoerveld “Vragen of opmerkingen” heeft geen passende foutmelding. De huidige foutmelding is “dit veld is verplicht”, in plaats van uitleg over wat er fout is gegaan, zoals “dit veld is niet ingevuld”. Foutmeldingen moeten specifieker zijn en de aard van de fout uitleggen. Verander de teksten van de foutmeldingen, zodat duidelijk wordt wat niet goed is ingevuld.

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: 2026-02-04 05:06:50 v2.4-011