Audit digitale toegankelijkheid van website Jaarverslag CvdK 2020
About the Evaluation
- Report Creator
- Marco Wolken
- Evaluation Commissioner
- Provincie Noord-Holland
- Evaluation date
- 25 februari 2026
Executive Summary
De website URL is onderzocht tussen 1 en 5 augustus 2025. Dit onderzoek, uitgevoerd volgens de WCAG-EM evaluatiemethode, had als doel te identificeren welke aanpassingen nodig zijn om de toegankelijkheid van het digitale platform te verbeteren.
De meest opvallende bevindingen zijn:
- Contrastproblemen bij knoppen, koppen en tekst die zichzelf ontlenen aan de huisstijl van de provincie.
Scope of the Evaluation
- Website name
- Jaarverslag CvdK 2020
- Scope of the website
- Binnen de scope van het onderzoek valt: - Alle pagina's op Jaarverslag CvdK 2020. - Alle PDF's op Jaarverslag CvdK 2020. Buiten de scope van het onderzoek valt: - 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.
- WCAG Version
- 2.2
- Conformance target
- AA
- Accessibility support baseline
- Gangbare browsers en hulpapparatuur.
- Additional evaluation requirements
- Not provided
Detailed Audit Results
Summary
Reported on 55 of 55 WCAG 2.2 AA Success Criteria.
- 32 Passed
- 8 Failed
- 0 Cannot tell
- 15 Not present
- 0 Not checked
All Results
1 Perceivable
1.1 Text Alternatives
| Success Criterion | Result | Observations |
|---|---|---|
| 1.1.1: Non-text Content | Entire sampleResult: Failed HomepaginaResult: Passed VoorwoordResult: Passed CoronaResult: Failed 75 Jaar VrijheidResult: Passed BurgemeestersResult: Passed OndermijningResult: Passed ParticipatieResult: Passed Jaaragenda 2020Result: Passed ColofonResult: Passed | Entire sampleObservations: Op de pagina 'Corona' staat een video zonder een <title> attribuut. Hierdoor is de titel niet te zien voor mensen die een schermlezer gebruiken. HomepaginaNo observations added VoorwoordNo observations added CoronaDe YouTube video op deze pagina mist een <title> attribuut. Hierdoor is de titel niet te zien voor mensen die een schermlezer gebruiken. 75 Jaar VrijheidNo observations added BurgemeestersNo observations added OndermijningNo observations added ParticipatieNo observations added Jaaragenda 2020No observations added ColofonNo observations added |
1.2 Time-based Media
| Success Criterion | Result | Observations |
|---|---|---|
| 1.2.1: Audio-only and Video-only (Prerecorded) | Entire sampleResult: Not present | |
| 1.2.2: Captions (Prerecorded) | Entire sampleResult: Passed | |
| 1.2.3: Audio Description or Media Alternative (Prerecorded) | Entire sampleResult: Passed | |
| 1.2.4: Captions (Live) | Entire sampleResult: Not present | |
| 1.2.5: Audio Description (Prerecorded) | Entire sampleResult: Passed |
1.3 Adaptable
| Success Criterion | Result | Observations |
|---|---|---|
| 1.3.1: Info and Relationships | Entire sampleResult: Failed HomepaginaResult: Passed VoorwoordResult: Passed CoronaResult: Failed 75 Jaar VrijheidResult: Failed BurgemeestersResult: Failed OndermijningResult: Failed ParticipatieResult: Failed Jaaragenda 2020Result: Failed ColofonResult: Passed | Entire sampleObservations: Meerdere pagina's bevatten tekst in een header element terwijl dit in een <p> element zou moeten staan in plaats van aangegeven te zijn als kop. HomepaginaNo observations added VoorwoordNo observations added CoronaDe blauwe tekst onder de titel van de pagina staat in een header element. De tekst zou in een <p> element moeten staan in plaats van aangegeven te zijn als kop. Daarnaast is de hiërarchie niet onjuist maar wel onlogisch omdat van een <h1> naar een <h4> kop gesprongen wordt. 75 Jaar VrijheidDe blauwe tekst onder de titel van de pagina staat in een header element. De tekst zou in een <p> element moeten staan in plaats van aangegeven te zijn als kop. Daarnaast is de hiërarchie niet onjuist maar wel onlogisch omdat van een <h1> naar een <h4> kop gesprongen wordt. BurgemeestersDe blauwe tekst onder de titel van de pagina staat in een header element. De tekst zou in een <p> element moeten staan in plaats van aangegeven te zijn als kop. Daarnaast is de hiërarchie niet onjuist maar wel onlogisch omdat van een <h1> naar een <h4> kop gesprongen wordt. OndermijningDe blauwe tekst onder de titel van de pagina staat in een header element. De tekst zou in een <p> element moeten staan in plaats van aangegeven te zijn als kop. Daarnaast is de hiërarchie niet onjuist maar wel onlogisch omdat van een <h1> naar een <h4> kop gesprongen wordt. ParticipatieDe blauwe tekst onder de titel van de pagina staat in een header element. De tekst zou in een <p> element moeten staan in plaats van aangegeven te zijn als kop. Daarnaast is de hiërarchie niet onjuist maar wel onlogisch omdat van een <h1> naar een <h4> kop gesprongen wordt. Jaaragenda 2020De datums en evenementen zijn in een <ul> element moeten komen te staan zodat voorlessoftware dit voorleest als een lijst met items en niet een doorlopende tekst. ColofonNo observations added |
| 1.3.2: Meaningful Sequence | Entire sampleResult: Passed | |
| 1.3.3: Sensory Characteristics | Entire sampleResult: Passed | |
| 1.3.4: Orientation | Entire sampleResult: Passed | |
| 1.3.5: Identify Input Purpose | Entire sampleResult: Not present |
1.4 Distinguishable
| Success Criterion | Result | Observations |
|---|---|---|
| 1.4.1: Use of Color | Entire sampleResult: Passed | |
| 1.4.2: Audio Control | Entire sampleResult: Not present | |
| 1.4.3: Contrast (Minimum) | Entire sampleResult: Failed HomepaginaResult: Failed VoorwoordResult: Failed CoronaResult: Failed 75 Jaar VrijheidResult: Failed BurgemeestersResult: Failed OndermijningResult: Failed ParticipatieResult: Failed Jaaragenda 2020Result: Failed ColofonResult: Failed | Entire sampleObservations: Verschillende pagina's hebben een lichtblauw tekstblok onder de titel van de pagina met een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Daarnaast hebben de tekstkoppen op verschillende pagina's een contrast van 2,5:1 met de achtergrond terwijl dit minimaal 3,0 moet zijn. HomepaginaDe knop 'open het jaarverslag' heeft een kleurcontrast van 2,71:1. Dit contrast zou minimaal 3,0:1 moeten zijn. VoorwoordDe kop 'Voorwoord' heeft een kleurcontrast van 2,71:1. Dit contrast zou minimaal 3,0:1 moeten zijn. CoronaHet lichtblauwe tekstblok onder de titel van de pagina heeft een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Het zelfde geldt voor de tekst 'Het gaat om het vinden van de balans tussen diverse risico’s.' onderaan de pagina. 75 Jaar VrijheidHet lichtblauwe tekstblok onder de titel van de pagina heeft een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Het zelfde geldt voor de tekst ‘De gesprekken met verschillende mensen – jong en oud – over vrijheid vond ik heel inspirerend.’ onderaan de pagina. BurgemeestersHet lichtblauwe tekstblok onder de titel van de pagina heeft een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Het zelfde geldt voor de tekst ‘Ook voor burgemeesters was 2020 een bijzonder jaar, waarin een groot beroep op hen werd gedaan.’ onderaan de pagina. OndermijningHet lichtblauwe tekstblok onder de titel van de pagina heeft een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Het zelfde geldt voor de tekst ‘De aanpak van ondermijnende criminaliteit vraagt gezamenlijk en continu optreden en bovenal een lange adem.’ onder de daarop volgende paragraaf. ParticipatieHet lichtblauwe tekstblok onder de titel van de pagina heeft een tekstcontrast van 2,78:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Het zelfde geldt voor de tekst ‘Ik hecht groot belang aan de ontwikkeling van participatie bij de provincie.’ onderaan de pagina. Jaaragenda 2020De kop 'Jaaragenda' heeft een kleurcontrast van 2,71:1. Dit contrast zou minimaal 3,0:1 moeten zijn. Hetzelfde probleem geldt voor de namen van de verschillende maanden op de pagina. ColofonDe kop 'Colofon' heeft een kleurcontrast van 2,17:1. Dit contrast zou minimaal 3,0:1 moeten zijn. |
| 1.4.4: Resize text | Entire sampleResult: Passed | |
| 1.4.5: Images of Text | Entire sampleResult: Passed | |
| 1.4.10: Reflow | Entire sampleResult: Failed | Entire sampleObservations: Bij een weergave gelijk aan een resolutie van 320x240 kunnen de pijlknoppen voor de volgende en vorige pagina over de tekst van een pagina heen vallen. |
| 1.4.11: Non-text Contrast | Entire sampleResult: Failed | Entire sampleObservations: De pijlknoppen om naar de volgende of vorige pagina te gaan hebben een kleurcontrast van 2,78:1 terwijl dit minimaal 3,0:1 hoort te zijn. |
| 1.4.12: Text Spacing | Entire sampleResult: Passed | |
| 1.4.13: Content on Hover or Focus | Entire sampleResult: Passed |
2 Operable
2.1 Keyboard Accessible
| Success Criterion | Result | Observations |
|---|---|---|
| 2.1.1: Keyboard | Entire sampleResult: Passed | |
| 2.1.2: No Keyboard Trap | Entire sampleResult: Passed | |
| 2.1.4: Character Key Shortcuts | Entire sampleResult: Not present |
2.2 Enough Time
| Success Criterion | Result | Observations |
|---|---|---|
| 2.2.1: Timing Adjustable | Entire sampleResult: Not present | |
| 2.2.2: Pause, Stop, Hide | Entire sampleResult: Not present |
2.3 Seizures and Physical Reactions
| Success Criterion | Result | Observations |
|---|---|---|
| 2.3.1: Three Flashes or Below Threshold | Entire sampleResult: Passed |
2.4 Navigable
| Success Criterion | Result | Observations |
|---|---|---|
| 2.4.1: Bypass Blocks | Entire sampleResult: Passed | |
| 2.4.2: Page Titled | Entire sampleResult: Passed | |
| 2.4.3: Focus Order | Entire sampleResult: Passed | |
| 2.4.4: Link Purpose (In Context) | Entire sampleResult: Failed | Entire sampleObservations: Het logo van de provincie Noord-Holland links bovenin het menu fungeert als afbeelding met een link naar de pagina 1 maar heeft geen alt-tekst. De oplossing is om deze afbeelding een alt-tekst te geven. |
| 2.4.5: Multiple Ways | Entire sampleResult: Passed | |
| 2.4.6: Headings and Labels | Entire sampleResult: Passed | |
| 2.4.7: Focus Visible | Entire sampleResult: Passed | |
| 2.4.11: Focus Not Obscured (Minimum) | Entire sampleResult: Passed |
2.5 Input Modalities
| Success Criterion | Result | Observations |
|---|---|---|
| 2.5.1: Pointer Gestures | Entire sampleResult: Not present | |
| 2.5.2: Pointer Cancellation | Entire sampleResult: Passed | |
| 2.5.3: Label in Name | Entire sampleResult: Passed | |
| 2.5.4: Motion Actuation | Entire sampleResult: Not present | |
| 2.5.7: Dragging Movements | Entire sampleResult: Not present | |
| 2.5.8: Target Size (Minimum) | Entire sampleResult: Passed |
3 Understandable
3.1 Readable
| Success Criterion | Result | Observations |
|---|---|---|
| 3.1.1: Language of Page | Entire sampleResult: Passed | |
| 3.1.2: Language of Parts | Entire sampleResult: Passed |
3.2 Predictable
| Success Criterion | Result | Observations |
|---|---|---|
| 3.2.1: On Focus | Entire sampleResult: Passed | |
| 3.2.2: On Input | Entire sampleResult: Passed | |
| 3.2.3: Consistent Navigation | Entire sampleResult: Passed | |
| 3.2.4: Consistent Identification | Entire sampleResult: Passed | |
| 3.2.6: Consistent Help | Entire sampleResult: Not present |
3.3 Input Assistance
| Success Criterion | Result | Observations |
|---|---|---|
| 3.3.1: Error Identification | Entire sampleResult: Passed | |
| 3.3.2: Labels or Instructions | Entire sampleResult: Failed | Entire sampleObservations: De instructie 'Type hier om te zoeken' in het zoekveld is een placeholder tekst. Dit voldoet niet omdat instructies voor invoer altijd zichtbaar moeten zijn tijdens gebruik. |
| 3.3.3: Error Suggestion | Entire sampleResult: Not present | |
| 3.3.4: Error Prevention (Legal, Financial, Data) | Entire sampleResult: Not present | |
| 3.3.7: Redundant Entry | Entire sampleResult: Not present | |
| 3.3.8: Accessible Authentication (Minimum) | Entire sampleResult: Not present |
4 Robust
4.1 Compatible
| Success Criterion | Result | Observations |
|---|---|---|
| 4.1.2: Name, Role, Value | Entire sampleResult: Passed | |
| 4.1.3: Status Messages | Entire sampleResult: Failed | Entire sampleObservations: Bij het geven van input in het zoekveld wordt een statusbericht gegenereerd over het aantal gevonden resultaten. Dit ontvangt echter geen focus waardoor een gebruiker die afhankelijk is van voorlees software deze makkelijk kan missen. Het is aan te raden om dit statusbericht de rol aria-live="polite" mee te geven. |
Sample of Audited Web Pages
- Homepagina - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/
- Voorwoord - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/voorwoord
- Corona - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/corona
- 75 Jaar Vrijheid - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/75-jaar-vrijheid
- Burgemeesters - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/burgemeesters
- Ondermijning - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/ondermijning
- Participatie - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/participatie
- Jaaragenda 2020 - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/jaaragenda-2020
- Colofon - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/colofon
Web Technology
HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF
Recording of Evaluation Specifics
- Chrome, versie 140
- Firefox, versie 142
- Safari, versie 18 in combinatie met VoiceOver
- NVDA in combinatie met Firefox
- PAC/Adobe Acrobat om pdf's te onderzoeken