Rapport in PDF

Deelonderzoek content havenenkhuizen.nl

Inleiding

Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?

Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.

Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle 50 criteria onder WCAG 2.1 A en AA. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.

De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).

Over deze evaluatie

Rapport auteur
Janita Top
Evaluatie opdrachtgever
SED
Evaluatiedatum
25 juni 2025

Managementsamenvatting

Dit rapport bevat het deelonderzoek content. In combinatie met het technische onderzoek vormt dit een volledig toegankelijkheidsonderzoek van de website. Uit dit onderzoek blijkt dat wordt voldaan aan 20 van de 24 content-specifieke criteria voor toegankelijkheid. Veel onderdelen van de site zijn dus al goed toegankelijk, maar er zijn nog verbeteringen mogelijk.

Positief is bijvoorbeeld dat er geen afbeeldingen van tekst worden gebruikt, dat er geen bewegende onderdelen worden gebruikt die niet gepauzeerd kunnen worden en dat de pagina's goede titels hebben.

Verbeteringen zijn echter nog mogelijk op enkele punten, zoals:

  • Onjuiste of missende alt-teksten bij afbeeldingen
  • Onjuist opgemaakte koppen
  • Onjuist opgemaakte tabellen

Scope van de evaluatie

Website naam
havenenkhuizen.nl
Scope van de website
Alle pagina's op https://www.havenenkhuizen.nl/.
WCAG Versie
2.1
Conformiteitsdoel
AA
Basisniveau van toegankelijkheid-ondersteuning
Gangbare webbrowsers en hulpapparatuur.
Verdere onderzoeksvereisten
Niet ingevuld

Uitgebreide toetsresultaten

Samenvatting

Gerapporteerd over 24 van 50 WCAG 2.1 AA Success Criteria.

Alle resultaten

1 Waarneembaar

1.1 Tekstalternatieven
Success Criterium Uitkomst Bevindingen
1.1.1: Niet-tekstuele content
Hele sample

Uitkomst: Onvoldoende

Haven Beroepsvaart

Uitkomst: Onvoldoende

Faciliteiten

Uitkomst: Onvoldoende

Hele sample

De alt-tekst van het logo in de footer is niet correct. Op de afbeelding staat ‘Gemeente Enkhuizen’, maar de alt-tekst luidt ‘Logo - De haven Enkhuizen’. Een screenreadergebruiker krijgt hierdoor andere informatie dan een ziende gebruiker. Zorg dat deze teksten met elkaar overeenkomen.

Haven Beroepsvaart

Binnen de pagina staan meerdere foto’s met een lege alt-tekst. Dit lijken echter geen decoratieve foto’s, maar foto’s van de beschreven locaties. Geef deze daarom een goede beschrijving.

Faciliteiten

Binnen de vragen die uitgeklapt kunnen worden staan meerdere foto’s met een lege alt-tekst. Dit lijken echter geen decoratieve foto’s. Geef deze een goede beschrijving.

1.2 Op tijd gebaseerde media
Success Criterium Uitkomst Bevindingen
1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing

1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing

1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing

1.2.4: Ondertitels voor doven en slechthorenden (live)
Hele sample

Uitkomst: Niet van toepassing

1.2.5: Audiodescriptie (vooraf opgenomen)
Hele sample

Uitkomst: Niet van toepassing

1.3 Aanpasbaar
Success Criterium Uitkomst Bevindingen
1.3.1: Info en relaties
Hele sample

Uitkomst: Onvoldoende

Homepage

Uitkomst: Onvoldoende

Tarieven

Uitkomst: Onvoldoende

Homepage

Er zijn op deze pagina h3-koppen waar geen content achter volgt, zoals ‘De havens’. Dit is verwarrend voor screenreadergebruikers die navigeren via koppen. Beter is het om deze in de HTML enkel als links op te maken. Zie screenshot 1. Dit komt ook voor op pagina ‘De havens’.

Tarieven

De tabellen zijn niet correct opgemaakt. De tabelkoppen in de eerste kolom zijn niet als tabelheader (th) opgemaakt, maar als tabeldata (td) in combinatie met een strong-element. Hierdoor kan een screenreader niet de juiste cellen aan elkaar koppelen. Zet de rijkoppen in een th-element met een rowspan voor het aantal rijen als dit meer is dan één, zoals bijvoorbeeld bij Bedrijfsvaartuig. Zie screenshot 2.

