Audit digitale toegankelijkheid van website https://nota.noord-holland.nl/archeologiecanon

About the Evaluation

Report Creator
Marco Wolken
Evaluation Commissioner
provincie Noord-Holland
Evaluation date
19 november 2025

Executive Summary

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:

Er zijn meerdere kaarten aanwezig waar exclusief door gebruik van kleur de weergegeven informatie duidelijk is.

Video's op de site hebben geen ondertitelspoor of audiodescriptie.

Links in de inhoudsopgave hebben een toegankelijk naam die verschilt van de zichtbare tekst.

Scope of the Evaluation

Website name
https://nota.noord-holland.nl/archeologiecanon/
Scope of the website
Binnen de scope van het onderzoek valt: - Alle pagina's op https://nota.noord-holland.nl/archeologiecanon/. - Alle PDF's op https://nota.noord-holland.nl/archeologiecanon/. 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

Result: Failed

Observations:

De welkomsttekst "Welkom bij de canon van de Noord-Hollandse Archeologie" op de pagina Canon van de Noord-Hollandse archeologie staat in een afbeelding en heeft geen tekstalternatief. Daardoor is deze niet toegankelijk voor gebruikers met een visuele beperking die afhankelijk zijn van schermleestechnologie.

De link "Vraag schoolbezoek online aan via de website van Huis van Hilde" is gestyled als knop en heeft geen naam of alternatieve tekst die het doel van de knop beschrijft.

De video "Huis van Hilde - super dicht bij station Castricum" op de pagina "Schoolbezoek" heeft geen tekstalternatief dat de video beschrijft.

De afbeelding onder de kop 'Aanbod lesprogramma's' op de pagina 'Schoolbezoek' heeft geen tekstalternatief of duidelijke omschrijving. Deze cruciale informatie is daardoor niet toegankelijk voor gebruikers die afhankelijk zijn van schermleestechnologie.

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

Result: Not present

1.2.2: Captions (Prerecorded)

Result: Failed

Observations:

De verschillende video's op de pagina "Schoolbezoek" hebben geen ondertitelspoor en zijn geen alternatief voor tekst. Eén van deze is verijst voor alle vooraf opgenomen video's. ondertitelsporen moeten daarnaast naast alle gesproken tekst ook een omschrijving bieden van alle belangrijke geluiden. De automatische ondertiteling van YouTube voldoet hierbij niet.

1.2.3: Audio Description or Media Alternative (Prerecorded)

Result: Failed

Observations:

Geen enkel van de video's op de website bieden audiodescriptie van alle belangrijke visuele informatie of een transcript van alle belangrijke visuele en auditieve informatie. Onder dit criterium is dit echter verplicht.

1.2.4: Captions (Live)

Result: Not present

1.2.5: Audio Description (Prerecorded)

Result: Failed

Observations:

Er is geen audiodescriptie beschikbaar voor de video's 'Tijdreis van een pijlpunt' en 'Leven in lagen animatie' op de pagina 'Schoolbezoek'. Omdat deze video's na 23 september 2020 gepubliceerd zijn is dit echter wel verplicht.

1.3 Adaptable
Success Criterion Result Observations
1.3.1: Info and Relationships

Result: Failed

Observations:

De link "Vraag schoolbezoek online aan via de website van Huis van Hilde" is gestyled als knop en heeft geen <a href> element waardoor niet duidelijk is dat het een link betreft.

1.3.2: Meaningful Sequence

Result: Passed

1.3.3: Sensory Characteristics

Result: Not present

1.3.4: Orientation

Result: Passed

1.3.5: Identify Input Purpose

Result: Not present

1.4 Distinguishable
Success Criterion Result Observations
1.4.1: Use of Color

Result: Failed

Observations:

Op de pagina's toegewijd aan alle verschillende tijdperken van het archeologisch canon zijn interactieve kaarten te vinden met interactieve 'hotspots' waar in de tekst alleen naar gerefereerd wordt als 'de gele hotspots'. Een verwijzing naar een element op de pagina alleen op basis van kleur is onder dit criterium niet toegestaan.

