Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Hoe gezond is ZHZ

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Hoe gezond is ZHZ
Datum 16 december 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • De content van alle pagina's op hoegezondiszhz.nl
  • Alle PDF's op hoegezondiszhz.nl
Buiten de scope van het onderzoek valt:
  • De techniek van alle pagina's op hoegezondiszhz.nl
  • 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: 43

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 elke pagina binnen de steekproef staat bovenaan het logo van Dienst Gezondheid & Jeugd ZHZ. Het tekstuele alternatief is "Home" (vanuit het a-element). Dit is geen beschrijvend tekstueel alternatief voor deze visuele informatie. Een mogelijke oplossing is deze tekst aan te passen naar "Dienst Gezondheid & Jeugd ZHZ, partner in de regio (naar de homepagina)". Belangrijk is dat alle zichtbare tekst uit het logo hierin is opgenomen. Deze situatie vormt ook een probleem onder succescriterium 2.5.3.
https://www.hoegezondiszhz.nl

Bevinding 2: Op pagina https://www.hoegezondiszhz.nl/news/meer-volwassenen-drinken-weinig-of-helemaal-geen-alcohol-mentale-gezondheid-blijft-een-belangrijk-aandachtspunt/59 staat een afbeelding. Er ontbreekt een alt-attribuut bij dit img-element. Een mogelijke oplossing is een leeg alt-attribuut (alt="") toe te voegen (de informatieve tekst "GGD Gezondheidsmonitor 2024" is als 'echte' tekst aanwezig op de pagina, dus een tekstalternatief is niet nodig).

Bevinding 3: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staat naast de koptekst "Leefstijl" een knop met een deel-icoon en het tekstuele alternatief "Deel een link". Naast bovenaan de pagina, staat deze knop (met hetzelfde deel-icoon en tekstalternatief) ook bij elke stelling op de pagina. De knop verschijnt wanneer over de stelling wordt gegaan met de muis, of wanneer de toetsenbordfocus op de desbetreffende stelling terecht komt. Het tekstuele alternatief "Deel een link" is onvoldoende beschrijvend. Een mogelijke oplossing is dit tekstalternatief aan te passen naar iets dat de functie van de knop beter omschrijft, zoals "Open deelopties voor deze pagina" en "Open deelopties voor stelling [stelling]". Dan, wanneer deze knop wordt geactiveerd, verschijnt er een menu met (onderanderen) de link "Deel een link". Wanneer deze wordt geactiveerd, verschijnt er een dialoogvenster met een knop met een kopieer-icoon en het tekstalternatief "Kopiëren". Dit is geen duidelijk tekstalternatief. Dit kan mogelijk worden opgelost door deze aan te passen naar iets dat de functie van de knop beter omschrijft, zoals "Link leefstijl dashboard kopiëren". Bovengenoemde situaties komen meerdere keren op dezelfde pagina voor. Ook komt een vergelijkbare situatie voor op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin.

Bevinding 4: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staan diverse stellingen met diagrammen. Bij sommige van deze diagrammen staan knoppen met driehoek-icoontjes waarmee de legenda kan worden genavigeerd. De tekstuele alternatieven van deze icoontjes zijn [lang lang="en"]"Show next row"[/lang] en [lang lang="en"]"Show previous row"[/lang]. Dit zijn geen duidelijke tekstalternatieven, omdat niet duidelijk is wat precies wordt bedoeld met 'rij'. Een mogelijke oplossing is deze tekstalternatieven aan te passen naar iets dat de functie van de knoppen beter omschrijft. Daarbij is het advies is hier Nederlandse tekst voor te gebruiken (de correcte taalaanduiding, lang="en", is wel aanwezig bij bovenstaande tekstalternatieven) aangezien de content op de pagina ook in het Nederlands is.

Bevinding 5: 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 6: 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 7: 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 8: 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 9: Op elke pagina binnen de steekproef staan in de footer vier links. Deze hebben kenmerken van een ongeordende lijst, maar zijn in de code niet als dusdanig opgemaakt. Dit kan mogelijk worden opgelost door een ul-element en li-elementen te gebruiken.
https://www.hoegezondiszhz.nl

Bevinding 10: Op de pagina https://www.hoegezondiszhz.nl/zoeken verschijnt onder de categorie "Indicatoren" geen "geen resultaten" tekst wanneer er geen zoekresultaten zijn, bijvoorbeeld bij de zoekterm "test". Hierdoor volgen de kopteksten "Indicatoren" en "Thema's" (beide opgemaakt met een h3-element) elkaar direct op, waardoor "Indicatoren" een koptekst zonder content wordt. Een mogelijke oplossing is, zoals bij de andere categorieën waar geen zoekresultaten zijn gevonden, de tekst "geen resultaten" onder de koptekst toe te voegen.

