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.

All Results

1 Perceivable

1.1 Text Alternatives
Success Criterion Result Observations
1.1.1: Non-text Content
Entire sample

Result: Failed

Homepagina

Result: Passed

Voorwoord

Result: Passed

Corona

Result: Failed

75 Jaar Vrijheid

Result: Passed

Burgemeesters

Result: Passed

Ondermijning

Result: Passed

Participatie

Result: Passed

Jaaragenda 2020

Result: Passed

Colofon

Result: Passed

Entire sample

Observations:

Op de pagina 'Corona' staat een video zonder een <title> attribuut. Hierdoor is de titel niet te zien voor mensen die een schermlezer gebruiken.

Homepagina

No observations added

Voorwoord

No observations added

Corona

De YouTube video op deze pagina mist een <title> attribuut. Hierdoor is de titel niet te zien voor mensen die een schermlezer gebruiken.

75 Jaar Vrijheid

No observations added

Burgemeesters

No observations added

Ondermijning

No observations added

Participatie

No observations added

Jaaragenda 2020

No observations added

Colofon

No observations added

1.2 Time-based Media
Success Criterion Result Observations
1.2.1: Audio-only and Video-only (Prerecorded)
Entire sample

Result: Not present

1.2.2: Captions (Prerecorded)
Entire sample

Result: Passed

1.2.3: Audio Description or Media Alternative (Prerecorded)
Entire sample

Result: Passed

1.2.4: Captions (Live)
Entire sample

Result: Not present

1.2.5: Audio Description (Prerecorded)
Entire sample

Result: Passed

1.3 Adaptable
Success Criterion Result Observations
1.3.1: Info and Relationships
Entire sample

Result: Failed

Homepagina

Result: Passed

Voorwoord

Result: Passed

Corona

Result: Failed

75 Jaar Vrijheid

Result: Failed

Burgemeesters

Result: Failed

Ondermijning

Result: Failed

Participatie

Result: Failed

Jaaragenda 2020

Result: Failed

Colofon

Result: Passed

Entire sample

Observations:

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.

Homepagina

No observations added

Voorwoord

No observations added

Corona

De 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 Vrijheid

De 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.

Burgemeesters

De 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.

Ondermijning

De 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.

Participatie

De 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 2020

De 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.

Colofon

No observations added

1.3.2: Meaningful Sequence
Entire sample

Result: Passed

1.3.3: Sensory Characteristics
Entire sample

Result: Passed

1.3.4: Orientation
Entire sample

Result: Passed

1.3.5: Identify Input Purpose
Entire sample

Result: Not present

1.4 Distinguishable
Success Criterion Result Observations
1.4.1: Use of Color
Entire sample

Result: Passed

1.4.2: Audio Control
Entire sample

Result: Not present

1.4.3: Contrast (Minimum)
Entire sample

Result: Failed

Homepagina

Result: Failed

Voorwoord

Result: Failed

Corona

Result: Failed

75 Jaar Vrijheid

Result: Failed

Burgemeesters

Result: Failed

Ondermijning

Result: Failed

Participatie

Result: Failed

Jaaragenda 2020

Result: Failed

Colofon

Result: Failed

Entire sample

Observations:

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.

Homepagina

De knop 'open het jaarverslag' heeft een kleurcontrast van 2,71:1. Dit contrast zou minimaal 3,0:1 moeten zijn.

Voorwoord

De kop 'Voorwoord' heeft een kleurcontrast van 2,71:1. Dit contrast zou minimaal 3,0:1 moeten zijn.

Corona

Het 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 Vrijheid

Het 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.

Burgemeesters

Het 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.

Ondermijning

Het 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.

Participatie

Het 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 2020

De 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.

Colofon

De kop 'Colofon' heeft een kleurcontrast van 2,17:1. Dit contrast zou minimaal 3,0:1 moeten zijn.

1.4.4: Resize text
Entire sample

Result: Passed

