Wij hebben de content van de website noord-holland.stateninformatie.nl onderzocht tussen 20 en 22 augustus 2025. Op dit moment zijn 28 van de 33 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 5 nog fout gaat, en hoe je dat kunt verbeteren.
In dit onderzoek hebben we 33 van de 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. Dit is een contentonderzoek. Daarom zijn de eisen die over de techniek gaan niet meegenomen. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
Voldoet of niet van toepassing: 28
Voldoet niet: 5
Totaal: 33 succescriteria
Deze succescriteria zijn afgekeurd: 1.1.1, 1.3.1, 1.4.1, 1.4.3, 2.4.2
Niet in scope:
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.
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.
We gebruiken de onderzoeksmethode WCAG-EM van het W3C. Het proces ziet er als volgt uit:
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.
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:
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.
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.
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.
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.
Op alle pagina’s wordt blauwe kleur gebruikt in combinatie met wit. Het kleurcontrast is 3,4:1. Dit moet minimaal 4,5:1.
Gebruik deze kleurencombinatie niet in tekst of maak de blauwe kleur donkerder. Gebruik CCA tool om contrast te testen. De instructie om deze tool te gebruiken vind je op deze pagina. https://properaccess.nl/hoe-test-ik-kleurcontrast/
Link naar pagina: Home
Geen bevindingen.
Link naar pagina: Kalender
Geen bevindingen.
Link naar pagina: Live
Geen bevindingen.
Link naar pagina: Inlogscherm
Geen bevindingen.
Link naar pagina: Pagina niet gevonden
Geen bevindingen.
Link naar pagina: J. Dessing FVD
Op deze pagina onder "J. Dessing", in een sectie met verborgen inhoud, zijn de elementen die verborgen inhoud openen en sluiten niet gemarkeerd als een koptekst.
De teksten waarmee je delen van een accordeon kunt inklappen en uitklappen, doen dienst als koppen voor die delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten niet in de code als kop zijn gemarkeerd met een h-element zoals h2 of h3.
Markeer deze teksten als kop of zorg dat de bestaande rol van kop niet wordt overschreven.
Link naar pagina: Vergadering Provinciale Staten (uitloop) 07-07-2025
em-element is gebruikt voor opmaakOp deze pagina wordt het em-element misbruikt voor stylingdoeleinden.
Het em-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (cursieve tekst).
Verwijder de onnodige em-elementen en gebruik CSS om de tekst schuingedrukt te maken.
Op deze pagina onder het kopje “19 a - 2-minutendebaat ..” staat een sectie met inhoud die kan worden in- en uitgeklapt. In deze sectie staan grafieken waarin kleur wordt gebruikt om informatie te geven. Een bezoeker met een kleurenblindheid weet niet waar de percentages voor staan.
Voeg een tekstueel datalabel aan de grafiek of leg in tekst uit waar de percentages voor staan. Deze grafieken komen op meerdere plekken voor.
Link naar pagina: Vergadering 30-06-2025
Zie bevindingen bij andere vergaderingen.
Link naar pagina: Vergadering Provinciale Staten (uitloop) 07-07-2025
Link naar PDF: 2025-06-30 en 07-07 Besluitenlijst PS -concept-
Dit PDF-document heeft in de bestandseigenschappen de titel “2025-06-30 Besluitenlijst PS -concept-.docx”, wat niet duidelijk genoeg is. Bovendien wordt de bestandsnaam in de titelbalk weergegeven in plaats van de documenttitel.
Zelfs als er een titel op de eerste pagina staat, moet je in de pdf-instellingen ook een documenttitel instellen. Als je een pdf opent in een pdf-lezer (zoals Adobe Acrobat of een browser), zie je de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als je een documenttitel in de pdf-metadata instelt, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is.
In dit pdf-document is het logo van de provincie toegevoegd 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 alt-tekst krijgen die de afbeelding duidelijk beschrijft.
Voeg het logo toe met de Figure-tag en geef het een beschrijvende alternatieve tekst.
This pdf-document is partially tagged. The following content is not tagged: text “Provinciale Staten”.
Dit deel van het document kunnen wij hierdoor niet onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als je dit oplost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen. Bijvoorbeeld met de tekstlabels voor de formuliervelden, maar ook de relaties van de formuliervelden met de kolomkoppen erboven.
Voorzie dit gedeelte van codes die de structuur van het document weergeven. Op deze pagina staat een instructie hoe je PDF zelf moet testen op toegankelijkheid: https://properaccess.nl/instructie-pdfs-testen-met-pac-2024/.
In this pdf-document there is a list of 21 items. However in the tags there are only two first list items present. From the third item “Actualiteiten” items are not in the list.
Markeer de lijst met een L- en Li-tags, en zorg dat het aantal lijstitems overeenkomt met wat je ziet.
In dit pdf-document zijn decoratieve stippen op pagina 1 onjuist getagd als inhoud in de structuurboom van de PDF, waardoor schermlezers ze kunnen aankondigen als betekenisvolle informatie.
Decorative elements should be marked as artifacts so assistive technology ignores them.
Link naar pagina: Vergadering 30-06-2025
Link naar PDF: 2025-06-30 Notulen PS -concept-
Dit PDF-document heeft in de bestandseigenschappen de titel “2025-06-30 Notulen PS -concept-.docx”, wat niet duidelijk genoeg is. Daarnaast wordt de bestandsnaam in de titelbalk weergegeven in plaats van de documenttitel. Zelfs als er een titel op de eerste pagina staat, moet je in de pdf-instellingen ook een documenttitel instellen. Als je een pdf opent in een pdf-lezer (zoals Adobe Acrobat of een browser), zie je de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als je een documenttitel in de pdf-metadata instelt, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is.
th-tags gebruikt
In dit pdf-document op pagina 1 wordt de code van een gegevenstabel gebruikt om bepaalde tekst een kolomlay-out te geven. Een gegevenstabel mag in deze situatie niet worden gebruikt.
Er zijn tags gebruikt die alleen bedoeld zijn voor een datatabel, namelijk th-tags. Deze mogen niet aanwezig zijn in een lay-outtabel. Dit kan verwarrend zijn voor blinde bezoekers, omdat deze tags het idee geven dat er een relatie is tussen de informatie in de verschillende cellen van de tabel, terwijl dit niet zo is.
Verwijder de th-tags.
Dit pdf-document bevat een logo toegevoegd 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.
Voeg het logo toe met de Figure-tag en geef het een beschrijvende alternatieve tekst.
In dit PDF-document staat op pagina 1 onder “Agenda” een tabel, maar deze is in de code niet als tabel gemarkeerd. De relatie tussen tabelcellen wordt nu niet correct voorlezen.
Gebruik tabelcodes (Tabel) om deze tabel correct te markeren.
In dit pdf-document wordt inhoud die geen koptekst is, gecodeerd als koptekst. Zie bijvoorbeeld pagina 5, tekst "De agenda is aldus vastgesteld.", "140", "150".
Gebruik paragraaftags om deze inhoud te coderen.
In dit pdf-document staat op pagina 5 een lijst met 10 items. Deze items zijn gecodeerd als kopjes in plaats van lijstitems.
Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen.
Markeer de lijst met een L- en Li-tags.
Link naar pagina: Vergadering Expertmeeting & Commissie Landelijk gebied 13-01-2025
em-element is gebruikt voor opmaak
Op deze pagina wordt onder het kopje "Vergadering Expertmeeting & Commissie Landelijk gebied 13-01-2025" het em-element misbruikt voor stylingdoeleinden.
Het em-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (cursieve tekst).
Verwijder de onnodige em-elementen en gebruik CSS om de tekst schuingedrukt te maken.
Link naar pagina: Leden
Geen bevindingen.
Link naar pagina: Vergaderingen
Op deze pagina onder "Agenda" staat een sectie met teksten die verborgen inhoud openen en sluiten. Deze teksten zijn niet gemarkeerd als kopteksten.
De teksten waarmee je delen van een accordeon kunt inklappen en uitklappen, doen dienst als koppen voor die delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten niet in de code als kop zijn gemarkeerd met een h-element zoals h2 of h3.
Markeer deze teksten als kop of zorg dat de bestaande rol van kop niet wordt overschreven.
De instructie hoe je koppen op een webpagina kan opsporen staat op deze pagina: https://properaccess.nl/zo-controleer-je-de-koppenstructuur-van-je-website/.