Bevinding 11: Op pagina https://www.hoegezondiszhz.nl/news/meer-volwassenen-drinken-weinig-of-helemaal-geen-alcohol-mentale-gezondheid-blijft-een-belangrijk-aandachtspunt/59 staan de visuele kopteksten "Leefstijl", "Ervaren gezondheid en mentale gezondheid", "Alle resultaten" en "Over het onderzoek". Deze zijn allemaal opgemaakt met een p-element en een strong-element. Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken. Een mogelijke oplossing is het strong-element te verwijderen en het p-element te vervangen voor een h2-element.

Bevinding 12: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staan diverse diagrammen. Voor elk diagram is het mogelijk om de informatie in een toegankelijke tabel te openen. Super! Het enige dat in deze tabellen ontbreekt, is de aanduiding dat het om percentages ("%") gaat. Dit kan mogelijk worden opgelost door deze informatie aan de tabellen toe te voegen. Deze situatie komt ook voor op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin.

Bevinding 13: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staan de visuele kopteksten "Bewegen", "Alcohol", "Roken", "E-sigaret" en "Drugs". Deze zijn allemaal opgemaakt met een p-element en een strong-element. Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken. Een mogelijke oplossing is het strong-element te verwijderen en het p-element te vervangen voor een h2-element. De kopteksten eronder, zoals "Waarom is bewegen belangrijk?" dienen vervolgens te worden opgemaakt met een h3-element.

Bevinding 14: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staat onder de koptekst "Beweegrichtlijn" een visuele ongeordende lijst. Deze is in de code niet als dusdanig opgemaakt. Een mogelijke oplossing is hier een ul-element en li-elementen te gebruiken.

Bevinding 15: Op pagina https://www.hoegezondiszhz.nl/links.aspx staan een aantal externe bronnen. De linkteksten hiervan zijn opgemaakt met h2-elementen. Daardoor volgen meerdere koppen van hetzelfde niveau elkaar direct op, wat semantisch onlogisch is. Dit kan mogelijk worden opgelost door de h2-elementen binnen de links te verwijderen.

Bevinding 16: 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 17: 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 18: 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 19: 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 20: 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".

Bevinding 21: Op pagina https://www.hoegezondiszhz.nl/jive staat de tekst "Kies links een onderwerp uit één van de thema's om meer informatie te krijgen". Deze instructie is afhankelijk van een visuele locatie (links) 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, "Kies een onderwerp uit één van de thema's onder de koptekst "Inhoud" om meer informatie te krijgen".

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 22: 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 23: 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 24: Op pagina https://www.hoegezondiszhz.nl/ staan de links "Lees verder". 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 voor normale tekst. De huidige tekstopmaak is 16px en dikgedrukt, wat net te klein is om als grote tekst te worden aangemerkt. Tekst moet (wanneer dikgedrukt) minimaal 18,7px zijn om als grote tekst te gelden. Voor grote teksten is de minimale contrasteis 3,0:1. Een vergelijkbare situatie komt ook voor op pagina https://www.hoegezondiszhz.nl/news bij de "Lees verder" links en op pagina https://www.hoegezondiszhz.nl/jive bij de tekst "Cijfers over gezondheid en participatie".

Bevinding 25: 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 26: Op pagina https://www.hoegezondiszhz.nl/news staat een afbeelding met de tekst "Corona gezondheid monitor jeugd 2021". De groene tekst "jeugd 2021" heeft een gemeten contrastwaarde van 2,5:1 ten opzichte van de paarse achtergrond. Dit is onvoldoende en moet tenminste 3,0:1 zijn.

Bevinding 27: 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 28: 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 29: 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.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 30: Op pagina https://www.hoegezondiszhz.nl/news staat een lijst met nieuwsberichten. Bij elk nieuwsbericht staat een afbeelding. Sommige afbeeldingen bevatten tekst, zoals "GGD gezondheidsmonitor 2024". De meeste van deze teksten zijn opgenomen in de teksten naast de afbeelding en gelden als toegankelijk alternatief. Niet alle informatieve teksten uit de afbeeldingen zijn echter aanwezig in de teksten ernaast, zoals "GGD gezondheidsmonitor 2022" en "ggdgezondheidsmeter.nl". Deze informatie is alleen beschikbaar als afbeelding van tekst. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als echte tekst op de pagina wordt geplaatst. Deze tekst kan dan worden voorgelezen door hulpsoftware en schaalt mee met vergroten. Een mogelijke oplossing is de informatieve teksten in de afbeeldingen op te nemen in de teksten ernaast.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 31: 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 32: 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.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 33: Op pagina https://www.hoegezondiszhz.nl/jive staat de Databank van de Dienst Gezondheid & Jeugd ZHZ. De paginatitel is "Jive". Dit is onvoldoende beschrijvend voor de inhoud van de pagina. Een mogelijke oplossing is de paginatitel aan te passen naar iets dat de inhoud van de pagina beter omschrijft, zoals "Databank | Gezondheid en participatie in beeld".