1.3.2: Betekenisvolle volgorde
Hele sample

Uitkomst: Niet getoetst

1.3.3: Zintuiglijke eigenschappen
Hele sample

Uitkomst: Voldoende

1.3.4: Weergavestand
Hele sample

Uitkomst: Niet getoetst

1.3.5: Identificeer het doel van de input
Hele sample

Uitkomst: Niet getoetst

1.4 Onderscheidbaar
Success Criterium Uitkomst Bevindingen
1.4.1: Gebruik van kleur
Hele sample

Uitkomst: Voldoende

1.4.2: Geluidsbediening
Hele sample

Uitkomst: Niet van toepassing

1.4.3: Contrast (minimum)
Hele sample

Uitkomst: Voldoende

Hele sample

Opmerking: in de cookiemelding heeft te knop ‘voorkeuren opslaan’ te weinig contrast in de hoog contrast modus. Ook is het niet erg duidelijk wanneer de schakelknop aan staat. Zie screenshot 5.

1.4.4: Herschalen van tekst
Hele sample

Uitkomst: Niet getoetst

1.4.5: Afbeeldingen van tekst
Hele sample

Uitkomst: Voldoende

1.4.10: Reflow
Hele sample

Uitkomst: Niet getoetst

1.4.11: Contrast van niet-tekstuele content
Hele sample

Uitkomst: Voldoende

1.4.12: Tekstafstand
Hele sample

Uitkomst: Niet getoetst

1.4.13: Content bij hover of focus
Hele sample

Uitkomst: Niet getoetst

2 Bedienbaar

2.1 Toetsenbordtoegankelijk
Success Criterium Uitkomst Bevindingen
2.1.1: Toetsenbord
Hele sample

Uitkomst: Niet getoetst

2.1.2: Geen toetsenbordval
Hele sample

Uitkomst: Niet getoetst

2.1.4: Enkel teken sneltoetsen
Hele sample

Uitkomst: Niet getoetst

2.2 Genoeg tijd
Success Criterium Uitkomst Bevindingen
2.2.1: Timing aanpasbaar
Hele sample

Uitkomst: Niet getoetst

2.2.2: Pauzeren, stoppen, verbergen
Hele sample

Uitkomst: Niet getoetst

2.3 Toevallen en fysieke reacties
Success Criterium Uitkomst Bevindingen
2.3.1: Drie flitsen of beneden drempelwaarde
Hele sample

Uitkomst: Voldoende

2.4 Navigeerbaar
Success Criterium Uitkomst Bevindingen
2.4.1: Blokken omzeilen
Hele sample

Uitkomst: Niet getoetst

2.4.2: Paginatitel
Hele sample

Uitkomst: Voldoende

2.4.3: Focus volgorde
Hele sample

Uitkomst: Niet getoetst

2.4.4: Linkdoel (in context)
Hele sample

Uitkomst: Onvoldoende

Tarieven

Uitkomst: Onvoldoende

Hele sample

Opmerking: de link naar Toegankelijkheid in de footer geeft een 404.

Tarieven

Binnen de h2-kop ‘Zie ook’ staat een link zonder tekst. Deze staat er waarschijnlijk onbedoeld en kan het best worden weggehaald.

2.4.5: Meerdere manieren
Hele sample

Uitkomst: Niet getoetst

2.4.6: Koppen en labels
Hele sample

Uitkomst: Voldoende

Agenda

Uitkomst: Voldoende

Agenda

Opmerking: Het label om te zoeken heeft als tekst ‘Zoek naar Evenementen op keyword.’ De zichtbare placeholder in hoog contrast is enkel ‘keyword’. Zie screenshot 4. Beter is het om labels geheel in de standaardtaal (Nederlands) te tonen.

2.4.7: Focus zichtbaar
Hele sample

Uitkomst: Niet getoetst

2.5 Input Modaliteiten
Success Criterium Uitkomst Bevindingen
2.5.1: Aanwijzergebaren
Hele sample

Uitkomst: Niet getoetst

2.5.2: Aanwijzerannulering
Hele sample

Uitkomst: Niet getoetst