Tussen de koppen 'Bewoners' en 'Topvondst' op de pagina 'Nieuwe Steentijd' staan verspreidingsgebieden op twee kaarten aangegeven door middel van kleurvlekken. Het gebruiken van alleen kleur maakt deze grafieken onbruikbaar voor mensen met een kleurstoornis. Het op verschillende manieren arceren van deze vlakken zou een goede oplossing. Dit probleem doet zich tevens voor bij de kaarten op de andere pagina's van de site.

1.4.2: Audio Control

Result: Not present

1.4.3: Contrast (Minimum)

Result: Failed

Observations:

De tekst 'Welkom bij de canon van de Noord-Hollandse archeologie' op de pagina 'Welkom' heeft een contrast van 3,41:1 bij een tekstgrootte van 16 CSS pixels. Voor niet-dikgedrukte tekst moet dit minimaal 4,50:1 zijn.

De tekst op de knop 'open de canon' op de pagina 'Welkom' heeft een contrast van 3,27:1 bij een tekstgrootte van 16 CSS pixels. Voor niet-dikgedrukte tekst moet dit minimaal 4,50:1 zijn.

De tekst op de navigatieknoppen naar de verschillende pagina's die je vindt in de footer van elke pagina hebben een contrast van 3,36:1 bij een tekstgrootte van 16 CSS pixels. Voor niet-dikgedrukte tekst moet dit minimaal 4,50:1 zijn.

De links die je vindt op de verschillende pagina's van de site hebben een contrast van 3,36:1 bij een tekstgrootte van 16 CSS pixels. Voor niet-dikgedrukte tekst moet dit minimaal 4,50:1 zijn.

De koppen 'primair onderwijs' en 'voortgezet onderwijs' van de afbeelding 'Aanbod lesprogramma's' op de pagina 'Schoolbezoek' hebben een contrast van 1,86:1 bij een tekstgrootte van 16 CSS pixels. Voor dikgedrukte tekst moet dit minimaal 3,00:1 zijn.

De tekst onder de afbeeldingen genummerd 1 t/m 8 waarmee naar de verschillende hoofdstukken genavigeerd kan worden in de body van de pagina 'Inhoud hebben, met uitzondering van nummer 3 en 8 een te laag contrast. Deze variëren van 1,52:1 tot 3,36:1 bij een tekstgrootte van 16 CSS pixels. Voor niet-dikgedrukte tekst moet dit minimaal 4,50:1 zijn.

Tussen de koppen 'Bewoners' en 'Topvondst' op de pagina 'Nieuwe Steentijd' staan verspreidingsgebieden op twee kaarten aangegeven door middel van kleurvlekken. Het contrast van de tekst op deze kleurvlekken is echter te licht. Voor niet-dikgedrukte tekst met een grote kleiner dan 18 CSS pixels moet dit minimaal 4,50:1 zijn. Dit probleem doet zich tevens voor bij de kaarten op de andere pagina's van de site.

De tekst link bovenaan de pagina van de verschillende tijdperken is in vrijwel alle gevallen te laag in contrast vergeleken met de achtergrond. Daardoor valt dit weg voor gebruikers met een kleurstoornis of andere visuele beperking. Voor niet-dikgedrukte tekst met een grote kleiner dan 18 CSS pixels moet dit contrast minimaal 4,50:1 zijn.

1.4.4: Resize text

Result: Passed

1.4.5: Images of Text

Result: Failed

Observations:

Alle tekst onder de kop 'Aanbod lesprogramma's' op de pagina 'Schoolbezoek' staat allemaal in één grote afbeelding. De tekst is daardoor niet door gebruikers met een visuele beperking aan te passen. De oplossing is om de tekst in html code neer te zetten in plaats van te stylen als afbeelding.

De tekst "Vraag schoolbezoek online aan via de website van Huis van Hilde" op de pagina 'Schoolbezoek' staat in een afbeelding.