1.4.5: Images of Text
Entire sample

Result: Passed

1.4.10: Reflow
Entire sample

Result: Failed

Entire sample

Observations:

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 sample

Result: Failed

Entire sample

Observations:

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 sample

Result: Passed

1.4.13: Content on Hover or Focus
Entire sample

Result: Passed

2 Operable

2.1 Keyboard Accessible
Success Criterion Result Observations
2.1.1: Keyboard
Entire sample

Result: Passed

2.1.2: No Keyboard Trap
Entire sample

Result: Passed

2.1.4: Character Key Shortcuts
Entire sample

Result: Not present

2.2 Enough Time
Success Criterion Result Observations
2.2.1: Timing Adjustable
Entire sample

Result: Not present

2.2.2: Pause, Stop, Hide
Entire sample

Result: Not present

2.3 Seizures and Physical Reactions
Success Criterion Result Observations
2.3.1: Three Flashes or Below Threshold
Entire sample

Result: Passed

2.4 Navigable
Success Criterion Result Observations
2.4.1: Bypass Blocks
Entire sample

Result: Passed

2.4.2: Page Titled
Entire sample

Result: Passed

2.4.3: Focus Order
Entire sample

Result: Passed

2.4.4: Link Purpose (In Context)
Entire sample

Result: Failed

Entire sample

Observations:

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 sample

Result: Passed

2.4.6: Headings and Labels
Entire sample

Result: Passed

2.4.7: Focus Visible
Entire sample

Result: Passed

2.4.11: Focus Not Obscured (Minimum)
Entire sample

Result: Passed

2.5 Input Modalities
Success Criterion Result Observations
2.5.1: Pointer Gestures
Entire sample

Result: Not present

2.5.2: Pointer Cancellation
Entire sample

Result: Passed

2.5.3: Label in Name
Entire sample

Result: Passed

2.5.4: Motion Actuation
Entire sample

Result: Not present

2.5.7: Dragging Movements
Entire sample

Result: Not present

2.5.8: Target Size (Minimum)
Entire sample

Result: Passed

3 Understandable

3.1 Readable
Success Criterion Result Observations
3.1.1: Language of Page
Entire sample

Result: Passed

3.1.2: Language of Parts
Entire sample

Result: Passed

3.2 Predictable
Success Criterion Result Observations
3.2.1: On Focus
Entire sample

Result: Passed

3.2.2: On Input
Entire sample

Result: Passed

3.2.3: Consistent Navigation
Entire sample

Result: Passed

3.2.4: Consistent Identification
Entire sample

Result: Passed

3.2.6: Consistent Help
Entire sample

Result: Not present

3.3 Input Assistance
Success Criterion Result Observations
3.3.1: Error Identification
Entire sample

Result: Passed

3.3.2: Labels or Instructions
Entire sample

Result: Failed

Entire sample

Observations:

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 sample

Result: Not present

3.3.4: Error Prevention (Legal, Financial, Data)
Entire sample

Result: Not present

3.3.7: Redundant Entry
Entire sample

Result: Not present

3.3.8: Accessible Authentication (Minimum)
Entire sample

Result: Not present

4 Robust

4.1 Compatible
Success Criterion Result Observations
4.1.2: Name, Role, Value
Entire sample

Result: Passed

4.1.3: Status Messages
Entire sample

Result: Failed

Entire sample

Observations:

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

  1. Homepagina - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/
  2. Voorwoord - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/voorwoord
  3. Corona - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/corona
  4. 75 Jaar Vrijheid - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/75-jaar-vrijheid
  5. Burgemeesters - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/burgemeesters
  6. Ondermijning - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/ondermijning
  7. Participatie - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/participatie
  8. Jaaragenda 2020 - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/jaaragenda-2020
  9. Colofon - https://nota.noord-holland.nl/jaarverslag-cvdk-2020/colofon

Web Technology

HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF

Recording of Evaluation Specifics