2.5.3: Label in naam
Hele sample

Uitkomst: Voldoende

2.5.4: Bewegingsactivering
Hele sample

Uitkomst: Niet getoetst

3 Begrijpelijk

3.1 Leesbaar
Success Criterium Uitkomst Bevindingen
3.1.1: Taal van de pagina
Hele sample

Uitkomst: Niet getoetst

3.1.2: Taal van onderdelen
Hele sample

Uitkomst: Niet van toepassing

3.2 Voorspelbaar
Success Criterium Uitkomst Bevindingen
3.2.1: Bij focus
Hele sample

Uitkomst: Niet getoetst

3.2.2: Bij input
Hele sample

Uitkomst: Niet getoetst

3.2.3: Consistente navigatie
Hele sample

Uitkomst: Niet getoetst

3.2.4: Consistente identificatie
Hele sample

Uitkomst: Voldoende

3.3 Assistentie bij invoer
Success Criterium Uitkomst Bevindingen
3.3.1: Foutidentificatie
Hele sample

Uitkomst: Niet van toepassing

3.3.2: Labels of instructies
Hele sample

Uitkomst: Niet van toepassing

3.3.3: Foutsuggestie
Hele sample

Uitkomst: Niet van toepassing

3.3.4: Foutpreventie (wettelijk, financieel, gegevens
Hele sample

Uitkomst: Niet getoetst

4 Robuust

4.1 Compatibel
Success Criterium Uitkomst Bevindingen
4.1.1: Parsen
Hele sample

Uitkomst: Niet getoetst

4.1.2: Naam, rol, waarde
Hele sample

Uitkomst: Onvoldoende

De havens

Uitkomst: Onvoldoende

Agenda

Uitkomst: Voldoende

De havens

De iframe met de kaart heeft geen toegankelijke naam. Gebruikers van hulpsoftware weten niet wat er in dit iframe staat en of ze deze daarom willen openen of overslaan. Voeg bijvoorbeeld een title attribuut met korte beschrijving toe of een aria-label.

Agenda

Opmerking: onderstaande is een technische bevinding, maar deze implementatie is afwijkend van de implementatie in het technische onderzoek.

Wanneer je een veld of velden bij de filters aanpast en wilt zoeken (submit), krijg je geen nieuwe resultaten. Soms krijg je een popup om in te loggen. De focus gaat vervolgens wel naar de resultaten, maar er blijft een overlay overheen staan. Zie screenshot 3.

4.1.3: Statusberichten
Hele sample

Uitkomst: Niet getoetst

Sample

  1. Homepage - https://www.havenenkhuizen.nl/
  2. Contact - https://www.havenenkhuizen.nl/contact/
  3. De havens - https://www.havenenkhuizen.nl/de-haven/
  4. Haven Beroepsvaart - https://www.havenenkhuizen.nl/de-haven/afmeerlocaties/
  5. Faciliteiten - https://www.havenenkhuizen.nl/faciliteiten/
  6. Tarieven - https://www.havenenkhuizen.nl/tarieven/
  7. Toerisme - https://www.havenenkhuizen.nl/toerisme/
  8. Agenda - https://www.havenenkhuizen.nl/agenda/
  9. Enkhuizer klipperrace - https://www.havenenkhuizen.nl/evenement/enkhuizer-klipperrace/
  10. Binnenhaven - https://www.havenenkhuizen.nl/de-haven/binnenhaven/

Technologie

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

Onderbouwing van de evaluatie

Gebruikte systemen tijdens het onderzoek: Chrome 137 op Mac 15.5

Screenshots

  1. homepage met gemarkeerde koppen
    Figuur 1: achter de h3-koppen volgt geen content (de lege alt-teksten zijn hier wel goed)
  2. tabel beroepsvaart tarieven
    Figuur 2: de rijkoppen staan niet als tabelkop opgemaakt
  3. zoekresultaten achter overlay
    Figuur 3: bij het gebruik van de zoekfunctie komt er een overlay over de resultaten te staan
  4. zoekformulier in hoog contrast
    Figuur 4: de placeholder tekst bij Zoeken staat in het Engels
  5. cookiemelding in hoog contrast
    Figuur 5: in hoog contrast modus hebben niet alle onderdelen van de cookiemelding voldoende contrast