De tekst onder de afbeeldingen genummerd 1 t/m 8 waarmee naar de verschillende hoofdstukken genavigeerd kan worden in de body van de pagina 'Inhoud' is onderdeel van een afbeelding.

1.4.10: Reflow

Result: Failed

Observations:

Bij een resolutie en zoomniveau gelijk aan 320x256 CSS pixels vallen de gekleurde pijlen om naar de vorige en volgende pagina's te gaan over de tekst van de pagina heen. Tevens verandert de website al zodanig bij een resolutie van 1280x1024 en een zoomniveau van 150% al zodanig dat de site niet meer bruikbaar is.

1.4.11: Non-text Contrast

Result: Failed

Observations:

Tussen de koppen 'Bewoners' en 'Topvondst' op de pagina 'Nieuwe Steentijd' staan verspreidingsgebieden op twee kaarten aangegeven door middel van kleurvlekken. het contrast van de gebruikte kleuren varieert van 2,96:1 tot 1,86:1 en maakt deze grafieken onbruikbaar voor mensen met een kleurstoornis. Het contrast van deze informatieve elementen zou minimaal 3.00:1 moeten zijn. Dit probleem doet zich tevens voor bij de kaarten op de andere pagina's van de site.

1.4.12: Text Spacing

Result: Passed

1.4.13: Content on Hover or Focus

Result: Passed

2 Operable

2.1 Keyboard Accessible
Success Criterion Result Observations
2.1.1: Keyboard

Result: Passed

2.1.2: No Keyboard Trap

Result: Passed

2.1.4: Character Key Shortcuts

Result: Passed

2.2 Enough Time
Success Criterion Result Observations
2.2.1: Timing Adjustable

Result: Not present

2.2.2: Pause, Stop, Hide

Result: Not present

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

Result: Passed

2.4 Navigable
Success Criterion Result Observations
2.4.1: Bypass Blocks

Result: Passed

2.4.2: Page Titled

Result: Passed

2.4.3: Focus Order

Result: Failed

Observations:

De focusvolgorde op de verschillende pagina's is niet logische omdat deze na de skiplink bovenaan elke pagina verspringt naar een menubalk onderaan het scherm van de gebruiker om daarna te verspringen naar de verschillende links door de pagina heen. Het zou logischer zijn om de menubalk bovenaan het scherm weer te geven zodat de focus niet verspringt voor gebruikers met een visuele beperking.

2.4.4: Link Purpose (In Context)

Result: Failed

Observations:

De afbeelding van het logo van de provincie Noord-Holland in de menubalk onderaan de verschillende pagina's, die als link dient naar https://www.huisvanhilde.nl/ heeft geen alt-tekst waardoor het doel van de link niet duidelijk is. Voeg een alt tekst aan de afbeelding toe die het linkdoel omschrijft.

2.4.5: Multiple Ways

Result: Passed

2.4.6: Headings and Labels

Result: Failed

Observations:

De afbeelding van het logo van de provincie Noord-Holland in de menubalk onderaan de verschillende pagina's, heeft als zichtbaar tekstlabel 'provincie Noord-Holland' de link gaat echter naar de hoofdpagina van het huis van Hilde Dit is verwarrend voor gebruikers met een visuele of cognitieve beperking die gebruik maken van voorleessoftware. Een goede oplossing zou zijn om dit logo te vervangen door dat van het huis van Hilde.

2.4.7: Focus Visible

Result: Passed

2.4.11: Focus Not Obscured (Minimum)

Result: Failed

Observations:

Wanneer de toetsenbordfocus op het hamburgermenu geplaatst is en deze wordt geopend verbergt deze de onderliggende pagina met het hamburgermenu element en de focus indicator die nog op het hamburgermenu staat. De oplossing zou zijn om het pop up menu dat verschijnt kleiner te maken zodat dit het reeds gefocuste element niet bedekt.

2.5 Input Modalities
Success Criterion Result Observations
2.5.1: Pointer Gestures

Result: Not present

2.5.2: Pointer Cancellation

Result: Passed

2.5.3: Label in Name

Result: Failed

Observations:

