Audit digitale toegankelijkheid van website gezondzuidholland.nl
Samenvatting
Wij hebben de website gezondzuidholland.nl onderzocht tussen 25 en 29 januari 2026. Op dit moment is een deel van de succescriteria als voldoende beoordeeld. In dit rapport lees je welke punten nog verbetering behoeven en hoe deze kunnen worden aangepakt.
Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website
Basisniveau toegankelijkheidsondersteuning
Mozilla Firefox, versie 142
Google Chrome, versie 142
Apple Safari, versie 18
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.
Steekproef
Zie de lijst onder "Direct naar gevonden issues".
Gevonden problemen per pagina
01 Algemene kenlhunten
Issue nr. 1 - Groep interactieve elementen heeft geen toegankelijke naam
Impact: GrootType: TechniekWCAG: 4.1.2EN: 9.4.1.2
In de cookiemelding is een groep selectievakjes aanwezig, voorafgegaan door de tekst “Cookievoorkeuren beheren”. Deze groep is netjes geplaatst in een fieldset, maar een legend-element ontbreekt.
Je hebt het legend-element nodig om een label of naam te geven aan de groep keuzerondjes of selectievakjes.
Oplossing:
Voeg een legend-element toe binnen de fieldset en vul het met de tekst “Cookievoorkeuren beheren” (of een meer beschrijvend en toepasselijk label) om duidelijk het doel van de groep aan te geven.
Issue nr. 2 - Toetsenbord focus gaat buiten het dialoogvenster
Impact: GrootType: TechniekWCAG: 2.4.3EN: 9.2.4.3
Toetsenbordfocus in de cookiemelding is niet logisch. Na het doorlopen van alle items in dit dialoogvenster, kan de toetsenbordfocus uit het geopende dialoogvenster ontsnappen en naar de onderliggende pagina gaan.
Bij dit soort dialoogvensters moet je de toetsenbordfocus goed instellen. Als het venster in beeld is, moet de toetsenbordfocus binnen het venster blijven, en mag deze niet op de onderliggende pagina terechtkomen.
Oplossing:
Je lost dit op met Javascript door de focus binnen het venster te houden totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt.
Issue nr. 3 - Alternatieve tekst bevat onleesbare karakters
Bovenaan de website bevat het logo “GEZOND ZUID-HOLLAND” overbodige tekens in de alternatieve tekst “logo-gezondzuid-holland-2” (streepjes en het cijfer 2). Omdat het logo tevens een link is, wordt de toegankelijke naam van de link afgeleid van deze alternatieve tekst. De huidige alternatieve tekst maakt het doel van de link niet duidelijk.
Oplossing:
Vervang de alternatieve tekst bijvoorbeeld door: “Gezond Zuid-Holland, ga naar de startpagina”.
Onder de kop “Ontstaansgeschiedenis Gezond Zuid-Holland” staan drie logo’s zonder alternatieve tekst, bijvoorbeeld het logo “Provincie Zuid-Holland”. Het alt-attribuut is leeg. Informatieve afbeeldingen, zoals een logo, moeten altijd een alt-tekst hebben waarin de volledige tekst is opgenomen die in het logo zichtbaar is. Zonder dit alternatief is de informatie in het logo niet beschikbaar voor bezoekers die de afbeelding niet kunnen waarnemen.
Oplossing:
Zorg ervoor dat het logo is voorzien van een tekstalternatief (alt-tekst) waarin de volledige tekst van het logo is opgenomen.
Issue nr. 5 - Relatie tussen gegroepeerde links ontbreekt in HTML
Impact: Medium / AdviesType: TechniekWCAG: 1.3.1EN: 9.1.3.1
Onder de kop “Gezonde voedselomgeving” staat een groep links voor snelle navigatie op de pagina. Deze links worden visueel als een groep gepresenteerd, maar deze groepering is niet vastgelegd in de HTML-structuur.
Wanneer voor ziende bezoekers duidelijk is dat links bij elkaar horen, moet die structuur ook in de HTML-code zijn opgenomen.
Onder de kop “Landelijke situatie” staat een link met de vage tekst “[1]”. Deze tekst beschrijft het doel van de link niet voldoende. Dit zorgt voor onduidelijkheid, vooral voor bezoekers met een cognitieve beperking of bezoekers die een schermlezer gebruiken.
Een linktekst die nietszeggend zijn (zoals ‘[1]’), geven de bezoeker geen duidelijke aanwijzingen over hun bestemming.
Oplossing:
Zorg ervoor dat duidelijk is waar de link naartoe verwijst, bijvoorbeeld door visueel verborgen tekst toe te voegen, zoals “voetnoot naar bron”: <a href="">[1]<span class="sr-only"> voetnoot naar bron</span></a>.
Issue nr. 7 - Decoratieve afbeelding is niet verborgen voor schermlezers
Impact: MediumType: ContentWCAG: 1.1.1EN: 9.1.1.1
Op deze pagina staan artikelen met afbeeldingen. Alle afbeeldingen hebben een leeg alt-attribuut, behalve de afbeelding naast de kop “Zuid-Hollandse bestuurders tevreden over Gezond Ontwerpen”. De alternatieve tekst is “Mensen om tafel met een kaart”.
Oplossing:
Als deze afbeeldingen informatief zijn, voeg dan bij alle afbeeldingen een alternatieve tekst toe. Als ze decoratief zijn, laat het alt-attribuut leeg (alt="").
Issue nr. 8 - Informatieve afbeelding heeft geen tekstalterantief
Impact: MediumType: ContentWCAG: 1.1.1EN: 9.1.1.1
Pagina 1 van dit PDF-document bevat het logo “GEZOND ZUID-HOLLAND” als artefact.
Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alternatieve tekst krijgen die de afbeelding duidelijk beschrijft.
Dit probleem komt ook voor op pagina 19, met het logo “Den Haag”.
Oplossing:
Voeg de logo’s toe met Figure-tags en geef ze beschrijvende alternatieve teksten.
Issue nr. 9 - Alleen kleur gebruikt in legenda bij kaart
Impact: MediumType: ContentWCAG: 1.4.1EN: 9.1.4.1
In dit PDF-document staat op pagina 6, 8, 9 en 10 een kaart met een legenda. In de legenda en op de kaart wordt kleur gebruikt om informatie over te brengen. Zie de legenda en de kaart.
Alleen mensen die de kleuren kunnen zien en van elkaar kunnen onderscheiden zien welke regio bij welke categorie in de legenda hoort.
Oplossing:
Gebruik naast kleur bijvoorbeeld ook verschillende soorten arcering.
Issue nr. 10 - Onvoldoende kleurcontrast tussen zones op de kaart en de kleurvakjes in de legenda
In dit PDF-document staat op pagina 6, 8, 9 en 10 een kaart met een legenda. Sommige kleurcombinaties hebben een onvoldoende contrastratio. Bijvoorbeeld lichtblauw (#C9DAED) op een witte achtergrond. De contrastratio is 1,4:1.
Oplossing:
Zorg dat het contrast tussen informatieve elementen van een legenda minimaal 3,0:1 is, zodat bezoekers ze van elkaar kunnen onderscheiden. Controleer of alle kleuren in de legenda voldoende contrast hebben.
Issue nr. 11 - Een deel van het document is niet voorzien van codes
Impact: MediumType: ContentWCAG: 1.3.1EN: 9.1.3.1
Dit PDF-document is gedeeltelijk getagd. Op pagina 6, 8, 9, 10 en andere pagina’s zijn bijschriften onder afbeeldingen niet getagd, bijvoorbeeld “Afbeelding 1: Bevolkingsdichtheid Nederland 2024.” Dit deel van het document kunnen wij hierdoor niet onderzoeken.
Oplossing:
Voorzie dit gedeelte van codes die de structuur van het document weergeven.
Opslaan als getagde PDF in Word (Windows)
Ga naar Bestand. Kies Opslaan als Adobe PDF (als je Acrobat hebt) of ga naar Meer → Exporteren → PDF/XPS-document maken. In het venster dat opent, klik je op Opties. Zet een vinkje bij Documentstructuurtags voor toegankelijkheid en bij Bladwijzers maken met koppen. Op deze manier kunnen gebruikers met het toetsenbord snel van sectie naar sectie springen. Dit werkt alleen wanneer echte kopstijlen zijn gebruikt.
Opslaan als getagde PDF in Word (Mac)
Ga naar Bestand → Opslaan als, kies PDF in het keuzemenu en selecteer Best voor elektronische distributie en toegankelijkheid, dat gebruikmaakt van Microsoft online service. Op Mac worden bladwijzers automatisch op basis van de koppen gegenereerd, zonder dat hiervoor instellingen hoeven te worden aangepast.
Issue nr. 12 - Informatieve afbeelding is als achtergrondafbeelding geplaatst
Impact: MediumType: ContentWCAG: 1.1.1EN: 9.1.1.1
Op pagina 6, 8, 9 en 10 staan informatieve afbeeldingen van kaarten die als artefact zijn toegevoegd.
Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alternatieve tekst krijgen die de afbeelding duidelijk beschrijft.
Oplossing:
Voeg het logo toe met de Figure-tag en geef het een beschrijvende alternatieve tekst.
Issue nr. 13 - De logo’s zijn onjuist geplaatst in een kop-element
Impact: MediumType: ContentWCAG: 1.3.1EN: 9.1.3.1
Op pagina 19 staat onder de kop “Partijen die geïnterviewd zijn en meegewerkt hebben:” alle inhoud in een H2-tag, terwijl dit geen koppen zijn. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Gebruik H1-H6-tags alleen voor koppen.
Oplossing:
Gebruik de Sect-tag voor de sectiecontainer, de H-tag voor de koptekst en de Figure-tags voor de logo’s.
