Onderzoeksresultaten toegankelijkheid

Het Zeeuws Archief heeft een onderzoek laten uitvoeren naar de digitale toegankelijkheid van zijn website. Lees het verslag.

Verslag toegankelijkheid Zeeuwsarchief.nl

Verslag toegankelijkheidsaudit website Zeeuws Archief (https://www.zeeuwsarchief.nl/) conform toegankelijkheidsnorm EN 301 549 (WCAG 2.2 niveau A + AA succescriteria).

Uitgevoerd door Milou de Veen namens DPI, in opdracht van Zeeuws Archief op 18 maart 2025. Dit verslag is herzien op 28 mei 2025 naar aanleiding van een optimalisatie.

Scope

De toegankelijkheidsaudit is van toepassing op alle pagina’s van https://www.zeeuwsarchief.nl/.

Tevens is de toegankelijkheid van de archieven en collecties, van belang voor het functioneren van https://www.zeeuwsarchief.nl/ onderwerp van deze toegankelijkheidsaudit.

Via de website https://www.zeeuwsarchief.nl/ kan gezocht worden in de archieven en collecties van het Zeeuws Archief. De beschrijvingen en scans van deze archieven en collecties heeft het Zeeuws Archief gepubliceerd via https://www.archieven.nl/, eigendom van De Ree Archiefsystemen in Groningen.

Omvang onderzoek

De toegankelijkheidsaudit omvat alle 50 eisen uit de Europese toegankelijkheidsnorm EN 301 549 (= de WCAG 2.2 niveau A en AA succescriteria).

Methodiek

Voor de toegankelijkheidsaudit van de Zeeuws Archief-website is de standaard evaluatiemethodiek WCAG-em (Website Accessibility Conformance Evaluation Methodology) gehanteerd.

Basisniveau toegankelijkheidsondersteuning

Moderne webbrowsers zoals Microsoft Edge, Mozilla Firefox en Google Chrome, met en zonder NVDA. Modern mobiele apparaten met iOS of Android. Tekstbrowser Links.

Gebruikte technologieën

  • HTML5
  • WAI-ARIA
  • CSS
  • DOM
  • ECMAScript 5
  • ECMAScript 3
  • SVG

Geteste software

  • Mozilla Firefox 136.0 (64-bit)
  • Google Chrome 134.0.6998.107 (64-bit)
  • Microsoft Edge 134.0.3124.72 (64-bit)
  • NVDA 2024.4.2

Geteste pagina’s

Een combinatie van structureel en steekproefsgewijs gekozen pagina’s:

  • Homepagina
  • Archiefpagina
  • Tekstpagina
  • Nieuwsoverzichtpagina
  • Nieuwsdetailpagina
  • Inlogpagina

1. Waarneembaar

1.1 Tekstalternatieven

Lever tekstalternatieven voor alle niet-tekstuele content, zodat die veranderd kan worden in andere vormen die mensen nodig hebben, zoals grote letters, braille, spraak, symbolen of eenvoudigere taal.

1.1.1 Niet-tekstuele content

Op de archiefpagina worden iconen gebruikt die puur decoratief zijn, hier is geen alternatieve tekst nodig.

Helaas bestaat hier (op de archiefpagina) afhankelijkheid van een externe leverancier en is er geen directe invloed op het doorvoeren van aanpassingen.

1.2 Op tijd gebaseerde media

Lever alternatieven voor op tijd gebaseerde media.

1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)

Er zijn twee audio-opnamen gevonden, gebruikt in twee verschillende mediaspelers. Beiden geven geen volledig alternatief voor tekst.

Helaas bestaat hier (op de archiefpagina) afhankelijkheid van een externe leverancier en is er geen directe invloed op het doorvoeren van aanpassingen.

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

(Niveau A)

Niveau: Voldoende

1.2.3 Audiodescriptie op media-alternatief (vooraf opgenomen)

(Niveau A)

Resultaat: niet van toepassing

1.2.4 Ondertitels voor doven en slechthorende (live)

(Niveau AA)

Resultaat: niet van toepassing

1.2.5 Audiodescriptie (vooraf opgenomen)

(Niveau AA)

Resultaat: niet van toepassing

1.3 Aanpasbaar

Creëer content die op verschillende manieren gepresenteerd kan worden (bijvoorbeeld eenvoudiger lay-out) zonder verlies van informatie of structuur.

1.3.1 Info en relaties

