Issues:
Content-audit digitale toegankelijkheid website Hoe gezond is ZHZ
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Hoe gezond is ZHZ |
|---|---|
| Datum | 30 april 2026 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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://www.hoegezondiszhz.nl/jive staat een knop met een icoon van een belletje. Er ontbreekt hier een tekstueel alternatief. Dit kan mogelijk worden opgelost door een beschrijvend tekstueel alternatief toe te voegen, zoals "Open informatie demoversie". Op sommige momenten staat er een rood bolletje bij het belletjes-icoon. Het is belangrijk dat (de betekenis van) deze informatie ook wordt opgenomen in het tekstalternatief, wanneer aanwezig. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.
Bevinding 2: Op pagina https://www.hoegezondiszhz.nl/jive staat een kaart. Hier ontbreekt een alt-attribuut. Deze afbeelding kan worden beschouwd als decoratief. Een mogelijke oplossing is daarom een leeg alt-attribuut (alt="") toe te voegen, zodat hulpsoftware deze afbeelding kan negeren.
Bevinding 3: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 staat bovenaan het logo van GGD ZHZ. Deze afbeelding is gemarkeerd met een Figure-tag. Er ontbreekt momenteel een tekstueel alternatief, waardoor schermlezers alleen "Afbeelding" voorlezen. Een mogelijke oplossing is een tekstueel alternatief toe te voegen waarin alle visuele informatie is opgenomen, zoals "GGD ZHZ". Deze situatie komt ook voor in het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=159 bij het logo van GGD ZHZ onderaan pagina 1. In hetzelfde document staat op pagina 2 het logo van Dienst Gezondheid & Jeugd ZHZ onderaan pagina 2. Deze afbeelding is niet gemarkeerd met een Figure-tag en heeft geen tekstueel alternatief.
Bevinding 4: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=159 staan diverse diagrammen waarvan de huidige tekstuele alternatieven niet volledig zijn. De diagrammen zijn niet gemarkeerd met Figure-tags. Wel zijn er korte beschrijvingen aanwezig, zoals "Figuur 1. De mate van zorgen over PFAS onder inwoners van Zuid-Holland Zuid, 2024". Deze bijschriften geven slechts een beknopte beschrijving en dekken niet alle informatie die in de afbeeldingen wordt weergegeven. Een deel van de informatie uit de afbeeldingen staat in de omringende tekst, maar dit geldt niet voor alle informatie. Dit kan mogelijk worden opgelost door afbeeldingen te markeren met Figure-tags, de bestaande bijschriften als korte tekstalternatieven te gebruiken en aanvullende lange tekstalternatieven toe te voegen die een uitgebreide beschrijving geven van alle informatie die in de afbeelding wordt overgebracht. Het lange tekstalternatief kan bestaan uit een duidelijke uitgeschreven tekst of een tabel.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 5: Het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 heeft een codelaag. Complimenten hiervoor! Helaas zijn niet alle codes correct. Zo zijn er veel visuele kopteksten aanwezig, maar zijn deze niet als dusdanig gemarkeerd in de codelaag. Momenteel worden voor alle visuele kopteksten P-tags gebruikt. Dit kan mogelijk worden opgelost door de tekst "Overzicht onderzoeken 2020-2025" te markeren met een H1-tag, en de overige kopteksten, zoals "Gezondheidsmonitors" en "Verdiepende onderzoeken gezondheidsmonitors", te markeren met H2-tags. Ten slotte staan er veel lege P-tags binnen de codelaag. Dit wordt niet afgekeurd, maar kan wel worden verbeterd.
Bevinding 6: Het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=159 heeft ook een codelaag. Super! Helaas zijn niet alle codes correct. Zo zijn er diverse decoratieve afbeeldingen gemarkeerd met een Figure-tag (zonder tekstueel alternatief, zie succescriterium 1.1.1). Dit kan mogelijk worden opgelost door de decoratieve afbeeldingen als Artefact te markeren. Dit geldt voor de eerste drie Figure-tags in de codelaag. Diverse informatieve afbeeldingen zijn niet opgenomen in de codelaag (zie succescriterium 1.1.1). Ook zijn er diverse visuele kopteksten aanwezig, maar zijn deze niet als dusdanig gemarkeerd in de codelaag. Momenteel worden voor alle visuele kopteksten P-tags gebruikt. Dit kan mogelijk worden opgelost door de tekst "Zorgen over PFAS onder inwoners van Zuid-Holland Zuid" te markeren met een H1-tag, en de overige kopteksten, zoals "Kernboodschap" en "Methode", te markeren met H2-tags. Op pagina 3 staat onder de tekst "Conclusies en beleidsadviezen" een visuele genummerde lijst. Deze is in de codelaag gemarkeerd met P-tags. Dit brengt niet de juiste semantische betekenis over aan gebruikers van hulpsoftware. Een mogelijke oplossing is deze te markeren als daadwerkelijke lijst, zoals bij de ongeordende lijst is gedaan die er vlak onder staat.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 7: Het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=159 heeft een codelaag. Super! Helaas komt de visuele volgorde niet overeen met de volgorde van elementen in deze codelaag. Zo staan alle korte beschrijvingen van de complexe afbeeldingen helemaal onderaan de codelaag, terwijl ze visueel op een andere plek in het document staan. Ook staat het logo van GGD ZHZ visueel op pagina 1, maar bevindt het zich in de codelaag onder de tags van pagina 3. Een mogelijke oplossing is om de volgorde van de elementen in de codelaag aan te passen zodat deze overeenkomt met de visuele volgorde.
Bevinding 8: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 staat de visuele koptekst "Overzicht onderzoeken 2020-2025" met daaronder de alinea "Dit document biedt ... van GGD Zuid-Holland Zuid.". In de codelaag staat eerst de koptekst, vervolgens het logo van GGD ZHZ en pas daarna de alinea. Dit is geen logische leesvolgorde en komt niet overeen met de visuele volgorde. Een mogelijke oplossing is het logo van GGD ZHZ bovenaan het document te plaatsen, met hieronder de visuele koptekst, gevolgd door de alinea.
1.3.3 Zintuiglijke eigenschappen (Niveau A)
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevinding 9: Op pagina https://www.hoegezondiszhz.nl/faq staat de tekst "Met het pijltje rechtsboven kunt u de getoonde gegevens exporteren naar een PDF, Excelbestand of CSV-bestant.". Deze instructie is afhankelijk van een symbool (het pijltje) en een visuele locatie (rechtsboven) en daarmee afhankelijk van zintuiglijke eigenschappen. Dit is niet duidelijk voor bezoekers die de website niet (goed) kunnen zien en deze navigeren met een schermlezer. Een mogelijke oplossing is deze tekst aan te passen naar bijvoorbeeld, "De gegevens kunnen geëxporteerd worden naar een PDF, Excelbestand of CSV-bestand via de "Open download menu" knop (met het download-icoon) rechtsboven".
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 10: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staan diverse diagrammen, bijvoorbeeld de staafdiagram onder de stelling "Voldoet aan de beweegrichtlijn, opleidingsniveau". Hier hebben diverse balken vergelijkbare kleuren, waardoor bijvoorbeeld bezoekers met kleurenblindheid de balken niet van elkaar kunnen onderscheiden. Zo heeft de groene balk een gemeten kleurcontrast van 1,6:1 ten opzichte van de oranje balk en er is geen andere manier om de balken van elkaar te differentiëren. Dit kan mogelijk worden opgelost door de balken te voorzien van verschillende patronen. Controleer de hele pagina op bovenstaande situatie. Deze situatie komt ook voor op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin.
Bevinding 11: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=71 staan diverse diagrammen met verschillende kleuren balken. Op pagina 1 staat Figuur 2, onder de tekst "Soort zorgen om PFAS". Hier wordt betekenis uitsluitend via kleur overgebracht. Diverse balken hebben vergelijkbare kleuren, waardoor bijvoorbeeld bezoekers met kleurenblindheid de balken niet van elkaar kunnen onderscheiden. Zo heeft de groene balk een gemeten kleurcontrast van 2,3:1 ten opzichte van de beige balk en er is geen andere manier om de balken van elkaar te differentiëren. Vergelijkbare situaties komen ook voor bij Figuur 5 op pagina 2, en bij Figuur 7 op pagina 3.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 12: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4 staat de tekst "Gezondheid en participatie van 19 jaar en ouder" en de link "Terug naar hoofdpagina". Deze witte teksten hebben een gemeten contrastwaarde van 3,2:1 ten opzichte van de oranje achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Bevinding 13: Op pagina https://www.hoegezondiszhz.nl/jive, wanneer hier bijvoorbeeld het onderwerp "Bevolking", "Aantal inwoners" en vervolgens "Bevolking totaal" wordt gekozen, verschijnt rechts van de pagina een legenda. Hier staat de tekst "Eenheid" en "Bron". Deze witte tekst heeft een gemeten contrastwaarde van minder dan 1,1:1 ten opzichte van de lichtgrijze achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn.
Bevinding 14: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 staat de tekst "Dit document biedt ... GGD Zuid-Holland Zuid.". Deze blauwe tekst heeft een gemeten contrastwaarde van 3,5:1 ten opzichte van de blauwe achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Bevinding 15: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=71 staan diverse oranje teksten, zoals "Kernboodschap" en "Soorten zorgen om PFAS". Deze teksten hebben een gemeten contrastwaarde van 3,0:1 ten opzichte van de witte achtergrond, en 2,7:1 ten opzichte van de lichtblauwe en lichtoranje achtergrond. Controleer het hele PDF-document op bovenstaande bevinding. Ook staat binnen dit PDF-document, onderaan pagina 3, de tekst "De GGD ZHZ is onderdeel van de Dienst Gezondheid & Jeugd". Deze tekst heeft een gemeten contrastwaarde van 3,2:1 ten opzichte van de lichtblauwe achtergrond. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 16: In het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=71 staan diverse diagrammen. Bij diverse diagrammen komen contrastproblemen voor zonder dat er een toegankelijk alternatief aanwezig is voor deze visuele informatie. Op pagina 1 staat Figuur 2, onder de tekst "Soort zorgen om PFAS". Hier wordt gebruikgemaakt van groen, beige en verschillende tinten oranje. Deze kleuren hebben gemeten contrastwaarden van 2,5:1, minder dan 1,1:1, 1,4:1, 1,8:1 en 2,8:1 ten opzichte van de lichtblauwe achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Controleer het hele PDF-document op bovenstaande bevinding. Vergelijkbare situaties komen ook voor bij Figuur 5 op pagina 2, en bij Figuur 7 op pagina 3.
2. Bedienbaar
2.2 Genoeg tijd
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Onvoldoende
Bevinding 17: Op pagina https://www.hoegezondiszhz.nl/jive staat een knop met een bel-icoontje. Wanneer deze wordt geactiveerd, verschijnt er een dialoogvenster. In dit dialoogvenster staat een animatie waarbij verschillende schermen van Swing Viewer 7 zich afwisselen. Deze animatie speelt automatisch, is herhalend en duurt langer dan 5 seconden. Deze beweging is niet essentieel en kan niet worden gepauzeerd, verborgen of gestopt. Dit is vooral van belang voor mensen met cognitieve of visuele beperkingen, die anders moeite kunnen hebben zich te concentreren op de rest van de pagina.
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 18: Voor PDF-documenten geldt dat ze een duidelijke titel in de bestandseigenschappen moeten hebben, en dat deze documenttitel wordt weergegeven in plaats van de bestandsnaam. Het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 en het PDF-document https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=159 voldoen niet aan deze voorwaarden. Dit kan worden aangepast via de bestandseigenschappen van het PDF-document, of in het bronbestand.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 19: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staat een overzicht met stellingen. Wanneer de toetsenbordfocus bij een stelling terechtkomt, verschijnen er links waarmee de toegankelijke tabelversie kan worden geopend en waarmee een dialoogvenster met meer informatie kan worden geopend. Deze heeft bijvoorbeeld het linkdoel "Voldoet aan beweegrichtlijn: mat. Int. inspanning+bot- en spierversterking, 19 jaar en ouder Voldoet aan beweegrichtlijn: matig intensieve inspanning + bot- en spierversterking, 19 jaar en ouder: Voldoet aan beweegrichtlijn: mat. Int. inspanning+bot- en spierversterking, 19 jaar en ouder, Meer detail". Dit is een erg lang linkdoel met dubbele informatie, welke mogelijk voor verwarring zorgen. Deze links zijn bovendien overbodig, omdat dezelfde functionaliteit bij elke stelling al aanwezig is via knoppen. Een mogelijke oplossing is de overbodige links (die alleen verschijnen wanneer de toetsenbordfocus erop terecht komt) te verwijderen, zodat alleen de knoppen overblijven. Controleer de hele pagina op bovengenoemde situatie. Deze situatie komt ook voor op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevinding 20: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin staat bij diverse stellingen een "Meer info" knop. Deze toegankelijkheidsnaam is onvoldoende beschrijvend, omdat deze niet duidelijk maakt waarover meer informatie kan worden geopend. Voor ziende bezoekers is het duidelijk bij welke stelling deze knop hoort. Voor bezoekers die de pagina niet (goed) kunnen zien en deze navigeren met een screenreader echter niet. Een mogelijke oplossing is de stelling toe te voegen aan de toegankelijkheidsnaam, zodat dit bijvoorbeeld "Meer informatie over [stelling]" wordt. Controleer de hele pagina op bovenstaande bevinding.
Bevinding 21: Op pagina https://www.hoegezondiszhz.nl/jive, wanneer hier het onderwerp "Bevolking", "Aantal inwoners" en vervolgens "Bevolking totaal" wordt gekozen, verschijnen diverse knoppen met iconen. De knop met het icoon van de drie staafjes heeft de toegankelijkheidsnaam "Staaf (klik om te selecteren)". Dit is onvoldoende beschrijvend, omdat deze niet duidelijk maakt dat het een diagram opent. Een mogelijke oplossing is de toegankelijkheidsnaam aan te passen naar "Staafdiagram (klik om te selecteren)". Bovenstaande geldt ook voor de knop "Gestapelde staaf (klik om te selecteren)" (met het icoon van de drie doorbroken staafjes).
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://www.hoegezondiszhz.nl/jive staat een knop met een icoon van een belletje. Er ontbreekt hier een toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor advies.
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
- Homepagina:
https://www.hoegezondiszhz.nl/ - Zoeken:
https://www.hoegezondiszhz.nl/zoeken - Dashboard: Overzicht:
https://www.hoegezondiszhz.nl/dashboard/dashboard4 - Contact:
https://www.hoegezondiszhz.nl/contact - Nieuws:
https://www.hoegezondiszhz.nl/news - Externe bronnen:
https://www.hoegezondiszhz.nl/links.aspx - Nieuwsartikel:
https://www.hoegezondiszhz.nl/news/meer-volwassenen-drinken-weinig-of-helemaal-geen-alcohol-mentale-gezondheid-blijft-een-belangrijk-aandachtspunt/59 - Dashboard: Leefstijl:
https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl - Veelgestelde vragen:
https://www.hoegezondiszhz.nl/faq - Dashboard: Gezin:
https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin - Foutpagina:
https://www.hoegezondiszhz.nl/404 - Rapporten:
https://www.hoegezondiszhz.nl/rapporten - Databank:
https://www.hoegezondiszhz.nl/jive - Databank: Bevolking - Aantal inwoners - Bevolking totaal:
https://www.hoegezondiszhz.nl/jive - PDF 1 & 2 pagina: Regio rapporten:
https://www.hoegezondiszhz.nl/rapporten/regio-rapporten - PDF 1: Overzicht onderzoeken team onderzoek publieke gezondheid 2020-2025:
https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=164 - PDF 2: Factheet 'Zorgen over PFAS onder inwoners van Zuid-Holland Zuid':
https://www.hoegezondiszhz.nl/handlers/ballroom.ashx?function=download&id=71
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.