Bevinding 34: 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.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 35: Op pagina https://www.hoegezondiszhz.nl/zoeken staat een zoekveld. Wanneer hier een zoekterm wordt ingevuld, bijvoorbeeld "i", verschijnen er verschillende categorieën zoekresultaten met diverse "Toon meer zoekresultaten" links. Visueel is duidelijk bij welke categorie deze links horen. Voor bezoekers die de pagina niet (goed) kunnen zien en deze met een schermlezer navigeren is dit echter niet duidelijk genoeg. Een mogelijke oplossing is een visueel verborgen tekst aan de link toe te voegen waarin de categorie wordt vermeld, zodat dit bijvoorbeeld "Toon meer resultaten binnen de categorie 'Nieuws'" wordt. Let op: de visueel verborgen tekst moet beschikbaar zijn voor hulpsoftware en wordt idealiter aan het einde van de visuele linktekst geplaatst.

Bevinding 36: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staat naast de koptekst "Leefstijl" een knop met een deel-icoon en de toegankelijkheidsnaam "Deel een link". Wanneer deze knop wordt geactiveerd, verschijnt er een menu met een aantal links, zoals "Deel een link", "Deel een link via Mail" en zo verder. Dit zijn geen duidelijke linkdoelen, omdat niet duidelijk is wat wordt bedoeld met 'een link'. Een mogelijke oplossing is de linktekst aan te passen naar iets dat het linkdoel beter omschrijft, zoals "Deel Leefstijl dashboard" en "Deel Leefstijl dashboard via Mail". Naast bovenaan de pagina, staat deze functionaliteit ook bij elke stelling op de pagina. Deze verschijnt wanneer over de stelling wordt gegaan met de muis, of wanneer de toetsenbordfocus op de desbetreffende stelling terecht komt. Hier kunnen de linkdoelen bijvoorbeeld worden aangepast naar "Deel stelling [stelling]" en "Deel stelling [stelling] via Mail", mogelijk via een visueel verborgen tekst.

Bevinding 37: 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.

Bevinding 38: Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op elke pagina binnen de steekproef staan in de footer de links "Contact |", "Proclaimer |" en "Colofon |". De '|' tekens zijn onderdeel van de linktekst en worden door schermlezers voorgelezen als "verticale lijn", wat geen toegevoegde waarde heeft en mogelijk verwarrend is. Het advies is deze tekens uit de linktekst te verwijderen.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 39: Op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard4/leefstijl staat naast de koptekst "Leefstijl" een knop met een download-icoon en de toegankelijkheidsnaam "Open download menu". Naast bovenaan de pagina, staat deze knop (met dezelfde toegankelijkheidsnaam) ook bij elke stelling op de pagina. De knop verschijnt wanneer over de stelling wordt gegaan met de muis, of wanneer de toetsenbordfocus op de desbetreffende stelling terecht komt. Wanneer deze knop wordt geactiveerd, verschijnen de knoppen "Download als png", "Download data als Excel" en "Download data als csv". Deze toegankelijkheidsnamen zijn onvoldoende beschrijvend, omdat hieruit niet duidelijk wordt welke data (van welke pagina of stelling) kan worden gedownload. Dit kan mogelijk worden opgelost door deze informatie op te nemen in de toegankelijkheidsnaam, zodat dit bijvoorbeeld "Download als pdf, Leefstijl dashboard" en "Download als PNG, [stelling]" wordt. Deze situatie komt meerdere keren op deze pagina voor. Ook komt deze situatie voor op pagina https://www.hoegezondiszhz.nl/dashboard/dashboard3/gezin. Hetzelfde advies geldt.

Bevinding 40: 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 41: 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).

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Niet getest

Bevinding 42: Op elke pagina binnen de steekproef staat bovenaan een logo link van Dienst Gezondheid & Jeugd ZHZ. De toegankelijkheidsnaam is momenteel "Home". De visueel zichtbare tekst "Dienst Gezondheid & Jeugd ZHZ, partner in de regio" is niet één op één aanwezig in de toegankelijkheidsnaam. Hierdoor ontstaan problemen bij de bediening van dit element door middel van spraakbesturing. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor advies.
https://www.hoegezondiszhz.nl

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 43: 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

Ondersteunende technieken

Bronnen

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

Geprint: 2025-12-23 03:09:14 v2.4-011