Op meerdere pagina’s, bijvoorbeeld de homepagina, wordt een “headings-jump” gedaan. De volgorde van koppen staat hier de betekenis van de pagina in de weg. Wat hiermee wordt bedoeld, is dat een h1 naar een h3 springt terwijl er een h2 wordt verwacht.

1.3.2 Betekenisvolle volgorde

Op pagina’s met een back-to-top-knop is deze knop visueel boven het footer-element geplaatst, maar hij wordt pas als laatste bereikt via de tab-toets. Dit zorgt voor een inconsistente focusvolgorde.

1.3.3 Zintuiglijke eigenschappen

(Niveau A)

Situatie: Voldoende

1.3.4 Weergavestand

(Niveau AA)

Situatie: Voldoende

1.3.5 Identificeer het doel van de input

(Niveau AA)

Situatie: Voldoende

1.4 Onderscheidbaar

Maak het voor gebruikers gemakkelijker om content te horen en te zien, waaronder scheiding van voorgrond en achtergrond.

1.4.1 Gebruik van kleur

(Niveau A)

Situatie: Voldoende

1.4.2 Geluidsbediening

(Niveau A)

Situatie: Voldoende

1.4.3 Contrast (minimum)

Het contrast tussen achtergrondkleuren en tekstkleuren is altijd minimaal 4.5 en 1.

Contrast moet groter op de volgende plaatsen:

  • Tekst in de homehero
  • Tekst in de wissel van taal knop
  • Zoekicoon

1.4.4 Herschalen van tekst

(Niveau AA)

Situatie: Voldoende

1.4.5 Afbeeldingen van tekst

Op de archiefpagina is tekst in de afbeelding gevonden op de archiefpagina wanneer een afbeelding onzichtbaar is. Dit is gedaan vanwege auteursrechten. In deze afbeelding staat het volgende: Afbeelding onzichtbaar? Dat kan vanwege auteursrechten, bescherming privéleven (wet AVG). De alternatieve tekst attribuut zegt het volgende: “455-737 Nieuw en St. Joosland, Beatrixstraat. Gezicht op de Beatrixstraat te Nieuw- en Sint Joosland”.

Helaas bestaat hier (op de archiefpagina) afhankelijkheid van een externe leverancier en is er geen directe invloed op het doorvoeren van aanpassingen.

1.4.10 Reflow

(Niveau AA)

Situatie: Voldoende

1.4.11 Contrast van niet tekstuele content

(Niveau AA)

Zoekicoon in grote searchbar is te laag.

1.4.12 Tekstafstand

(Niveau AA)

Situatie: Voldoende

1.4.13 Content bij hover en focus

(Niveau AA)

Situatie: Voldoende

2. Bedienbaar

Componenten van de gebruikersinterface en navigatie moeten bedienbaar zijn.

2.1 Toetsenbord Toegankelijk

Maak alle functionaliteit beschikbaar vanaf een toetsenbord.

2.1.1 Toetsenbord

(Niveau A)

Situatie: Voldoende

2.1.2 Geen toetsenbordval

(Niveau A)

Situatie: Voldoende

2.1.4 Enkel teken sneltoetsen

(Niveau A)

Situatie: Voldoende

2.2 Genoeg tijd

Geef gebruikers genoeg tijd om content te lezen en te gebruiken.

2.2.1 Timing aanpasbaar

(Niveau A)

Situatie: Voldoende

2.2.2 Pauzeren stoppen verbergen

Mediaspelers lijken niet te kunnen pauzeren of af te spelen met alleen een toetsenbord.

2.3 Toevallen en fysieke reacties

Ontwerp content niet op een manier waarvan bekend is dat die toevallen of fysieke reacties veroorzaakt.

2.3.1 Drie flitsen of beneden drempelwaarde

(Niveau A)

Resultaat: niet van toepassing

2.4 Navigeerbaar

Lever manieren om gebruikers te helpen navigeren, content te vinden en te bepalen waar ze zijn.

2.4.1 Blokken omzeilen

Er is met een optimalisatie een skiplink gemaakt, deze is verder niet visueel. Dit element ontvangt ook geen tab focus wanneer het getabt wordt. Dit moet met de volgende optimalisatie van de website worden meegenomen.

2.4.2 Paginatitel

(Niveau A)

Resultaat: Voldoende

2.4.3 Focusvolgorde

Op pagina’s met een back-to-top-knop is deze knop visueel boven het footer-element geplaatst, maar hij wordt pas als laatste bereikt via de tab-toets. Dit zorgt voor een inconsistente focusvolgorde.

2.4.4 Linkdoel in context

