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.
- 21 Passed
- 17 Failed
- 0 Cannot tell
- 17 Not present
- 0 Not checked
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
- Homepagina - https://nota.noord-holland.nl/archeologiecanon/
- Intro - https://nota.noord-holland.nl/archeologiecanon/intro
- Archeologie - https://nota.noord-holland.nl/archeologiecanon/archeologie
- Schoolbezoek - https://nota.noord-holland.nl/archeologiecanon/schoolbezoek
- Inhoud - https://nota.noord-holland.nl/archeologiecanon/inhoud
- Nieuwe Steentijd - https://nota.noord-holland.nl/archeologiecanon/5300-2000-vchr
- Bronstijd - https://nota.noord-holland.nl/archeologiecanon/2000-800-vchr
- IJzertijd - https://nota.noord-holland.nl/archeologiecanon/800-vchr-0
- Romeins-Germaanse Tijd - https://nota.noord-holland.nl/archeologiecanon/0-450-n-chr
- Vroege Middeleeuwen - https://nota.noord-holland.nl/archeologiecanon/450-1000
- Late Middeleeuwen - https://nota.noord-holland.nl/archeologiecanon/1000-1500
- Nieuwe tijd - 16de eeuw - https://nota.noord-holland.nl/archeologiecanon/1500-1600
- Nieuwe tijd – 17de eeuw - https://nota.noord-holland.nl/archeologiecanon/1600-1700
- Nieuwe tijd - 18de eeuw - https://nota.noord-holland.nl/archeologiecanon/1700-1800
- Nieuwe tijd 19de eeuw - https://nota.noord-holland.nl/archeologiecanon/1800-1900
- Nieuwe tijd - Eerste helft 20ste eeuw - https://nota.noord-holland.nl/archeologiecanon/1900-1950
- Colofon - https://nota.noord-holland.nl/archeologiecanon/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