De afbeeldingen die als links dienen die verschijnen wanneer vanuit de menubalk op de verschillende pagina's het hamburgermenu wordt geopend hebben een andere toegankelijke naam dan de naam die visueel wordt weergegeven. Dit maakt ze ontoegankelijk voor gebruikers van spraakinvoer en lastig om te begrijpen voor gebruikers van voorleessoftware. De oplossing hier zou zijn om te zorgen dat de aria-labels bij deze elementen de zichtbare tekst matchen.

2.5.4: Motion Actuation

Result: Not present

2.5.7: Dragging Movements

Result: Not present

2.5.8: Target Size (Minimum)

Result: Passed

3 Understandable

3.1 Readable
Success Criterion Result Observations
3.1.1: Language of Page

Result: Passed

3.1.2: Language of Parts

Result: Failed

Observations:

De tekst van de skiplink die aan het begin va elke pagina te vinden is door middel van de tabtoets heeft een zichtbare en toegankelijk naam in het Engels 'Skip to main content' terwijl de rest van de site in het Nederlands is geschreven. Het is raadzaam hier een taalwissel naar het Engels aan te geven voor schermleessoftware of de linktekst in het Nederlands weer te geven.

3.2 Predictable
Success Criterion Result Observations
3.2.1: On Focus

Result: Passed

3.2.2: On Input

Result: Passed

3.2.3: Consistent Navigation

Result: Passed

3.2.4: Consistent Identification

Result: Passed

3.2.6: Consistent Help

Result: Passed

3.3 Input Assistance
Success Criterion Result Observations
3.3.1: Error Identification

Result: Not present

3.3.2: Labels or Instructions

Result: Not present

3.3.3: Error Suggestion

Result: Not present

3.3.4: Error Prevention (Legal, Financial, Data)

Result: Not present

3.3.7: Redundant Entry

Result: Not present

3.3.8: Accessible Authentication (Minimum)

Result: Not present

4 Robust

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

Result: Failed

Observations:

De link 'Pagina's' die op elke pagina van de site zichtbaar wordt als je het hamburgermenu opent heeft een <a> element maar geen href-attribuut.

4.1.3: Status Messages

Result: Not present

Sample of Audited Web Pages

  1. Homepagina - https://nota.noord-holland.nl/archeologiecanon/
  2. Intro - https://nota.noord-holland.nl/archeologiecanon/intro
  3. Archeologie - https://nota.noord-holland.nl/archeologiecanon/archeologie
  4. Schoolbezoek - https://nota.noord-holland.nl/archeologiecanon/schoolbezoek
  5. Inhoud - https://nota.noord-holland.nl/archeologiecanon/inhoud
  6. Nieuwe Steentijd - https://nota.noord-holland.nl/archeologiecanon/5300-2000-vchr
  7. Bronstijd - https://nota.noord-holland.nl/archeologiecanon/2000-800-vchr
  8. IJzertijd - https://nota.noord-holland.nl/archeologiecanon/800-vchr-0
  9. Romeins-Germaanse Tijd - https://nota.noord-holland.nl/archeologiecanon/0-450-n-chr
  10. Vroege Middeleeuwen - https://nota.noord-holland.nl/archeologiecanon/450-1000
  11. Late Middeleeuwen - https://nota.noord-holland.nl/archeologiecanon/1000-1500
  12. Nieuwe tijd - 16de eeuw - https://nota.noord-holland.nl/archeologiecanon/1500-1600
  13. Nieuwe tijd – 17de eeuw - https://nota.noord-holland.nl/archeologiecanon/1600-1700
  14. Nieuwe tijd - 18de eeuw - https://nota.noord-holland.nl/archeologiecanon/1700-1800
  15. Nieuwe tijd 19de eeuw - https://nota.noord-holland.nl/archeologiecanon/1800-1900
  16. Nieuwe tijd - Eerste helft 20ste eeuw - https://nota.noord-holland.nl/archeologiecanon/1900-1950
  17. Colofon - https://nota.noord-holland.nl/archeologiecanon/colofon

Web Technology

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

Recording of Evaluation Specifics