Het linkdoel kan niet worden bepaald uit enkel de linktekst. Op de archiefpagina zit een lege link in de breadcrumbs in het homelogo. Er worden alt-teksten gebuikt in links op de archiefpagina.

2.4.5 Meerdere manieren

(Niveau AA)

Situatie: Voldoende

2.4.6 Koppen en labels

(Niveau AA)

Koppen en labels beschrijven wat er komt, dus dat gaat goed.

2.4.7 Focus zichtbaar

(Niveau AA)

Situatie: Voldoende

2.4.11 Focus niet bedekt

Situatie: Voldoende

2.5 Input modaliteiten

Maak het eenvoudiger voor gebruikers om de functionaliteit te bedienen met andere vormen van invoer dan alleen het toetsenbord.

2.5.1 Aanwijzer Gebaren

(Niveau A)

Situatie: Niet van toepassing

2.5.2 Aanwijzer annulering

(Niveau A)

Situatie: Niet van toepassing

2.5.3 Label in naam

(Niveau A)

Situatie: Voldoende

2.5.4 Bewegingsactivering

(Niveau A)

Situatie: Niet van toepassing

2.5.7 Sleepbewegingen

Situatie: Niet van toepassing

2.5.8 Grootte van aanwijsgebied

Op de archiefpagina zijn er targets die kleiner zijn dan 24px. Voorbeeld: https://www.zeeuwsarchief.nl/onderzoek-het-zelf/archief/?mizig=261

Helaas bestaat hier (op de archiefpagina) afhankelijkheid van een externe leverancier en is er geen directe invloed op het doorvoeren van aanpassingen.

3. Begrijpelijk

Informatie en de bediening van de gebruikersinterface moeten begrijpelijk zijn.

3.1 Leesbaar

Maak tekst leesbaar en begrijpelijk.

3.1.1 Taal van de pagina

(Niveau A)

Situatie: Voldoende

3.1.2 Taal van onderdelen

(Niveau AA)

Situatie: Voldoende

3.2 Voorspelbaar

Maak het uiterlijk en de bediening van webpagina’s voorspelbaar.

3.2.1 Bij focus

(Niveau A)

Situatie: Niet van toepassing

3.2.2 Bij input

(Niveau A)

Situatie: Niet van toepassing

3.2.3 Consistente navigatie

(Niveau AA)

Situatie: Voldoende

3.2.4 Consistente identificatie

(Niveau AA)

Situatie: Voldoende

3.2.6 Consistente hulp

(Niveau AA)

Situatie: Voldoende

Contactgegevens van Zeeuws Archief staan consistent op dezelfde plek weer gegeven, dit gaat om telefoonnummer, locatie en sociale media kanalen.

3.3 Assistente bij invoer

Help gebruikers om fouten te vermijden en ze te verbeteren.

3.3.1 Foutidentificatie

Op de archiefpagina zijn een aantal velden gebruikt waar alleen nummers in kunnen worden getypt. Alleen het lijkt op kleine tekstvelden. Daarnaast wordt er op de inlogpagina een klein formulier getoond.

Bij het onjuist of onvolledig invullen van het formulier verschijnt een foutmelding. Deze foutmelding wordt gegenereerd met HTML-formulier validatie. De foutmelding beschrijft niet in de tekst waar de fout is en de foutmelding is niet gekoppeld aan het onderdeel waar de fout zit. Ook wordt de melding in het Engels getoond als de gebruiker op de Nederlandse inlogpagina is.

Helaas bestaat hier (op de archiefpagina) afhankelijkheid van een externe leverancier en is er geen directe invloed op het doorvoeren van aanpassingen.

3.3.2 Labels of instructies

(Niveau A)

Situatie: Voldoende

3.3.3 Foutsuggestie

(Niveau AA)

Niet van toepassing.

3.3.4 Foutpreventie (wettelijk, financieel gegevens)

(Niveau AA)

Situatie: Niet van toepassing

3.3.7 Overbodige invoer

(Niveau AA)

Situatie: Niet van toepassing

3.3.8 Toegankelijke authenticatie

(Niveau AA)

Situatie: Niet van toepassing

4. Robuust

Content moet voldoende robuust zijn om betrouwbaar geïnterpreteerd te kunnen worden door een breed scala van user agents, met inbegrip van hulp technologieën.

4.1 Compatibel

Maximaliseer compatibiliteit met huidige en toekomstige user agents, met inbegrip van hulptechnologieën.

4.1.1. Parsen

(Niveau A)

Situatie: Voldoende

