Willemserf 20, 3755XK Eemnes | Tel: 085 5055 890 | E-mail: contact@properaccess.nl | OB-nummer: NL867096755B01
Audit digitale toegankelijkheid website Archief Eemland
Over deze evaluatie
- Rapport auteur
- Proper Access
- Evaluatie opdrachtgever
- Gemeente Amersfoort
- Evaluatiedatum
- 12 januari 2026
Managementsamenvatting
Wij hebben de website archiefeemland.nl onderzocht tussen 3 en 12 januari 2026. Op dit moment zijn 32 van de 55 succescriteria als voldoende beoordeeld. In dit rapport lees je wat er bij de overige 23 nog fout gaat, en hoe je dat kunt verbeteren.
In dit onderzoek hebben we alle 55 toegankelijkheidseisen (succescriteria) uit de norm WCAG 2.2 onderzocht. We hebben het onderzoek uitgevoerd volgens de onderzoeksmethode WCAG-EM.
De meest opvallende bevindingen zijn:
- Gebrekkige tekstalternatieven en toegankelijke namen voor niet-tekstuele content en links: Veel pictogrammen (zoals menuknoppen, vergrootglazen, pijltjes, social media logo's) en informatieve afbeeldingen hebben geen, onjuiste, of onvoldoende beschrijvende tekstalternatieven. Dit maakt de website onbruikbaar voor bezoekers die afhankelijk zijn van schermlezers. Daarnaast ontbreekt bij veel links een duidelijke toegankelijke naam, waardoor het doel van de link onduidelijk is.
- Onvoldoende kleurcontrast en zichtbare focus: Er zijn talloze gevallen waarin de contrastratio tussen tekst en achtergrond te laag is, zowel voor normale tekst als voor interactieve elementen (links, knoppen, invoervelden) en hun focus- of hover-toestanden. Dit maakt de inhoud moeilijk leesbaar voor mensen met visuele beperkingen of kleurenblindheid. Bovendien ontbreekt vaak een zichtbare toetsenbordfocus op interactieve elementen, waardoor toetsenbordgebruikers niet weten waar ze zich op de pagina bevinden.
- Onjuiste of ontbrekende semantische structuur (koppen, lijsten, tabellen, formulieren): Veel visueel opgemaakte koppen zijn niet semantisch gemarkeerd met de juiste HTML-elementen (h1-h6), en het
strong- ofem-element wordt onjuist gebruikt voor opmaak in plaats van semantische nadruk. Lijsten en tabellen bevatten onjuiste elementen of missen toegankelijke sorteerinformatie. Formulieren missen correct gekoppelde labels enautocomplete-attributen, en foutmeldingen krijgen geen focus. Dit alles bemoeilijkt de navigatie en het begrip van de paginastructuur voor gebruikers van hulpsoftware.
Scope van de evaluatie
- Website naam
- Archief Eemland
- Scope van de website
- Binnen de scope van het onderzoek valt:
- Alle pagina's op https://www.archiefeemland.nl/
- 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.
- Kaarten en kaartapplicaties.
- Video's van voor 23.09.2020.
- WCAG Versie
- 2.2
- Conformiteitsdoel
- AA
- Basisniveau van toegankelijkheid-ondersteuning
- Gangbare browsers en hulpapparatuur.
- Verdere onderzoeksvereisten
- Niet ingevuld
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 55 van 55 WCAG 2.2 AA Success Criteria.
- 32 Voldoende
- 23 Onvoldoende
- 0 Onbekend
- 0 Niet van toepassing
- 0 Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.1.1: Niet-tekstuele content |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina’s, op een klein scherm, verschijnt een menuknop met een pictogram van drie horizontale strepen. Dit pictogram heeft geen tekstalternatief. Wanneer een knop alleen uit een afbeelding bestaat, fungeert de alternatieve tekst van de afbeelding als toegankelijke naam van de knop. Voeg de beschrijving toe via een alt-tekst bij het img-element, een aria-label of een tekst die visueel verborgen is, maar toegankelijk voor de schermlezer. Zie pagina https://www.archiefeemland.nl. Op alle pagina’s, op een klein scherm, verschijnt een knop met een vergrootglas-pictogram. Dit pictogram heeft geen tekstalternatief. Hetzelfde probleem geldt voor de sluitknop met het “x”-pictogram. Zie pagina https://www.archiefeemland.nl. Op homepagina https://www.archiefeemland.nl staat bij het zoekveld een knop met een vergrootglasicoon. Dit icoon heeft geen tekstalternatief. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/contact, op pagina https://www.archiefeemland.nl/zoeken-door-alles, op pagina https://www.archiefeemland.nl/over-ons/organisatie en anderen. Op homepagina https://www.archiefeemland.nl staat boven de kop “Bezoekadres” een link met een pijltje. Dit icoon heeft geen tekstalternatief. Op homepagina https://www.archiefeemland.nl staat onder de kop “Laatste nieuws items” een carrousel met het nieuws. Elk nieuwsitem bevat een afbeeldig. De tekstalternatieven van deze afbeeldingen zijn “news”. Deze alternatieve tekst voldoet niet. Zijn de afbeeldingen decoratief? Laat het alt-attribuut (alt="") leeg. Zijn deze afbeeldingen informatief? Beschrijf wat er op de afbeelding te zien is. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staan in de zoekresultaten links met afbeeldingen. De tekstalternatieven van deze afbeeldingen herhalen de linkteksten, bijvoorbeeld “Notariële akten”. Deze afbeeldingen dragen geen andere informatie bij dan al in de linkteksten staat. Daarom kunnen ze als decoratief worden beschouwd. Laat het alt-attribuut leeg om herhaling van de tekst te voorkomen. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staan in de zoekresultaten knoppen met drie puntjes. Wanneer hierop wordt geklikt, opent een dialoogvenster. In dit venster staat naast de link “Stuur een reactie naar Archief Eemland” een decoratief SVG-icoon met een tekstalternatief “organisatie_link-svg”. Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Laat voor SVG-afbeeldingen het title-element leeg of weg. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan zoekresultaten met foto's. Deze informatieve afbeeldingen hebben een leeg alt-attribuut. Afbeeldingen die informatie overdragen moeten een tekstalternatief hebben. De alternatieve tekst mag dus niet leeg zijn. Hierdoor kan een schermlezer de informatie uit de afbeelding overbrengen aan een blinde bezoeker. Voeg een beschrijvende alternatieve tekst toe aan het alt-attribuut. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/detail/b699ee07-8230-4713-a79f-68933d3ce0d1 staan informatieve afbeeldingen met alternatieve teksten “Foto 0”, “Foto 1”. Deze tekst is onvoldoende om de afbeeldingen te beschrijven. Afbeeldingen die informatie overdragen moeten een betekenisvolle alternatieve tekst hebben, waarin de belangrijke informatie uit de afbeelding wordt beschreven. |
1.2 Op tijd gebaseerde media
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen) |
Uitkomst: Voldoende |
Bevindingen: Er is multimedia aanwezig die onder de uitzondering valt. |
| 1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen) |
Uitkomst: Voldoende |
Bevindingen: Er is multimedia aanwezig die onder de uitzondering valt. |
| 1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen) |
Uitkomst: Voldoende |
Bevindingen: Er is multimedia aanwezig die onder de uitzondering valt. |
| 1.2.4: Ondertitels voor doven en slechthorenden (live) |
Uitkomst: Voldoende |
|
| 1.2.5: Audiodescriptie (vooraf opgenomen) |
Uitkomst: Voldoende |
Bevindingen: Er is multimedia aanwezig die onder de uitzondering valt. |
1.3 Aanpasbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.3.1: Info en relaties |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina’s, in de footer, zijn de volgende teksten niet als kop gemarkeerd: “Archief Eemland”, “Volg ons”. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Zie pagina https://www.archiefeemland.nl. Op homepagina https://www.archiefeemland.nl staat een onzichtbare kop van niveau 3 “Afspraak module (homepage)” direct gevolgd door een kop van een hoger niveau “Maak hier een afspraak” (h2). Dit doorbreekt de logische koppenhiërarchie en is verwarrend voor gebruikers van schermlezers. Verwijder de lege kop, voeg er inhoud onder toe of pas de koppenhiërarchie aan. Op homepagina https://www.archiefeemland.nl staat onder de kop “Laatste nieuws items” een carrousel met links. In deze carrousel zijn de volgende teksten niet als kop gemarkeerd: “Openbaarheidsdag 2026”, “Boek: Het verhaal van De Berg, villawijk van Amersfoort” en “Boek: De Moderne Devotie in Amersfoort”. Op pagina https://www.archiefeemland.nl is de tekst “Onderzoeksgidsen” niet als kop gemarkeerd. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/contact met de tekst "Relevante artikelen", "Contact", "Deel deze pagina:"; op de pagina https://www.archiefeemland.nl/over-ons/organisatie met de tekst "Relevante artikelen", "Deel deze pagina:"; op de pagina https://www.archiefeemland.nl/over-ons/nieuws/openbaarheidsdag-2026 met de tekst "Relevante artikelen", "Deel deze pagina:"; en andere koppen. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/contact zijn de tussenkopjes onder “Bereikbaarheid Eemhuis” schuingedrukt met gebruik van het em-element. Het em-element is bedoeld om woorden extra nadruk te geven en heeft een andere semantische waarde dan een kop. Dit element moet daarom niet worden gebruikt voor koppen. De tussenkopjes moeten worden gemarkeerd als h4-koppen voor een correcte structuur. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/contact staat onder de kop “Contact” een lijst. Het lijst-element bevat elementen die niet zijn toegestaan, zoals een span met de tekst “Relevante artikelen”. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/over-ons/organisatie; op de pagina https://www.archiefeemland.nl/over-ons/nieuws/openbaarheidsdag-2026. Op pagina https://www.archiefeemland.nl/zoeken-door-alles wordt onder de zoekresultaten de huidige paginanummer visueel onderscheiden, maar deze informatie ontbreekt in de HTML-code. Hierdoor kan een schermlezer deze informatie niet doorgeven aan de bezoeker. Dit kan opgelost worden door een verborgen tekst aan de link toe te voegen of door het attribuut aria-current te gebruiken. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet. Op pagina https://www.archiefeemland.nl/over-ons/organisatie staat onder de kop "Digitale toegankelijkheid" de tekst “Toegankelijkheidsrapport”, waarbij het strong-element onjuist is gebruikt voor opmaakdoeleinden. Het strong-element heeft een semantische waarde en geeft aan dat de tekst extra nadruk moet krijgen. Daarom mag dit element niet worden gebruikt om alleen een visueel effect zoals vetgedrukte tekst te bereiken. Hiervoor moet CSS worden gebruikt. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet waar de hele zin "Wilt u een of ... het Eemhuis!" is gewikkeld in een strong-element om hem vet te maken; op pagina https://www.archiefeemland.nl/bronnen/foto-s/ in de tekst "PDM"; op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5 in de tekst "Afspraak maken studiezaal"; en andere. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat een knop “Meer” die een gedeelte met verborgen inhoud opent. In deze inhoud zijn teksten zoals “Hulp bij uw onderzoek” onjuist gemarkeerd met het strong-element in plaats van met een kop-element. Hetzelfde probleem komt voor na het indrukken van knoppen met drie puntjes, bijvoorbeeld bij “Mijn Studiezaal”. Het strong-element is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons opent de knop “Uitgebreid zoeken” extra inhoud met een formulier. De label-elementen zijn niet expliciet gekoppeld aan de bijbehorende invoervelden, bijvoorbeeld bij “Achternaam”. Label-elementen moeten gekoppeld worden aan hun bijbehorende invoervelden door het attribuut for op het label-element te gebruiken. In dit attribuut moet het id van het invoerveld staan waar het label bij hoort. Hierdoor krijgt het invoerveld een toegankelijke naam en heeft het label een groter klikgebied. Dit maakt het formulier toegankelijker. Omdat het invoerveld op dit moment geen toegankelijke naam heeft, wordt deze bevinding ook vermeld bij succescriterium 4.1.2. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat een tabel. De kolomkoppen van deze tabel zijn knoppen waarmee de tabel oplopend of aflopend kan worden gesorteerd. De sorteerinformatie is alleen visueel zichtbaar en ontbreekt in de HTML. Dit kan worden opgelost door knop-elementen toe te voegen. Dit valt ook onder succescriterium 4.1.2 omdat de juiste rol ontbreekt. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc zijn teksten zoals “Fotonummer” niet als kop gemarkeerd. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc; op de pagina https://www.archiefeemland.nl/hulp-bij-onderzoek/tips/wijken-en-straten met de tekst "Wijken". |
| 1.3.2: Betekenisvolle volgorde |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ is de volgorde van HTML-elementen binnen artikelen onjuist, waarbij links boven de koppen staan. De huidige volgorde is: link, kop, tekst, link. Dat komt doordat de koppen niet bovenaan staan in de code van elk artikel. Dit kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Dit kan worden opgelost door alle inhoud die bij een bepaalde kop hoort, in de code onder die kop te plaatsen. Dit zorgt voor een logische structuur. De visuele vormgeving mag wel afwijken. |
| 1.3.3: Zintuiglijke eigenschappen |
Uitkomst: Voldoende |
|
| 1.3.4: Weergavestand |
Uitkomst: Voldoende |
|
| 1.3.5: Identificeer het doel van de input |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/personen/persons opent de knop “Uitgebreid zoeken” extra inhoud met een formulier. Dit formulier bevat invoervelden voor persoonlijke informatie, zoals “Achternaam”, die het attribuut autocomplete missen. Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het attribuut autocomplete hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invullen, bijvoorbeeld door de velden automatisch aan te vullen. Gebruik het attribuut autocomplete voor alle velden waarin persoonlijke informatie moet worden ingevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5. |
1.4 Onderscheidbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.4.1: Gebruik van kleur |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bezoekersinformatie/contact staat onder de kop “Verwijderen persoonsgegevens” een alinea met een link “ArchiefEemland@amersfoort.nl”. Deze link is alleen te herkennen aan een kleurverschil ten opzichte van de gewone tekst. Dit kan een probleem zijn voor kleurenblinde of slechtziende bezoekers. Zij kunnen de kleuren mogelijk niet onderscheiden en zien dan niet dat er een link in de tekst staat. Zorg ervoor dat links in de tekst op zijn minst op één andere manier te herkennen zijn, bijvoorbeeld door ze onderstreept te maken of door een kader toe te voegen. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren met link “archiefeemland@amersfoort.nl”; op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=2&date=2025-07-31&wd=4 met link “meer informatie over openbaarheid”. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren wordt in de legenda alleen kleur gebruikt om informatie over te brengen. Zie bijvoorbeeld het geel in de kalender en legenda. Alleen mensen die de kleuren kunnen zien en van elkaar kunnen onderscheiden, zien welke balk of lijn bij welke categorie in de legenda hoort. Dit kan worden opgelost door naast kleur ook verschillende soorten arcering te gebruiken. |
| 1.4.2: Geluidsbediening |
Uitkomst: Voldoende |
|
| 1.4.3: Contrast (minimum) |
Uitkomst: Onvoldoende |
Bevindingen: Op homepagina https://www.archiefeemland.nl staat een link met witte tekst “Maak hier een afspraak” op een oranje achtergrond (#E15F0C). De contrastratio is te laag: 3,6:1. Hetzelfde probleem komt voor bij de link “Ga naar de webexposities”. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/contact, bijvoorbeeld, “Bezoekadres”; op pagina https://www.archiefeemland.nl/over-ons/nieuws/openbaarheidsdag-2026, bijvoorbeeld, “Gezinskaarten”; en op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5, knop “Reserveer nu”. Op pagina https://www.archiefeemland.nl staat een link met de witte tekst “Ga naar de webexposities”. De achtergrond van de link verandert naar lichtoranje (#F58944) wanneer de link wordt aangewezen met de muiscursor. De contrastratio van deze tekst is dan 2,4:1. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1. Tekst van informatieve elementen zoals links en knoppen moet altijd voldoende contrast hebben, ook als het element toetsenbordfocus krijgt of als de bezoeker met de muiscursor over het element beweegt (hover). Op homepagina https://www.archiefeemland.nl staat een link met witte tekst “Maak hier een afspraak” op een oranje achtergrond (#E15F0C). Wanneer deze link toetsenbordfocus krijgt, verandert de tekstkleur naar blauw (#1468a0). De contrastratio van deze tekst is dan 1,7:1. Hetzelfde probleem komt voor bij de link “Ga naar de webexposities”. Zorg ervoor dat het kleurcontrast niet lager wordt dan 4,5:1. Op homepagina https://www.archiefeemland.nl staat een grijze kop “Kijk ook eens bij” (#7F7F7F) op een witte achtergrond. De contrastratio is te laag: 4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/zoeken-door-alles staat grijze tekst zoals “/bezoekersinformatie/contact” (#777777). De contrastratio is te laag: 4,4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat een invoerveld met grijze plaatshoudertekst “Alle woorden” (#CACACA) op een witte achtergrond. De contrastratio is te laag: 1,6:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet verschijnt na het selecteren van een filter een link met witte tekst “x” op een rode achtergrond (#FF0000). De contrastratio is te laag: 4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat bij een invoerveld een vraagknop. Wanneer op deze knop wordt geklikt, opent extra inhoud met gele tekst (#d7ac11) op een witte en lichtblauwe achtergrond (#D9E5EA). De contrastratio is op de witte achtergrond 2,1:1 en op de lichtblauwe achtergrond 1,7:1. Deze tekst is kleiner dan 19px, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staan onder het zoekveld “Vul je zoekterm in...” knoppen, bijvoorbeeld ‘Periode’, die extra inhoud openen met witte tekst, zoals “1300”, op een lichtgrijze achtergrond (#EFEFEF). De contrastratio is te laag: 1,1:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc staat een knop met witte tekst “Naar overzicht” en “?” op een gele achtergrond (#D7AC11). De contrastratio is te laag: 2,1:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren staat een kalender. De witte datums op verschillende achtergronden hebben een te lage contrastratio. Voorbeelden hiervan zijn: witte tekst op lichtgrijze achtergrond (#EDEDED) met een contrastratio van 1,2:1, lichtgrijze tekst (#EEEEEE) op grijze achtergrond (#CCCCCC) met een contrastratio van 1,4:1, witte tekst op gele achtergrond (#FDD835) met een contrastratio van 1,4:1 en witte tekst op groene achtergrond (#43A047) met een contrastratio van 3,3:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5 verschijnt na het versturen van een formulier met fouten in het select-element “Aantal reserveringen (kies ook 1 als u met meerdere personen komt)” de rode (#FF0000) foutmelding “Maak een keuze” op een witte achtergrond. De contrastratio is te laag: 4,0:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. |
| 1.4.4: Herschalen van tekst |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc verdwijnt de afbeelding met knoppen bij een schermresolutie van 1280 bij 1024 pixels en 200% zoom. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc met video. |
| 1.4.5: Afbeeldingen van tekst |
Uitkomst: Voldoende |
|
| 1.4.10: Reflow |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl raakt bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom in de carrousel onder de kop “Laatste nieuws items” een deel van de teksten verloren, zoals “Openbaarheidsdag 2026 2 januari 2026”. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ verschijnt bij een schermresolutie van 1280 bij 1024 pixels en 400% zoom een horizontale scrollbalk. Horizontaal scrollen is niet toegestaan, ook niet als de viewport is ingesteld of ingezoomd op 320 CSS-pixels breed of 256 CSS-pixels hoog. Zorg ervoor dat de tekst binnen het scherm past. Alleen als scrollen in beide richtingen echt nodig is voor de betekenis of het gebruik van de inhoud mag het wel. Uitzonderingen zijn tabellen, betekenisvolle afbeeldingen en kaarten. Deze moeten leesbaar blijven, dus binnen deze elementen mag je wel scrollen. |
| 1.4.11: Contrast van niet-tekstuele content |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl staat bij het zoekveld een knop met een wit vergrootglasicoon op een gele achtergrond (#D7AC11). De contrastratio is te laag: 2,1:1. Informatieve iconen moeten minimaal het contrast van 3,0:1 hebben. Hetzelfde probleem doet zich voor op pagina https://www.archiefeemland.nl/bezoekersinformatie/contact; op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc met links met pijlpictogrammen en een "x"-link; op pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc; en andere. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc staan witte socialmedia-logo’s en andere iconen op een grijze achtergrond (#BBBBBB). De contrastratio is te laag: 1,9:1. De standaardkleur van deze socialmedia-logo’s hoeft niet aan de contrasteisen te voldoen, omdat ze worden gezien als kunstobjecten. Maar als de kleuren worden aangepast, dan moeten die wél voldoen aan de minimale contrasteisen van 3,0:1. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5 staat een formulier. De contrastratio tussen de grijze randen van de invoervelden (#CACACA) en de witte achtergrond van de pagina is 1,6:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond. |
| 1.4.12: Tekstafstand |
Uitkomst: Voldoende |
|
| 1.4.13: Content bij hover of focus |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan afbeeldingen die een tooltip activeren. Wanneer een bezoeker met de muis over deze afbeeldingen beweegt, verschijnt er nieuwe inhoud. Deze inhoud bedekt inforamtieve content op de pagina en moet kunnen worden afgesloten zonder de muis te verplaatsen. Het is niet mogelijk om de tooltip met de Esc-toets te sluiten. Daarnaast kan de muiscursor niet boven de tooltip worden geplaatst. Zorg dat bezoekers de tooltip met de Esc-toets kunnen sluiten. Zolang de muiscursor in het tooltipvenster blijft, moet het venster zichtbaar blijven. |
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.1.1: Toetsenbord |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/zoeken-door-alles is er paginering aanwezig. Deze paginering is niet toegankelijk met het toetsenbord. De bezoeker kan op deze link klikken om naar een andere locatie te gaan of een popup-venster te openen. Dit werkt niet als alleen met het toetsenbord wordt genavigeerd. Zorg dat alle links ook met de Enter-, Return- of spatietoetsen kunnen worden bediend. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat in de zoekresultaten een knop “Toon details” die verborgen inhoud opent. In deze inhoud staan elementen, zoals “Datering”, die extra inhoud openen. Deze elementen zijn niet toegankelijk met het toetsenbord. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat een tabel. Wanneer op een van de cellen wordt geklikt, verschijnt nieuwe inhoud. In deze inhoud is de link met het vergrootglasicoon niet toegankelijk met het toetsenbord. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan afbeeldingen die een tooltip activeren. Wanneer een bezoeker met de muis over deze afbeeldingen beweegt, verschijnt er nieuwe inhoud. Dit gebeurt niet bij toetsenbordfocus. Hierdoor kunnen bezoekers die alleen met het toetsenbord navigeren de tooltip niet zien. De informatie in de tooltip is voor hen dus niet toegankelijk. Zorg dat de tooltips ook openen als ze toetsenbordfocus krijgen. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ zijn het select-element “Sorteren” en een link voor fullscreenweergave niet toegankelijk met het toetsenbord. |
| 2.1.2: Geen toetsenbordval |
Uitkomst: Voldoende |
|
| 2.1.4: Enkel teken sneltoetsen |
Uitkomst: Voldoende |
2.2 Genoeg tijd
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.2.1: Timing aanpasbaar |
Uitkomst: Voldoende |
|
| 2.2.2: Pauzeren, stoppen, verbergen |
Uitkomst: Voldoende |
2.3 Toevallen en fysieke reacties
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.3.1: Drie flitsen of beneden drempelwaarde |
Uitkomst: Voldoende |
2.4 Navigeerbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.4.1: Blokken omzeilen |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina's ontbreekt een skiplink. Er moet een manier zijn om delen van een pagina over te slaan, zoals het navigatiemenu en andere elementen die op meerdere pagina’s terugkomen. Hiervoor wordt een skiplink gebruikt. Daarmee kunnen bezoekers vaste blokken met herhalende inhoud overslaan. Een skiplink moet de eerste link op de pagina zijn. Deze link mag verborgen zijn, maar moet zichtbaar worden zodra hij focus krijgt. Voeg een skiplink toe waarmee bezoekers herhalende delen van de pagina over kunnen slaan. Zie pagina https://www.archiefeemland.nl. |
| 2.4.2: Paginatitel |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ en op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc staat in het title-element van beide pagina’s dezelfde tekst: “Foto's”. Dit is niet de bedoeling. In het title-element van elke pagina moet een unieke tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Staat hier bij twee of meer pagina’s dezelfde tekst? Dan kan dit verwarrend zijn voor de bezoeker. De navigatie tussen pagina’s wordt dan ook lastiger. Verander de tekst in het title-element, zodat deze op elke pagina uniek is en de inhoud van de pagina nauwkeurig beschrijft. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ en op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/detail/b699ee07-8230-4713-a79f-68933d3ce0d1 staat in het title-element van beide pagina’s dezelfde tekst met onleesbare tekens: “images/sfeerbeelden/webexpo”. |
| 2.4.3: Focus volgorde |
Uitkomst: Onvoldoende |
Bevindingen: Op kleine schermen verschijnt een menuknop die een mobiel menu opent. Momenteel kunnen bezoekers met het toetsenbord buiten het mobiele menu navigeren. De toetsenbordfocus loopt door naar de onderliggende pagina, terwijl het menu open blijft staan. Bij dit soort menu’s moet de toetsenbordfocus goed worden ingesteld. Wanneer het menu actief is, moet de focus binnen het menu blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het menu te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het menu automatisch te sluiten zodra de toetsenbordfocus eruit gaat. Zie pagina https://www.archiefeemland.nl. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet komt de toetsenbordfocus na het activeren van de knop “Toon details” terecht op onzichtbare elementen binnen de inhoud die niet zichtbaar is.De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen zoals links, knoppen of formuliervelden. Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ komt de toetsenbordfocus na de links “Meer weten over auteursrecht” en “CC BY-SA” terecht op een onzichtbaar interactief element. |
| 2.4.4: Linkdoel (in context) |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bezoekersinformatie/contact staan naast de tekst “Deel deze pagina:” links naar sociale netwerken. Deze links hebben geen linkdoel. Om dit op te lossen moet de link content krijgen. Dit kan bijvoorbeeld door een tekst toe te voegen in het a-element of door een aria-label te gebruiken. Zorg dat alle links een duidelijk linkdoel hebben. Deze sectie komt op meerdere pagina’s voor. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet verschijnt er na het selecteren van een filter een link met de tekst “x”. De toegankelijke naam “x” beschrijft het doel van de link niet voldoende. Het is daardoor niet duidelijk wat het doel van de link is. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat een tabel. Wanneer op een van de cellen in de tabel wordt geklikt, verschijnt er nieuwe inhoud. In deze inhoud hebben links met een vergrootglasicoon, sociale netwerken en kopieerfuncties geen naam en daardoor geen herkenbaar linkdoel. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc staan links met pijltjes. Deze links hebben geen naam en daardoor geen herkenbaar linkdoel. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ komt hetzelfde probleem voor bij de link naast de kop “De Isselt”. Deze link heeft geen naam en daardoor geen herkenbaar linkdoel. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren staat een kalender met datums die werken als links. Deze links bieden onvoldoende context. Voor ziende bezoekers is duidelijk dat “23”, “24”, “25” en andere cijfers de dagen van de maand voorstellen, maar voor blinde bezoekers of bezoekers die hulpsoftware gebruiken, is dit niet altijd duidelijk. Dit kan worden opgelost door de tabel met de kalender een toegankelijke naam te geven. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ staan meerdere links met dezelfde tekst “Bekijk webexpositie”, terwijl deze links naar verschillende bestemmingen verwijzen. Dit kan verwarrend zijn voor bezoekers. Zorg dat links met dezelfde tekst ook naar dezelfde bestemming leiden. Als het om een andere bestemming gaat, moet de linktekst ook anders zijn. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/detail/b699ee07-8230-4713-a79f-68933d3ce0d1 staan links met afbeeldingen. De toegankelijke namen van deze links, zoals “Foto 0” en “Foto 1”, beschrijven het doel van deze links niet voldoende. |
| 2.4.5: Meerdere manieren |
Uitkomst: Voldoende |
|
| 2.4.6: Koppen en labels |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staan meerdere knoppen met drie puntjes. De toegankelijke naam van al deze knoppen is hetzelfde: “Menu”. Deze knoppen voeren echter verschillende acties uit. Je kunt met deze knoppen een andere actie uitvoeren. Dit kan verwarrend zijn voor bezoekers met een schermlezer. Het is niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben. |
| 2.4.7: Focus zichtbaar |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina’s in de header, op een klein scherm,, is de toetsenbordfocus niet zichtbaar op de knop met het vergrootglasicoon. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren, moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen. Zie pagina https://www.archiefeemland.nl. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat naast de tekst “weergave” een link om de zoekresultaten weer te geven in de vorm van een lijst met de tekst “Lijst is actief”. Deze link heeft geen zichtbaar toetsenbordfocus. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons opent de knop “Uitgebreid zoeken” extra inhoud met een formulier. De select-elementen in dit formulier hebben geen zichtbaar toetsenbordfocus. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ ontbreekt de zichtbare toetsenbordfocus bij alle links met afbeeldingen in de zoekresultaten. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc staan naast de afbeelding knoppen om in en uit te zoomen, het beeld te draaien, enzovoort. Deze knoppen hebben geen zichtbaar toetsenbordfocus. |
| 2.4.11: Focus Not Obscured (Minimum) |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina’s, wanneer de website op een klein scherm wordt bekeken en het mobiele menu is geopend, bedekt dit menu interactieve elementen op de onderliggende pagina. Deze elementen kunnen nog steeds toetsenbordfocus ontvangen, ook al zijn ze onzichtbaar doordat ze bedekt zijn door het menu. Elementen die toetsenbordfocus krijgen, moeten altijd zichtbaar zijn. Is dat niet zo, dan kunnen bezoekers die met het toetsenbord of de schermlezer navigeren in de war raken. Dit kan opgelost worden door de toetsenbordfocus binnen het menu te houden totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Je kunt er ook voor kiezen om het menu automatisch te sluiten op het moment dat de focus eruit gaat. De onderliggende interactieve elementen mogen dus geen toetsenbordfocus krijgen als het mobiele menu is geopend. Zie pagina https://www.archiefeemland.nl. Op alle pagina’s, wanneer de website wordt verkleind tot een kleinere resolutie, bedekt een sticky header een deel van de pagina-inhoud. Interactieve elementen zoals “Onderzoeksgids Bevolkingsregisters” kunnen nog steeds toetsenbordfocus krijgen, maar de focusindicator is verborgen achter de sticky header. Hierdoor kunnen bezoekers die met het toetsenbord navigeren niet zien waar de toetsenbordfocus zich bevindt. Zorg ervoor dat de sticky header of footer geen interactieve elementen of hun focusindicatoren bedekt. Je moet hiervoor bijvoorbeeld de z-index aanpassen, elementen herpositioneren of de header dynamisch verkleinen op kleinere schermen. Zie pagina https://www.archiefeemland.nl. |
2.5 Input Modaliteiten
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.5.1: Aanwijzergebaren |
Uitkomst: Voldoende |
|
| 2.5.2: Aanwijzerannulering |
Uitkomst: Voldoende |
|
| 2.5.3: Label in naam |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan in de zoekresultaten afbeeldingen met tekst “Niet online te bekijken, wel in onze publieksruimte”. Deze afbeeldingen werken als links. Deze tekst komt niet in de toegankelijke naam van de link voor. Deze links zijn hierdoor niet met stem te bedienen. |
| 2.5.4: Bewegingsactivering |
Uitkomst: Voldoende |
|
| 2.5.7: Dragging Movements |
Uitkomst: Voldoende |
|
| 2.5.8: Target Size (Minimum) |
Uitkomst: Voldoende |
3 Begrijpelijk
3.1 Leesbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.1.1: Taal van de pagina |
Uitkomst: Voldoende |
|
| 3.1.2: Taal van onderdelen |
Uitkomst: Voldoende |
3.2 Voorspelbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.2.1: Bij focus |
Uitkomst: Voldoende |
|
| 3.2.2: Bij input |
Uitkomst: Voldoende |
|
| 3.2.3: Consistente navigatie |
Uitkomst: Voldoende |
|
| 3.2.4: Consistente identificatie |
Uitkomst: Voldoende |
|
| 3.2.6: Consistent Help |
Uitkomst: Voldoende |
3.3 Assistentie bij invoer
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.3.1: Foutidentificatie |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5 wordt in het formulier de foutmelding “Vul dit veld in” weergegeven. Dit is een instructie en geen foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt en geeft aan waar de fout zich bevindt. Vaak bevat een foutmelding een ontkenning. Een voorbeeld van een geschikte foutmelding is: “Het veld is niet (goed) ingevuld”. |
| 3.3.2: Labels of instructies |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat boven de zoekresultaten een invoerveld met placeholdertetks “Alle woorden”. Dit invoerveld heeft geen permanent zichtbaar label. Alle invoervelden moeten een permanent zichtbaar label hebben in de vorm van tekst of een afbeelding met een alt-tekst. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5, onder "Stukken", met invoervelden. |
| 3.3.3: Foutsuggestie |
Uitkomst: Voldoende |
|
| 3.3.4: Foutpreventie (wettelijk, financieel, gegevens |
Uitkomst: Voldoende |
|
| 3.3.7: Redundant Entry |
Uitkomst: Voldoende |
|
| 3.3.8: Accessible Authentication (Minimum) |
Uitkomst: Voldoende |
4 Robuust
4.1 Compatibel
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 4.1.2: Naam, rol, waarde |
Uitkomst: Onvoldoende |
Bevindingen: Op alle pagina’s bevatten de hoofdmenulinks een submenu. In de HTML is echter niet aangegeven of het submenu geopend of gesloten is. Als een link een submenu kan openen of sluiten, moet hulpsoftware, zoals schermlezers, kunnen herkennen of dat submenu zichtbaar is. Gebruik hiervoor het attribuut aria-expanded. Zie pagina: https://www.archiefeemland.nl. Op elke pagina bevat het bovenste menu links zoals “Bronnen”. Deze links gebruiken onterecht de ARIA-rol menuitem. Daarnaast is er een div-element met role="menubar" en zijn de lijstitems gemarkeerd met role="none". Hierdoor ontstaat een ul-element zonder bijbehorende li-elementen, wat in strijd is met correcte HTML-structuur. Verwijder de rollen role="menubar" en role="menuitem". Deze ARIA-rollen zijn bedoeld voor complexe menucomponenten, zoals in webapplicaties, en niet voor standaard navigatiemenu’s op websites. Een betere en semantisch correcte oplossing is om een geneste lijst (<ul>) te gebruiken. Voor links die een uitklapmenu openen, kun je aria-haspopup="true" toepassen. Gebruik daarnaast aria-expanded="true" wanneer het submenu geopend is, en aria-expanded="false" wanneer het gesloten is. Zie deze bron voor toegankelijke menu’s: https://www.w3.org/WAI/ARIA/apg/patterns/menu/. Op alle pagina’s verschijnt op een klein scherm een menuknop (het “hamburger”-icoon met drie horizontale lijnen) waarmee het mobiele navigatiemenu geopend kan worden. Deze knop heeft op dit moment geen toegankelijke naam. Ook geeft de knop geen informatie over de status van het menu (open of gesloten) aan bezoekers die het scherm niet kunnen zien, zoals schermlezergebruikers. Zorg ervoor dat de knop een toegankelijke naam krijgt die de functie van de knop beschrijft, zoals “menu openen”. Als de functie verandert (bijvoorbeeld wanneer het menu open is), moet ook de naam van de knop mee veranderen naar iets als “menu sluiten”. Een andere mogelijkheid is om het aria-expanded-attribuut te gebruiken op de menuknop. Dit attribuut krijgt de waarde “true” als het menu wordt weergegeven, en “false” als het menu verborgen is. Dit probleem is ook te zien in de knop met een vergrootglas icoon en de sluitknop met een kruisje. Zie pagina: https://www.archiefeemland.nl. Op pagina https://www.archiefeemland.nl staat boven de kop “Bezoekadres” een link met een pijltje. Deze link heeft geen toegankelijke naam. Hierdoor is het voor bezoekers die een schermlezer gebruiken niet duidelijk wat de bestemming van de link is. Zorg dat deze link een toegankelijke naam krijgt die het doel van de link beschrijft. Op de pagina https://www.archiefeemland.nl/bezoekersinformatie/contact staan, naast de tekst “Deel deze pagina:”, links naar sociale netwerken zonder toegankelijke naam. Het title-attribuut is geen betrouwbare methode om een interactief element een naam te geven. Deze sectie komt op meerdere pagina’s voor. Op pagina https://www.archiefeemland.nl/zoeken-door-alles hebben de links in de paginering niet de correcte toegankelijke rol. Hulpsoftware weet daardoor niet dat hier interactieve elementen staan. Elk HTML-element heeft standaard een bepaalde rol. Dit betekent dat het element eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt wat het element doet. Hulpsoftware moet de correcte rol van elk element op een webpagina kennen, zodat op een duidelijke manier aan de bezoeker kan worden uitgelegd wat het element doet. Zorg ervoor dat de link de rol van link krijgt door het HTML-element <a> te gebruiken of door role="link" toe te voegen. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat bij een invoerveld een knop met een vraagteken. Deze knop opent en sluit extra inhoud, maar in de HTML is geen aanduiding van de toestand opgenomen. Om de toestand aan te geven, kan bijvoorbeeld het attribuut aria-expanded worden gebruikt. Dit attribuut moet op “true” worden gezet als de knop geopend is en op “false” als de knop gesloten is. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat hetzelfde probleem bij een knop met een vraagteken en bij de knop “Uitgebreid zoeken”. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat bij een invoerveld een knop met een vraagteken. Wanneer deze knop wordt aangeklikt, verschijnt extra inhoud met een link in de vorm van een “x”. Deze link heeft geen toegankelijke naam. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat bij een invoerveld een knop met een vraagteken. Wanneer deze knop wordt aangeklikt, wordt een dialoogvenster getoond. Dit dialoogvenster heeft geen correcte ARIA-rol en geen toegankelijke naam. Hulpsoftware kan daardoor niet doorgeven dat het om een dialoogvenster gaat en wat de inhoud ervan is. Dit kan worden opgelost door twee attributen aan het dialoogvenster toe te voegen: een aria-label met een duidelijke beschrijving van de inhoud en role="dialog". Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat hetzelfde probleem na het klikken op de knoppen met drie puntjes. Op pagina https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet staat in de zoekresultaten een knop “Toon details” die verborgen inhoud opent. In deze inhoud staan knoppen die extra inhoud openen, zoals “Datering”. Deze knoppen hebben niet de correcte toegankelijke rol. Hulpsoftware weet niet dat hier een interactief element - een button of een tooltip - staat. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons opent de knop “Uitgebreid zoeken” extra inhoud met een formulier. Alle invoervelden en select-elementen in dit formulier hebben geen toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat er moet worden ingevuld. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Zorg dat het invoerveld een toegankelijke naam krijgt, bijvoorbeeld door een label-element aan het veld te koppelen. Op dezelfde pagina treedt dit probleem ook op bij de zoekvelden in de extra inhoud die door knoppen wordt geopend, zoals bij “Gemeente”. Ook deze velden hebben geen toegankelijke naam. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5, onder "Stukken", met invoervelden. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staan onder het zoekveld “Vul je zoekterm in...” knoppen, zoals “Gemeente”, die extra inhoud openen en sluiten. Het attribuut aria-expanded op de knop wordt echter niet correct bijgewerkt. Dit attribuut blijft op “false” staan, ook wanneer de inhoud zichtbaar is. Het attribuut moet op “true” staan wanneer de inhoud geopend is en op “false” wanneer deze gesloten is. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat onder het zoekveld “Vul je zoekterm in...” de knop “Periode”, die extra inhoud opent met een schuifregelaar en spinbuttons. Deze interactieve elementen hebben geen toegankelijke naam. Hierdoor is het voor bezoekers die een schermlezer gebruiken niet duidelijk wat de functie van de elementen is. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ treedt hetzelfde probleem op. In de extra inhoud die wordt geopend door knoppen, zoals “Periode”, hebben interactieve elementen geen toegankelijke naam. Op pagina https://www.archiefeemland.nl/bronnen/personen/persons staat een tabel. Wanneer op een van de cellen wordt geklikt, verschijnt nieuwe inhoud. In deze inhoud hebben links met een vergrootglasicoon, sociale netwerken en kopieeropties geen toegankelijke naam. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan onder het zoekveld knoppen die verborgen inhoud openen, zoals “Trefwoord”. Deze knoppen hebben niet de correcte toegankelijke rol. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan onder het zoekveld knoppen die verborgen inhoud openen, zoals “Trefwoord”. In deze inhoud staan zoekvelden zonder toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers niet duidelijk wat er moet worden ingevuld. Zorg dat elk invoerveld een toegankelijke naam heeft die het doel beschrijft, bijvoorbeeld door een label-element aan het veld te koppelen. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan boven de zoekresultaten drie links waarmee de resultaten als lijst of tabel kunnen worden weergegeven. Deze links hebben geen toegankelijke naam. Op dezelfde pagina ontbreken ook toegankelijke namen bij de link “CC BY-SA”. Op pagina https://www.archiefeemland.nl/bronnen/foto-s/ staan in de zoekresultaten links met afbeeldingen. Deze links hebben geen toegankelijke naam. Hetzelfde probleem doet zich voor op de pagina https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc, links met pijlpictogrammen; op de pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc, links met pijlpictogrammen; op de pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren in de kalender, met de pijlpictogrammen; en andere. Op pagina https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc staat in de video een afspeelknop. Deze knop heeft geen toegankelijke naam. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ staat een select-element met de tekst “Sorteren”. Dit select-element heeft niet de correcte toegankelijke rol. Op pagina https://www.archiefeemland.nl/bezoekersinformatie/webexposities/ staat naast de kop “De Isselt” een link. Deze link heeft geen toegankelijke naam. |
| 4.1.3: Statusberichten |
Uitkomst: Onvoldoende |
Bevindingen: Op pagina https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=3&date=2026-01-30&wd=5 staat een formulier. Wanneer er fouten optreden in het formulier, verschijnt de foutmelding “Vul dit veld in”, maar deze krijgt geen toetsenbordfocus. Hierdoor krijgen blinde bezoekers geen melding van hun schermlezer. Voeg daarom aria-live="polite" toe aan de melding. Dan wordt de fout automatisch voorgelezen zodra deze verschijnt. |
Sample met getoetste webpagina's
- Homepagina - https://www.archiefeemland.nl/
- Contact - https://www.archiefeemland.nl/bezoekersinformatie/contact
- Zoeken - https://www.archiefeemland.nl/zoeken-door-alles
- Organisatie - https://www.archiefeemland.nl/over-ons/organisatie
- Nieuws - https://www.archiefeemland.nl/over-ons/nieuws
- Openbaarheidsdag 2026 - https://www.archiefeemland.nl/over-ons/nieuws/openbaarheidsdag-2026
- Archieven - https://www.archiefeemland.nl/bronnen/archieven?view=maisinternet
- Personen - https://www.archiefeemland.nl/bronnen/personen/persons
- Foto's - https://www.archiefeemland.nl/bronnen/foto-s/
- Maisveld met stoppels op de dekzandrug in Hoogland - https://www.archiefeemland.nl/bronnen/foto-s/detail/3178614b-77a3-23e6-b7fa-2a9faebaed33/media/936b5b28-7bda-6428-a49c-c4d6d83ee90b?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753093766273%7D%20asc
- Antiliaanse dag bij bsc quick - https://www.archiefeemland.nl/bronnen/film-en-geluid/detail/b767433e-b9c8-5c3a-0fc7-6f0cd82b8cee/media/38bcf00d-cf4b-702b-00ee-4e96b5575205?mode=detail&view=horizontal&rows=1&page=1&sort=random%7B1753095768859%7D%20asc
- Afspraak maken studiezaal - https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren
- https://www.archiefeemland.nl/hulp-bij-onderzoek/tips/wijken-en-straten - Wijken en straten
- Bezoek plannen studiezaal - https://www.archiefeemland.nl/bezoekersinformatie/alleen-op-afspraak/archiefstukken-reserveren/booking?rid=1&tsid=2&date=2025-07-31&wd=4
- Webexposities - https://www.archiefeemland.nl/bezoekersinformatie/webexposities/
- Historische foto's van Abram Stakenburg - https://www.archiefeemland.nl/bezoekersinformatie/webexposities/detail/b699ee07-8230-4713-a79f-68933d3ce0d1
Webtechnologie
HTML,CSS,WAI-ARIA,JavaScript,SVG
Onderbouwing van de evaluatie
- Chrome, versie 142
- Firefox, versie 142
- Safari, versie 18 in combinatie met VoiceOver
- NVDA in combinatie met Firefox