4.1.2 Naam, rol, waarde

  • Op de archiefpagina wordt een lege tabel-header gebruikt.
  • Back to top button heeft een title ipv een aria-label
  • Duplicate id’s gevonden
  • Filterfunctie heeft een close button maar wordt een a gebruikt ipv een button

4.1.3 Statusberichten

(Niveau AA)

Situatie: Niet van toepassing

5. Eisen

5.1 Normatieve eisen interpreteren

De belangrijkste inhoud van WCAG 2.2 is normatief en definieert de eisen die invloed hebben op conformiteitsclaims. Inleidend materiaal, bijlagen, paragrafen die zijn gemarkeerd als “niet-normatief”, schema’s, voorbeelden en opmerkingen zijn informatief (niet-normatief). Niet-normatief materiaal geeft advies en informatie over het interpreteren van de richtlijnen, maar schrijft geen eisen voor die gevolgen hebben voor een conformiteitsclaim.

De belangrijke woorden MOGEN, MOETEN, MOETEN NIET, NIET AANBEVOLEN, AANBEVOLEN, ZOUDEN MOETEN en ZOUDEN NIET MOETEN, moeten worden geïnterpreteerd zoals beschreven in [RFC2119].

5.2 Conformiteitseisen

Een webpagina is conform WCAG 2.2 als deze aan alle volgende conformiteitseisen voldoet:

5.2.1 Conformiteitsniveau

De website is wettelijk verplicht te conformeren aan Niveau AA en daarmee automatisch ook Niveau A. Dit is waar de website in het kader van deze audit op is gecheckt en waarover advies is uitgebracht. Er bestaat ook een Niveau AAA, maar dat is buiten de scope van deze audit, mede omdat dit buiten de gestelde eisen valt. Het zou kunnen dat de website voldoet aan onderdelen van Niveau AAA die niet in Niveau AA of Niveau A beschreven zijn, maar dit is onbekend.

5.2.2 Volledige pagina’s

Conformiteit (en conformiteitsniveau) is slechts voor volledige webpagina(s) en kan niet worden bereikt als een deel van de webpagina wordt uitgesloten.

De audit is uitgevoerd op volledige pagina’s, maar niet op álle pagina’s. In plaats daarvan is steekproefsgewijs getest en daarbij is getracht in elk geval alle sóórten pagina’s te ontsluiten.

5.2.3 Volledige processen

Niet van toepassing.

5.2.4 Louter door toegankelijkheid ondersteunde manieren om technologieën te gebruiken

Om te voldoen aan succescriteria wordt gesteund op de beschikbaarheid van louter door toegankelijkheid ondersteunde manieren om technologieën te gebruiken. Elke informatie of functionaliteit die geleverd wordt op een manier die niet door toegankelijkheid ondersteund wordt, is ook beschikbaar op een manier die door toegankelijkheid ondersteund is. (Zie Understanding accessibility support.)

5.2.5 Niet-interferentie

Als technologieën gebruikt worden op een manier die niet door toegankelijkheid ondersteund  wordt of als ze gebruikt worden op een niet-conforme manier, dan blokkeren ze niet het vermogen van de gebruiker om de rest van de pagina te bereiken.

Bovendien blijft de webpagina als geheel voldoen aan de conformiteitseisen onder elk van de volgende voorwaarden:

  1. als om het even welke technologie waarop niet gesteund wordt, is aangezet in een user agent;
  2. als om het even welke technologie waarop niet gesteund wordt, is uitgezet in een user agent;
  3. als om het even welke technologie waarop niet gesteund wordt, niet ondersteund wordt door een user agent.

5.3 Conformiteitsclaims (optioneel)

Conformiteit is alleen gedefinieerd voor webpagina’s. Er kan evenwel een conformiteitsclaim gemaakt worden voor één pagina, voor een serie pagina’s of voor meerdere verwante webpagina’s.

5.3.1 Vereiste componenten van een conformiteitsclaim

Conformiteitsclaims zijn niet verplicht volgens de WCAG 2.2, maar het zou kunnen dat dit overheidswege wel verlangd wordt van Zeeuws Archief. In zulks geval zal er een webpagina ingericht moeten worden waar de belangrijkste punten worden genoemd. De WCAG 2.2 stelt wél eisen aan de informatie die minimaal wordt benoemd áls een website een conformiteitsclaim heeft.

5.3.2 Optionele componenten van een conformiteitsclaim

Het advies is een toegankelijkheidsverklaring in de website opnemen die meer relevante informatie bevat dan de WCAG 2.2 voor een conformiteitsclaim verplicht stelt.

5.4 Verklaring van partiële conformiteit – Content van derden

Soms worden webpagina’s gecreëerd waaraan later aanvullende content wordt toegevoegd. Bijvoorbeeld een e-mailprogramma, een blog, een artikel dat gebruikers toestaat commentaar toe te voegen of applicaties die door de gebruiker bijgedragen content ondersteunen. Nog een voorbeeld zou een pagina zijn, zoals een portal of een nieuwssite, die is samengesteld uit content die wordt samengesteld vanuit meerdere leveranciers, of websites die automatisch in de loop van tijd content uit andere bronnen invoegen, zoals wanneer advertenties dynamisch worden ingevoegd.

5.5 Verklaring van partiële conformiteit – Taal

Niet van toepassing. Nederlands en Engels zouden geen beperkingen moeten opleveren voor de toegankelijkheid.

Conclusie

Bij de toegankelijkheidsaudit van 18 maart 2025 kwamen wat technische zaken naar voren. Die zijn in mei 2025 grotendeels opgelost, door het uitvoeren van de volgende zaken:

  • Zoekicoon contrast verhogen
  • Arialabels toevoegen op elementen die dit missen
  • Lege tableheader eruit halen
  • Decoratieve iconen goed markeren
  • FAQ-component semantiek goed zetten
  • Breadcrumbs screenreader context toevoegen
  • Checkbox target vergroten
  • Skiplinks toevoegen en testen met screenreader
  • Duplicate id’s eruit halen
  • Labels toevoegen waar ze missen
  • Knoppen toevoegen ipv anchor tags
  • Witte tekst “switch to English” aanpassen kleur of aanpassen naar menu
  • Custom form validatie login pagina
  • Tabvolgorde goed zetten
  • Codereviews
  • Witte teksten in hero aanpassen (kleur aanpassen was niet genoeg om dit probleem op te lossen) door een designer contrastrerende blokken te laten ontwerpen.

Welke maatregelen worden nog genomen?

Een punt dat nog moet worden aangepakt is het consistent maken van alle koppen, waarbij er een logische volgorde bestaat tussen H1, H2 en H3. Het Zeeuws Archief wil dit op 31 december 2025 gerealiseerd hebben.

Punten waarop het Zeeuws Archief geen directe invloed heeft

Voor alle hieronder genoemde resterende punten geldt dat deze voor een koppeling naar de archiefpagina gelden.

Helaas zijn we hier afhankelijk van een externe leverancier en is het onduidelijk of en zo ja wanneer deze de genoemde punten gaat oppakken.

Het Zeeuws Archief blijft bij deze externe leverancier aandringen op aandacht voor toegankelijkheid in het algemeen en het aanpakken van deze punten in het bijzonder.

1.1.1 Niet-tekstuele content

Op de archiefpagina worden iconen gebruikt die puur decoratief zijn, hier is geen alternatieve tekst nodig.

2.5.8 Grootte van aanwijsgebied
Op de archiefpagina zijn er targets die kleiner zijn dan 24px. https://www.zeeuwsarchief.nl/onderzoek-het-zelf/archief/?mizig=261

3.3.1 Foutidentificatie
Op de archiefpagina zijn een aantal velden gebruikt waar alleen nummers in kunnen worden getypt. Alleen het lijkt op kleine tekstvelden. Daarnaast wordt er op de inlogpagina een klein formulier getoond. Bij het onjuist of onvolledig invullen van het formulier verschijnt een foutmelding. Deze foutmelding wordt gegenereerd met HTML-formulier validatie.

De foutmelding beschrijft niet in de tekst waar de fout is en de foutmelding is niet gekoppeld aan het onderdeel waar de fout zit. Ook wordt de melding in het Engels getoond als de gebruiker op de Nederlandse inlogpagina is.

4.1.2 Naam, rol, waarde

  • Op de archiefpagina wordt een lege tabel-header gebruikt.
  • Filterfunctie heeft een close button maar hier wordt een a gebruikt i.p.v. een button.

Wat als je als bezoeker toegankelijkheidsproblemen ervaart?

Loop je tegen een toegankelijkheidsprobleem aan? Of heb je een vraag of opmerking over toegankelijkheid?
Neem dan hier contact op.

Wat kun je van ons verwachten?

  • Binnen 5 werkdagen krijg je een ontvangstbevestiging.
  • We informeren je over de voortgang en de uitkomst.
  • Binnen 3 weken is je verzoek afgehandeld.

Handhavingsprocedure

Ben je niet tevreden met de manier waarop je klacht is behandeld? Of hebben we niet op tijd gereageerd?
Dan kun je hier contact opnemen.