Rapport:
Audit digitale toegankelijkheid website van Bibliotheek Noord-Veluwe

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website https://www.bibliotheeknoord-veluwe.nl/ staat in de header een knop met een vergrootglasicoon. Dit icoon is een informatieve afbeelding die is toegevoegd met een CSS-pseudo-element. Er is geen tekstalternatief beschikbaar. Wanneer een knop alleen uit een afbeelding bestaat, moet de alternatieve tekst aangeven wat de functie van de knop is. Het is niet voldoende om te beschrijven wat er te zien is. Als deze informatie ontbreekt, is de functie van de knop niet duidelijk voor schermlezers. De beschrijving moet worden toegevoegd via een aria-label of een tekst die visueel verborgen is, maar wel toegankelijk is voor schermlezers.

Op pagina https://www.bibliotheeknoord-veluwe.nl/service/Veelgesteldevragen.html staan onder koppen als "Lenen" of "In de Bibliotheek" afbeeldingen die als links fungeren. Deze afbeeldingen hebben tekstalternatieven die de koppen erboven dupliceren of teksten bevatten zoals "Bibliotheekpas" of "Pratende persoon". Deze alt-teksten worden gebruikt als toegankelijke namen voor de bijbehorende links, maar ze zijn óf overbodig óf beschrijven de bestemming van de link onvoldoende (zie ook succescriterium 2.4.4). Geef deze afbeeldingen een passend tekstalternatief, maar zorg dat de tekst niet dezelfde inhoud herhaalt als de kop of de link ernaast. Een andere oplossing is om de tekstalternatieven te verwijderen en met JavaScript of CSS het klikbare gebied van de onderliggende link uit te breiden zodat de afbeelding daarin valt.

Op pagina https://noord-veluwe.op-shop.nl/ zijn de afbeeldingen naast de evenementen klikbaar en fungeren als links. De toegankelijke naam van deze links komt uit de alt-tekst van de afbeelding, die dezelfde informatie bevat als de kop van het evenement ernaast. Voor schermlezergebruikers wordt deze informatie zo dubbel voorgelezen. Geef de afbeeldingen een tekstalternatief dat de inhoud ernaast niet herhaalt. Een andere oplossing is de afbeeldingen als decoratief te behandelen door een leeg alt-attribuut (alt="") te gebruiken en alleen de kop van het evenement als link te markeren. Het klikbare gebied kan dan met CSS of JavaScript visueel worden uitgebreid tot over de afbeelding.

Op pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 staat naast de link "Terug" een pijltje. Dit icoon is toegevoegd met CSS via een ::before-pseudo-element en wordt door schermlezers uitgesproken als "arrow_back". Aangezien het om een decoratief icoon gaat dat geen extra informatie geeft, moet dit verborgen worden voor schermlezers.
Hetzelfde probleem komt voor op de pagina's:
https://noord-veluwe-edu.op-shop.nl/346/vertel-eens-de-man-met-de-lange-benen en op
https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026.
Het gaat hier om de "Terug"- en "Verder"-knoppen. Check ook andere decoratieve iconen op de overige pagina's van de domeinen https://noord-veluwe.op-shop.nl/ en https://noord-veluwe-edu.op-shop.nl/.

Op pagina https://noord-veluwe-edu.op-shop.nl/ dupliceert het tekstalternatief van elke afbeelding de tekst die eronder staat. Omdat deze afbeeldingen geen aanvullende informatie geven naast wat al op de pagina aanwezig is, kunnen ze als decoratief worden beschouwd. Geef het alt-attribuut van deze afbeeldingen een lege waarde (alt="") om dubbele informatie voor schermlezergebruikers te voorkomen.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk staan onder de kop "Verfijn op" secties met verborgen inhoud. De pijlpictogrammen zijn toegevoegd als img-elementen en geven de aanwezigheid van de verborgen inhoud aan, maar hebben geen tekstalternatief. Het alt-attribuut ontbreekt. Daardoor weten schermlezers niet dat hier verborgen content aanwezig is. Deze informatie is ook niet aanwezig in de vorm van een aria-expanded-attribuut of een verborgen tekst.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 met vergelijkbare pijl-iconen.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 staan afbeeldingen die zijn toegevoegd als img-element, maar bij deze afbeeldingen ontbreekt het alt-attribuut. Zie de afbeelding naast "Gedrukt boek" en het bolletje in de tabel onder de sectie "Details objecten". Een img-element moet altijd een alt-attribuut hebben. Alleen bij een decoratieve afbeelding die geen betekenis overdraagt, moet dit attribuut leeg blijven (alt=""). Bij een informatieve afbeelding moet het alt-attribuut een duidelijke beschrijving van de afbeelding bevatten. Voor de hierboven genoemde afbeeldingen is de beste oplossing om een leeg alt-attribuut toe te voegen aan het img-element.
Hetzelfde probleem komt voor bij dezelfde afbeelding op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk.

In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/abonnementen-informatie2026.pdf staat een informatieve afbeelding (het logo "de Bibliotheek Noord-Veluwe"), toegevoegd via een figure-tag, met een automatisch gegenereerde beschrijving “
Afbeelding met tekst, Lettertype, Graphics, schermopname Automatisch gegenereerde beschrijving”. Deze tekst geeft geen duidelijke informatie over wat op de afbeelding staat. Hierdoor weten bezoekers die het document laten voorlezen niet wat er op de afbeelding te zien is. Zij missen zo dus informatie. Voeg een beschrijvend alternatief toe met daarin alle tekst uit het logo.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheeknoord-veluwe.nl/leren/cursussen-workshops.html staat onder de kop "Handig maar ook lastig" een video. Aan het einde van de video (vanaf 2:26) zijn verschillende logo's te zien. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Het beste kan een audiobeschrijving toegevoegd worden die de visuele elementen in de video beschrijft, zoals namen, functies, logo's en teksten. Een andere oplossing is het plaatsen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet er sowieso een audiobeschrijving zijn.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De video op pagina https://www.bibliotheeknoord-veluwe.nl/leren/cursussen-workshops.html voldoet niet aan succescriterium 1.2.5, dat een audiobeschrijving vereist voor video's. Deze video heeft een audiobeschrijving nodig (Niveau AA), omdat er voldoende ruimte is in het bestaande audiospoor. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video niet (goed) kunnen zien.

Uitkomst: Onvoldoende

Bevindingen: In de header van de website https://www.bibliotheeknoord-veluwe.nl/ staan twee radio buttons ("Catalogus" en "Website"), voorafgegaan door de tekst "Zoeken in". Visueel vormen deze elementen een groep, maar die relatie is niet vastgelegd in de code. Dit kan worden opgelost door de elementen in een fieldset-element te plaatsen. Een fieldset met interactieve inhoud moet een naam hebben. Hiervoor kan het legend-element worden gebruikt. Plaats hierin de tekst "Zoeken in".

Op pagina https://www.bibliotheeknoord-veluwe.nl/leren/leren-werken-met-de-tablet-i-pad-.html is de tekst "Praktisch" visueel een kop, maar in de code niet gemarkeerd als h-element. 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. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast.
Hetzelfde probleem komt voor op de pagina's:
https://www.bibliotheeknoord-veluwe.nl/service/Veelgesteldevragen.html — de tekst "Verlengen op onze website" in het accordeon "Hoe verleng ik mijn boeken?" en op
https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 — de tekst "Persoonlijke gegevens Bevestiging".

Op pagina https://www.bibliotheeknoord-veluwe.nl/leren/cursussen-workshops.html staat onder de kop "Handig maar ook lastig" een blok tekst met meerdere alinea's, dat in de code als één p-element is opgemaakt. Visueel lijkt deze tekst uit meerdere alinea's te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea's dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code.
Hetzelfde probleem komt voor op de pagina's:
https://www.bibliotheeknoord-veluwe.nl/leren/leren-werken-met-de-tablet-i-pad-.html,
https://www.bibliotheeknoord-veluwe.nl/abonnementen-en-tarieven.html — onder de kop "Digitale machtiging automatische incasso" en op
https://www.bibliotheeknoord-veluwe.nl/service/Veelgesteldevragen.html — onder de kop "Hoe reserveer ik materiaal?".

Op pagina https://www.bibliotheeknoord-veluwe.nl/onderwijs/primaironderwijs.html staat een kop van niveau 3 direct onder een andere kop van hetzelfde niveau: zie "Educatief Programma voor 6-12 jaar" en "Hoe werkt de webshop?". Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt. Pas de tekst aan, zodat de kopniveaus de structuur van de tekst correct weergeven.

Op pagina https://noord-veluwe.op-shop.nl/ staat een filterbalk. Elk filter bevat een lijst met opties die visueel als groep gepresenteerd worden. Deze groepering is echter niet vastgelegd in de HTML-structuur. Als elementen visueel een groep vormen, moet die relatie ook in de code staan, zodat bezoekers die hulpsoftware (zoals een schermlezer) gebruiken, deze groepering begrijpen.
Hetzelfde probleem komt voor bij de filterbalk en de "Sorteer op:"-selector op pagina https://noord-veluwe-edu.op-shop.nl/.

Op pagina https://noord-veluwe.op-shop.nl/ staat in de detailsectie van sommige evenementen (bijvoorbeeld "Bibliotheekspreekuur") een ul-element direct genest binnen een ander ul-element, zonder dat dit eerst in een bovenliggend li-element is geplaatst. Volgens HTML-semantiek mogen ongeordende lijsten alleen li-elementen als directe kinderen bevatten. Door deze ongeldige structuur interpreteert hulpsoftware zoals een schermlezer de lijsthiërarchie onjuist. Daardoor kunnen bezoekers de samenhang en groepering van de inhoud moeilijker begrijpen. Zorg ervoor dat geneste lijsten altijd binnen een bovenliggend li-element worden geplaatst.
Hetzelfde probleem komt voor op pagina https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026, in de vergelijkbare sectie onder de afbeelding.

Op pagina https://noord-veluwe.op-shop.nl/ wordt in de paginering de huidige pagina alleen visueel gemarkeerd, bijvoorbeeld door een andere kleur of achtergrond. Deze informatie is niet beschikbaar in de code. Hierdoor kunnen gebruikers van hulpsoftware, zoals schermlezers, niet vaststellen welke pagina op dit moment actief is. Volgens succescriterium 1.3.1 moet informatie die visueel wordt overgebracht ook programmatisch beschikbaar zijn. Voeg aria-current="page" toe aan het element van de huidige pagina in de paginering. Hiermee wordt programmatisch aangegeven welke pagina actief is en is deze informatie ook toegankelijk voor hulpsoftware.
Een vergelijkbaar probleem met paginering komt voor op pagina https://noord-veluwe-edu.op-shop.nl/.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk wordt onder de kop "Collecties" het strong-element verkeerd gebruikt voor styling, namelijk om de tekst "Aantal titels:" vet weer te geven. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukte tekst). Gebruik hiervoor CSS.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 bij de teksten "Vul uw gegevens … voor automatische incasso" en "Er wordt een bevestigingsmail … voor u gemaakt".

Pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief bevat een formulier waarbij de label-elementen "Email", "Voornaam" en "Achternaam" niet expliciet zijn gekoppeld aan de bijbehorende invoervelden. Label-elementen moeten altijd zijn gekoppeld aan de bijbehorende invoervelden. Hierdoor krijgt het invoerveld een toegankelijke naam en wordt het klikgebied van het label vergroot, wat de toegankelijkheid en bruikbaarheid verbetert. Omdat deze invoervelden ook geen toegankelijke naam hebben, valt deze bevinding tevens onder succescriterium 4.1.2. Koppel de label-elementen aan de bijbehorende invoervelden door het for-attribuut op het label-element te gebruiken. In dit attribuut zet je de id van het invoerveld waar het label bij hoort.

Het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/beleidsplan-noord-veluwe-20232026web.pdf mist structurele codes (tags), waardoor de inhoud niet toegankelijk is voor schermlezers. Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/abonnementen-informatie2026.pdf staan meerdere koppen die niet als kop zijn opgemaakt. Zie "INFORMATIE OVER ABONNEMENTEN", "Instellingsabonnement" en "Educatief Abonnement". Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door de H1- tot en met H6-tag, zodat de tag-structuur gelijk is aan de visuele structuur.

In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/abonnementen-informatie2026.pdf staan twee lijsten. Bij één van deze lijsten ontbreekt de juiste opmaak volledig. Bij de tweede is wel opmaak aanwezig, maar deze is onjuist: alle items staan in één LBody-tag. Inhoud die er als een lijst uitziet, moet ook als lijst zijn opgemaakt, zodat een blinde bezoeker dezelfde informatiestructuur krijgt als in het document te zien is. Een ander voordeel van het gebruiken van een lijst is dat de schermlezer het aantal items aankondigt voordat deze worden voorgelezen. Zo weet een blinde bezoeker hoeveel informatie volgt. In PDF moet een lijst worden opgemaakt met L-, Li-, Lbl- en LBody-tags.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheeknoord-veluwe.nl/over-ons/contactformulier.html worden de invoervelden "Voornaam", "Achternaam" en "E-mail" gebruikt voor persoonlijke informatie, maar bij deze velden ontbreekt het autocomplete-attribuut. Invoervelden voor persoonlijke informatie zoals voornaam, achternaam of e-mail moeten het autocomplete-attribuut hebben met de juiste waarde. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren, bijvoorbeeld door de velden automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. 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 komt voor op de pagina's:
https://www.bibliotheeknoord-veluwe.nl/leren/aanmelden-tablet.html — bij de velden "Naam", "Postcode" en "Telefoon", op
https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 — bij meerdere velden en op
https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief.

Uitkomst: Onvoldoende

Bevindingen: Onderaan pagina https://www.bibliotheeknoord-veluwe.nl/nieuws.html wordt in de paginering kleur gebruikt als het enige visuele kenmerk om de huidige pagina aan te geven — de achtergrond rond het huidige paginanummer is oranje. Dit subtiele verschil maakt deze informatie ontoegankelijk voor bezoekers met een lichte visuele beperking. Voeg een extra visueel kenmerk toe, bijvoorbeeld een onderstreping of een achtergrond met voldoende contrast (minimaal 3,0:1).
Hetzelfde probleem komt voor bij de paginering op de pagina's:
https://www.bibliotheeknoord-veluwe.nl/zoekresultaten.website.html?q=werk
https://noord-veluwe.op-shop.nl/

Op pagina https://noord-veluwe.op-shop.nl/ gebruiken de filter-comboboxes, de "Toepassen"-knoppen daarbinnen en de zoekknop een aangepaste toetsenbordfocus-indicator die uitsluitend op een verandering van achtergrondkleur leunt. Het gebruik van alleen kleur om focus aan te geven is hier echter niet voldoende, omdat de contrastverhouding tussen de gefocuste en niet-gefocuste staat van de achtergrondkleur minder dan 3,0:1 is. Voor bezoekers met een visuele beperking of kleurenblindheid is zo'n subtiele kleurverandering vaak niet duidelijk genoeg. En ook mensen die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Daarvoor moet er een duidelijk zichtbare focusindicator zijn. Voeg bij voorkeur een extra visuele aanduiding toe, zoals een dikkere rand of een onderstreping.
Een vergelijkbaar probleem komt voor bij dezelfde filterbalk en zoekknop op pagina https://noord-veluwe-edu.op-shop.nl/ en ook op pagina https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 bij de "Verder"-knop.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de header van de website staat een zoekveld. In de hover-staat heeft de grijze (HEX #757575) placeholder-tekst tegen een lichtgrijze (HEX #EDEDED) achtergrond een contrastverhouding van 3,9:1. Zorg dat de placeholder-tekst een contrast van minstens 4,5:1 tegen de achtergrond heeft.

Op pagina https://www.bibliotheeknoord-veluwe.nl/zoekresultaten.website.html?q=werk hebben in de zijbalk onder de kop "Verfijnen op resultaten" de getallen die het aantal resultaten per type of woord weergeven onvoldoende contrast. De donkergrijze (HEX #757575) getallen tegen de lichtgrijze (HEX #EDEDED) achtergrond hebben een contrastverhouding van 3,9:1. Dit is lager dan het vereiste minimum van 4,5:1.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk voor het eerst wordt geopend, verschijnt onderaan de pagina een cookiebanner. De oranje tekst (HEX #FF7320) heeft tegen de zwarte (HEX #3B3646) achtergrond een onvoldoende contrastverhouding: 4,3:1. De witte tekst op dezelfde oranje achtergrond heeft ook een te lage verhouding: 2,7:1. De contrastverhouding voor tekst kleiner dan 24 px moet minimaal 4,5:1 zijn.
Dezelfde kleurcombinatie wordt gebruikt op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief bij de "Verzend"-knop.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk zijn de namen van auteurs grijze teksten (HEX #959595) op een witte achtergrond. De contrastverhouding is te laag: 3,0:1. Hetzelfde geldt voor teksten zoals "Boek | Nederlands | 2012". Deze tekst is kleiner dan 24 px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij meerdere teksten, bijvoorbeeld "Genre", "Ook beschikbaar als", "Kenmerken" en andere.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk wordt de combinatie van oranje (HEX #F47921) op een witte achtergrond gebruikt. De contrastverhouding is 2,8:1, wat onvoldoende is voor zowel kleine als grote teksten. Zie bijvoorbeeld het huidige paginanummer in de paginering en de links onder "Collecties" en "Verfijn op" in hover-staat. Dezelfde kleur wordt gebruikt op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 bij de teksten "Persoonlijke gegevens", "Bevestiging", "Identiteit" en andere, en bij andere elementen op verschillende pagina's van dit domein. De contrastverhouding voor tekst kleiner dan 24 px moet minimaal 4,5:1 zijn.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 staat de groene (HEX #00CC00) tekst "Aanwezig" op een witte achtergrond. De contrastverhouding is te laag: 2,2:1. Deze tekst is kleiner dan 24 px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/beleidsplan-noord-veluwe-20232026web.pdf staan op veel pagina's oranje (HEX #F78F1E) koppen op een witte achtergrond. De contrastverhouding is te laag: 2,4:1. Zie bijvoorbeeld de koppen "Voorwoord" op pagina 5, "Samenvatting" op pagina 6 en "Inhoudsopgave" op pagina 7, enzovoort. De contrastverhouding moet minimaal 3,0:1 zijn voor grote tekst en 4,5:1 voor kleine tekst.

In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/abonnementen-informatie2026.pdf zijn de volgende koppen oranje (HEX #FF731F) op een witte achtergrond: "INFORMATIE OVER ABONNEMENTEN", "Instellingsabonnement" en "Educatief Abonnement". De contrastverhouding is te laag: 2,7:1. De contrastverhouding moet minimaal 3,0:1 zijn voor grote tekst en 4,5:1 voor standaard tekst.

Uitkomst: Onvoldoende

Bevindingen: Wanneer pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 200%, zijn de teksten in de tabelkoppen niet zichtbaar en is de "Locatie"-combobox niet zichtbaar en bedienbaar. Wanneer een gebruiker inzoomt, moet de functionaliteit behouden blijven.
Hetzelfde probleem komt voor bij hetzelfde "Locatie"-element op pagina https://noord-veluwe-edu.op-shop.nl/361/theatervoorstelling-nationale-voorleesdagen-2027.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 200%, zijn de links in de header zoals "Activiteiten", "Lezen" en "Leren" niet zichtbaar en bedienbaar. Als een bezoeker inzoomt, moet alles nog werken.
Hetzelfde probleem komt voor op andere pagina's van dit domein.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 200%, worden de links onder "Relaties/Serie" en "Misschien ook interessant…" zo sterk afgekapt dat ze nauwelijks leesbaar zijn. Zorg dat alles nog werkt en leesbaar is wanneer een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, zijn de teksten in de tabelkoppen niet zichtbaar en is de "Locatie"-combobox niet zichtbaar en bedienbaar. Wanneer een gebruiker inzoomt, moet de functionaliteit behouden blijven.
Hetzelfde probleem komt voor bij hetzelfde "Locatie"-element op pagina https://noord-veluwe-edu.op-shop.nl/361/theatervoorstelling-nationale-voorleesdagen-2027.

Wanneer pagina https://noord-veluwe.op-shop.nl/ wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, zijn de selectie-elementen "Tag" en "Wanneer" niet zichtbaar en bedienbaar. Hetzelfde geldt op pagina https://noord-veluwe-edu.op-shop.nl/. Als een bezoeker inzoomt, moet alles nog werken.
Een ander probleem met inzoomen op deze pagina is dat de tekst over Klimaatgesprekken onder de filters sterk wordt afgekapt en dat een deel van de inhoud verdwijnt.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, is de waarde in de selector "Kies jouw locatie van de bibliotheek" gedeeltelijk verloren. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, zijn de invoervelden slechts gedeeltelijk zichtbaar en zijn sommige helemaal niet zichtbaar en bedienbaar. Als een bezoeker inzoomt, moet alles nog werken.

Wanneer pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 wordt bekeken op een schermresolutie van 1280 bij 1024 pixels en wordt ingezoomd tot 400%, worden de links onder "Relaties/Serie" en "Misschien ook interessant…" zo sterk afgekapt dat ze nauwelijks leesbaar zijn. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 opent een "Let op"-dialoogvenster wanneer het formulier wordt verzonden met lege velden of onjuiste gegevens. De X-knop in het dialoogvenster is geel (HEX #FBBD6F) op een witte achtergrond, met een contrastverhouding van 1,7:1. Het kleurcontrast van informatieve iconen moet minimaal 3,0:1 zijn. Zorg dat de iconen voldoende contrast hebben.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij de X-knop in het "Waardering"-dialoogvenster dat opent vanaf de beoordelingssterren.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief hebben de invoervelden grijze (HEX #AAAAAA) randen op een witte achtergrond. De contrastverhouding is 2,3:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 worden de teksten onder "Relaties/Serie" en "Misschien ook interessant…" gedeeltelijk onzichtbaar en onleesbaar wanneer bezoekers de tekstafstand aanpassen zoals beschreven in dit succescriterium. Sommige bezoekers passen de weergave van de tekst aan, zodat zij deze beter kunnen lezen. Denk aan het vergroten van de afstand tussen regels, letters of woorden. Het gaat bijvoorbeeld om mensen met dyslexie. Als een bezoeker dit doet op de manier die in het succescriterium is beschreven, moet alles goed blijven werken. Bovendien moet de tekst leesbaar blijven. Dit kan opgelost worden door de hoogte en breedte van de containers van de tekst responsief te maken.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://noord-veluwe.op-shop.nl/ is in de detailsectie van sommige evenementen (bijvoorbeeld "Bibliotheekspreekuur") het locatie-adres uitklapbaar, maar dit is niet te bedienen met het toetsenbord. Het is niet mogelijk om de comboboxes alleen met het toetsenbord te openen en te sluiten. Sommige bezoekers gebruiken alleen een toetsenbord om te navigeren en geen muis. Zij moeten alle klikbare onderdelen van de website gewoon kunnen gebruiken. Daaronder vallen bijvoorbeeld links, knoppen, formulieren, keuzelijsten, tabbladen, sliders en accordeons. Zorg dat alles wat aanklikbaar is, ook werkt met het toetsenbord.
Hetzelfde probleem komt voor op de pagina's:
https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 en op
https://noord-veluwe-edu.op-shop.nl/10413/theatervoorstelling-nationale-voorleesdagen-2027/21-01-2027.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 opent een "Let op"-dialoogvenster wanneer het formulier wordt verzonden met lege velden of onjuiste gegevens. De X-knop in dit dialoogvenster is niet bedienbaar met het toetsenbord. Zorg dat alle interactieve elementen bedienbaar zijn met alleen het toetsenbord. Zie ook succescriterium 4.1.2.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij de X-knop in het "Waardering"-dialoogvenster dat opent vanaf de beoordelingssterren.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 staan onder "Misschien ook interessant..." meerdere klikbare elementen (boeken) die niet bedienbaar zijn met het toetsenbord.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://noord-veluwe.op-shop.nl/ en andere pagina's van dit domein 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.

Uitkomst: Onvoldoende

Bevindingen: In het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/beleidsplan-noord-veluwe-20232026web.pdf is geen titel ingesteld in de documenteigenschappen. Zelfs als er een titel op de eerste pagina staat, moet ook in de pdf-instellingen een documenttitel ingesteld worden. Als een pdf geopend wordt in een pdf-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de pdf-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het PDF-document.

Het PDF-document op https://www.bibliotheeknoord-veluwe.nl/dam/bestanden/abonnementen-informatie2026.pdf mist een titel. Stel een documenttitel in de metadata van het PDF-bestand in. Dit zorgt ervoor dat in plaats van de bestandsnaam een duidelijke titel wordt weergegeven en maakt het document beter toegankelijk voor gebruikers, vooral voor mensen met beperkingen.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website https://www.bibliotheeknoord-veluwe.nl/ opent de knop "Lees hier meer over cookies" in de cookiebanner een dialoogvenster. Momenteel kan de toetsenbordfocus uit dit venster ontsnappen en terechtkomen op de onderliggende inhoud van de pagina. Bij dialoogvensters moet de focus binnen het venster blijven zolang het actief is. Dit voorkomt verwarring en zorgt dat gebruikers met het toetsenbord correct kunnen navigeren. De focus moet vastgezet worden binnen het dialoogvenster totdat de bezoeker het venster sluit via de sluitknop of met de ESC-toets. Een andere oplossing is om het venster automatisch te sluiten wanneer de focus het venster verlaat.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 opent een "Let op"-dialoogvenster wanneer het formulier wordt verzonden met lege velden of onjuiste gegevens. Momenteel kan de toetsenbordfocus uit het geopende dialoogvenster ontsnappen en terechtkomen op de onderliggende pagina-inhoud. Bij dit soort dialoogvensters moet de toetsenbordfocus goed worden ingesteld. Wanneer het venster actief is, moet de toetsenbordfocus binnen het venster blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het venster te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het venster automatisch te sluiten zodra de focus eruit gaat.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij het "Waardering"-dialoogvenster dat opent vanaf de beoordelingssterren.

Wanneer op pagina https://noord-veluwe.op-shop.nl/ (of andere pagina's van het domein) wordt ingezoomd, verschijnt in de header een menuknop die het mobiele menu opent. Bezoekers kunnen op dit moment met het toetsenbord uit het mobiele menu navigeren. De toetsenbordfocus verschuift dan naar de onderliggende pagina terwijl het menu open blijft staan. In dit type menu moet de toetsenbordfocus correct worden beheerd. Wanneer het menu geopend is, moet de focus binnen het menu blijven en niet naar de onderliggende pagina gaan. Dit kan worden opgelost door de focus in het menu vast te houden totdat het menu wordt gesloten of de gebruiker op ESC drukt. Een andere mogelijkheid is om het menu automatisch te sluiten zodra de focus het menu verlaat.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheeknoord-veluwe.nl/ staan meerdere links met de tekst "Lees meer". Deze tekst beschrijft de bestemming van de link onvoldoende. Hierdoor kunnen gebruikers met cognitieve beperkingen of degenen die afhankelijk zijn van schermlezers niet goed bepalen waar de link naartoe gaat. Linkteksten die meerdere keren op een pagina voorkomen of nietszeggend zijn (zoals "lees meer"), geven de bezoeker geen duidelijke aanwijzingen over hun bestemming. Zorg dat duidelijk is waar een link naartoe leidt, bijvoorbeeld door een tekst als "lees meer" aan te vullen met de paginatitel. Als visueel duidelijk is bij welk onderdeel de link hoort, kan deze aanvullende tekst visueel verborgen worden.
Een vergelijkbaar probleem komt voor op de pagina's:
https://www.bibliotheeknoord-veluwe.nl/lezen.html — twee links "Vraag aan" en twee links "Bekijk ze hier", op
https://www.bibliotheeknoord-veluwe.nl/abonnementen-en-tarieven.html — links "Meer informatie" en op
https://www.bibliotheeknoord-veluwe.nl/service/Veelgesteldevragen.html — links "Vind je antwoord".

Op pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 staan nogmaals meerdere links “Meer informatie”. Ze staan in een tabel, maar er zijn geen tabelkoppen gebruikt. Daardoor hebben deze links geen verdere context en hebben ze allemaal hetzelfde linkdoel.
Dit geldt ook voor https://noord-veluwe-edu.op-shop.nl/346/vertel-eens-de-man-met-de-lange-benen en https://noord-veluwe-edu.op-shop.nl/361/theatervoorstelling-nationale-voorleesdagen-2027.

Op pagina https://noord-veluwe-edu.op-shop.nl/ ontbreekt voldoende context bij de pagineringslinks. Voor ziende gebruikers is het duidelijk dat "1", "2", "3", enzovoort verwijzen naar paginanummers, maar voor mensen met een visuele beperking of gebruikers van een schermlezer is dat niet evident. Door het woord "pagina" toe te voegen aan de linktekst (bijvoorbeeld "Pagina 1", "Pagina 2") wordt de bestemming duidelijker.
Hetzelfde probleem met de paginering komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 is de boektitel "De onbekende avonturen van Sherlock Holmes" opgesplitst in meerdere afzonderlijke links, waarbij elk woord een eigen link is. Daardoor krijgen gebruikers van hulpsoftware meerdere losse links te horen in plaats van één betekenisvolle link. Losse woorden zoals "De" of "van" beschrijven de bestemming of het doel van de link niet duidelijk wanneer ze afzonderlijk door schermlezers worden voorgelezen of in lijsten met links worden weergegeven. Dit maakt navigatie lastiger voor gebruikers van een toetsenbord en een schermlezer. Combineer de losse woordlinks tot één link die de volledige titel bevat. Hierdoor wordt het doel van de link helder en consistent gecommuniceerd aan alle gebruikers.

Advies. Op pagina https://www.bibliotheeknoord-veluwe.nl/ worden de social media-links alleen weergegeven als iconen, zonder zichtbare tekstlabels. Hun toegankelijke namen bevatten de volledige URL's, wat lastig te lezen en te begrijpen is, vooral voor schermlezergebruikers. Beschrijvende toegankelijke namen zoals "Facebook", "Instagram" of "Bibliotheek Noord-Veluwe op Instagram" maken het voor gebruikers van hulpsoftware makkelijker om de bestemming van de link te begrijpen. Geef elke social media-link een beschrijvende toegankelijke naam via een aria-label-attribuut.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheeknoord-veluwe.nl/leren/cursussen-workshops.html heeft het iframe onder de kop "Handig maar ook lastig" het title-attribuut met "Video". Deze beschrijving is te algemeen en zegt niets over de inhoud. Het iframe moet een unieke en betekenisvolle titel krijgen, zodat het voor schermlezergebruikers duidelijk is waar het iframe over gaat. Idealiter vermeldt de titel van het iframe het type inhoud (in dit geval "video") samen met een beknopte beschrijving van de inhoud.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website voor het eerst wordt bezocht, verschijnt bovenaan de pagina een cookiebanner. Na een klik op de knop "Lees hier meer over cookies" opent een dialoogvenster. De toetsenbordfocus is niet zichtbaar op de "X"-knop in dit dialoogvenster. 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.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk en op alle andere pagina's van dit domein is de toetsenbordfocus niet zichtbaar op interactieve elementen. 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 waar ze zich op de pagina bevinden. Anders weten ze niet wanneer ze op Enter moeten drukken om een knop of link te bedienen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header van de website staat een zoekveld. De placeholder-tekst is "Waar ben je naar op zoek?", maar de toegankelijke naam van het invoerveld is "Zoekopdracht". Als de toegankelijke naam van een element niet hetzelfde is als de zichtbare tekst (in dit geval de placeholder-tekst), is het voor bezoekers die gebruikmaken van spraaksoftware niet mogelijk om het element te bedienen. Zij spreken een commando uit door de zichtbare tekst voor te lezen. Als deze niet voorkomt in de toegankelijke naam die in de code staat, werkt het commando niet. Zorg dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst.

Pagina https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 bevat een select-element met het zichtbare label "Aanmelden", maar de toegankelijke naam is leeg. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando's die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat de zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.
Hetzelfde probleem komt voor op de pagina's:
https://noord-veluwe-edu.op-shop.nl/10413/theatervoorstelling-nationale-voorleesdagen-2027/21-01-2027 — bij de selector "Educatief abonnement" en op
https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 — bij de selector "Geef je mening" in het "Waardering"-dialoogvenster.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 is het label boven het invoerveld "Geboortedatum", maar de toegankelijke naam is leeg. Wanneer de zichtbare tekst ontbreekt in de toegankelijke naam, werkt spraakbediening mogelijk niet correct. Zorg daarom dat de zichtbare tekst voorkomt in de toegankelijke naam, bij voorkeur aan het begin.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Pagina https://noord-veluwe.op-shop.nl/ bevat meerdere elementen met Engelse toegankelijke namen. Zie bijvoorbeeld de filter-elementen bovenaan de pagina, die de toegankelijke namen "Categorie keyboard_arrow_down" of "Locatie keyboard_arrow_down" hebben, de knop met het vergrootglas die de toegankelijke naam "Search" heeft, en de iconen voor evenement, schema en locatie naast elk evenement, die door de schermlezer worden voorgelezen als "event", "schedule" en "location on". Deze labels worden door schermlezers voorgelezen volgens de uitspraakregels van de primaire taal van de pagina (in dit geval Nederlands). Verwijder overbodige teksten of vertaal ze naar het Nederlands, zodat schermlezers ze correct kunnen uitspreken.

Hetzelfde probleem komt voor bij dezelfde filters op pagina https://noord-veluwe-edu.op-shop.nl/, en ook op de pagina's https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 en https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 bij de "Terug"- en "Verder"-knoppen, die de toegankelijke namen "arrow_back Terug" en "Verder arrow_forward" hebben, en bij iconen onder de afbeelding zoals "event_available", "style", "category" en andere. Check ook andere vergelijkbare informatieve iconen op andere pagina's.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 zorgt het selecteren van een optie in het select-element "Locatie" in de tabel ervoor dat de pagina opnieuw laadt. Dit mag niet zomaar gebeuren. Bezoekers moeten van tevoren gewaarschuwd worden dat de pagina opnieuw zal laden als zij een andere optie selecteren. Een andere oplossing is om een knop toe te voegen waarmee de bezoeker zijn keuze kan bevestigen.
Hetzelfde probleem komt voor bij hetzelfde "Locatie"-element op pagina https://noord-veluwe-edu.op-shop.nl/361/theatervoorstelling-nationale-voorleesdagen-2027.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Het formulier op pagina https://www.bibliotheeknoord-veluwe.nl/over-ons/contactformulier.html maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.
Hetzelfde probleem komt voor bij het formulier op pagina https://www.bibliotheeknoord-veluwe.nl/leren/aanmelden-tablet.html.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief staat een formulier. Na het versturen, verschijnt een foutmelding “Controleer de verplichte velden”. Dit geeft niet duidelijk aan waar een fout is gemaakt.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheeknoord-veluwe.nl/over-ons/contactformulier.html staat een formulier met meerdere verplichte velden gemarkeerd met een asterisk. Wanneer een asterisk wordt gebruikt om aan te geven dat een veld verplicht is, moet er boven het formulier een instructie staan, zoals "Velden met * zijn verplicht".
Hetzelfde probleem komt voor bij het formulier op pagina https://www.bibliotheeknoord-veluwe.nl/leren/aanmelden-tablet.html.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief hebben de invoervelden met de placeholder-teksten "Dag" en "Jaar" geen permanent label. Invoervelden moeten een label hebben dat altijd zichtbaar is. Dat kan een tekst zijn of een afbeelding (icoon). Een placeholder-tekst kan niet als label dienen, omdat deze tekst verdwijnt als de bezoeker begint te typen. Een invoerveld zonder zichtbaar label kan mensen in de war brengen, omdat ze niet weten wat ze moeten invullen. Voeg een label toe in de vorm van een tekst of een icoon.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief staat een select-element zonder label. De eerste optie "Maand" in het select-element kan niet als label dienen, omdat deze verdwijnt zodra een andere optie wordt geselecteerd. Hierdoor weten bezoekers niet waar de keuzelijst over gaat. De teksten van de opties zijn in dit geval niet zelfverklarend.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website voor het eerst wordt bezocht, verschijnt bovenaan de pagina een cookiebanner. Na een klik op de knop "Lees hier meer over cookies" opent een dialoogvenster. Dit dialoogvenster heeft geen passende ARIA-rol en geen toegankelijke naam. Schermlezers kunnen hierdoor niet doorgeven dat het om een dialoogvenster gaat, en wat de inhoud ervan is. Dit kan opgelost worden door twee attributen toe te voegen aan het dialoogvenster: een aria-label met een duidelijke beschrijving van de inhoud (aria-label="Beschrijving van de inhoud") en role="dialog".
Hetzelfde probleem komt voor bij de cookiebanner-dialoog op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk en op pagina's van het gerelateerde domein.

De zoekknop van de zoekfunctie, bijvoorbeeld op pagina https://www.bibliotheeknoord-veluwe.nl/, heeft geen toegankelijke naam. Voeg een toegankelijke naam toe die de functie van de knop beschrijft.

Op pagina https://noord-veluwe.op-shop.nl/ staat een filterbalk. Elk filter opent een lijst met opties, maar een gebruiker van een schermlezer krijgt geen informatie over of deze inhoud open of gesloten staat. Als een element extra inhoud kan tonen of verbergen, moet hulpsoftware de staat van deze inhoud (zichtbaar of verborgen) kunnen vaststellen. Daarvoor kan het aria-expanded-attribuut gebruikt worden. Gebruik aria-expanded="true" op de knop of link die extra inhoud opent.
Hetzelfde probleem komt voor bij dezelfde filters op pagina https://noord-veluwe-edu.op-shop.nl/.

Op pagina https://noord-veluwe.op-shop.nl/ staat in de detailsectie van sommige evenementen (bijvoorbeeld "Bibliotheekspreekuur") het locatie-adres dat uitklapt en verborgen inhoud onthult. Het element dat de verborgen inhoud opent en sluit, is gerealiseerd als een div-element, dat niet automatisch een button-rol of toetsenbordinteractie biedt. Hoewel de open- of gesloten-staat visueel duidelijk is, wordt deze ook niet programmatisch doorgegeven aan schermlezers. Het aria-expanded-attribuut is wel aanwezig, maar omdat het element geen passende interactieve rol heeft, wordt de staat niet correct aangekondigd. Gebruik een native button-element voor de uitklapcontrole. Plaats het aria-expanded-attribuut op de knop en houd de waarde dynamisch up-to-date: true wanneer het paneel open is en false wanneer het gesloten is.
Hetzelfde probleem komt voor op de pagina's:
https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 en op
https://noord-veluwe-edu.op-shop.nl/10413/theatervoorstelling-nationale-voorleesdagen-2027/21-01-2027.
Het gaat om de vergelijkbare locatiesecties onder de afbeelding.

Op pagina https://noord-veluwe.op-shop.nl/291/taalcafe/vanaf/12-05-2026 ontbreekt een toegankelijke naam voor de keuzelijst (select-element) met het label "Locatie". Hierdoor is het element niet toegankelijk. Geef het select-element een toegankelijke naam.
Hetzelfde probleem komt voor op de pagina's:
https://noord-veluwe-edu.op-shop.nl/361/theatervoorstelling-nationale-voorleesdagen-2027 — bij dezelfde "Locatie"-selector, op
https://noord-veluwe.op-shop.nl/10131/workshop-etsen-in-bibliotheek-elburg/06-11-2026 — bij de "Aanmelden"-selector en op
https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief — bij het "Maand"-select-element.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_SearchHF#searchterm=werk staan onder de kop "Verfijn op" secties met verborgen inhoud. Hoewel de geopende of gesloten staat visueel duidelijk is, wordt deze niet programmatisch doorgegeven aan schermlezers. Voor blinde of slechtziende bezoekers die een schermlezer gebruiken is dit niet duidelijk. Dit kan worden opgelost door een aria-expanded-attribuut toe te voegen aan de knoppen waarmee de secties worden in- en uitgeklapt, of door visueel verborgen tekst toe te voegen die de staat van de sectie aangeeft.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 ontbreekt bij het invoerveld "Geboortedatum" een toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat zij in moeten vullen. Invoervelden moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef het invoerveld dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.

Op pagina https://www.sambis.nl/iguana/www.main.cls?sUrl=NVE_MijnBibliotheek&t=1#GuestRegistration=1&RegType=NVE_V2164 opent een "Let op"-dialoogvenster wanneer het formulier wordt verzonden met lege velden of onjuiste gegevens. De X-knop in het dialoogvenster heeft geen toegankelijke rol en geen toegankelijke naam. Omdat deze rol ontbreekt, is de knop ontoegankelijk voor bezoekers met schermlezers en bezoekers die zonder muis navigeren. De knop heeft een rol nodig die de schermlezer vertelt dat dit een interactief element is waarop kan worden geklikt of gedrukt om een actie in gang te zetten (het sluiten van een dialoogvenster). Wat betreft de toegankelijke naam, zijn er meerdere oplossingen om deze knop een naam te geven, bijvoorbeeld via een aria-label.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij de X-knop in het "Waardering"-dialoogvenster dat opent vanaf de beoordelingssterren.

Pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief bevat een iframe zonder beschrijving die zichtbaar is voor hulpsoftware. Het title-attribuut ontbreekt. Iframes moeten een goede beschrijving hebben, meestal via het title-attribuut. Daarin moet worden aangegeven welk type inhoud wordt weergegeven (bijvoorbeeld een podcast of formulier) en waar die inhoud over gaat. De beschrijving moet uniek en betekenisvol zijn. Door de beschrijving kunnen bezoekers met hulpsoftware bepalen of het de moeite waard is om de inhoud van het iframe te verkennen.

Pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief bevat een formulier waarbij de invoervelden "Email", "Voornaam" en "Achternaam" geen toegankelijke naam hebben. Schermlezergebruikers weten daardoor niet welke gegevens in deze velden moeten worden ingevuld. Koppel de zichtbare labels programmatisch aan de bijbehorende velden.
Hetzelfde probleem komt voor op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 bij de "Geef je mening"-selector in het "Waardering"-dialoogvenster.

Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=search&p=cd776044-7267-11e5-a92e-50569b526600#recordId=2.1587097 staan onder "Misschien ook interessant..." meerdere klikbare elementen (boeken) die niet de juiste toegankelijke rol hebben. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet. Zorg ervoor dat deze elementen de juiste toegankelijke rol hebben. De beste oplossing is gebruik te maken van standaard HTML-elementen. In dit geval is dat het a-element (link) dat de zichtbare tekst bevat.

Op een klein scherm heeft de menuknop (het "hamburger"-icoon met drie horizontale lijntjes) bovenin de pagina https://noord-veluwe.op-shop.nl/ en andere pagina's van dit domein niet de juiste toegankelijke rol. Hierdoor herkent hulpsoftware deze niet als knop. De juiste rol voor de menuknop zou "button" (knop) moeten zijn, omdat er een actie mee wordt uitgevoerd: het openen of sluiten van het menu. Als de knop niet de juiste rol heeft, kan een schermlezer of ander hulpmiddel de knop niet goed herkennen, waardoor deze moeilijker te gebruiken is voor mensen die deze hulptechnologie gebruiken. Gebruik een button-element voor de menuknop. Als dat niet mogelijk is, voeg role="button" toe aan het element en zorg dat het element voldoet aan de bijbehorende vereisten voor toetsenbordbediening en focus. Zorg dat de knop een toegankelijke naam krijgt die de functie van de knop beschrijft, en dat deze naam mee verandert als de functie van de knop verandert (bijvoorbeeld van "menu openen" naar "menu sluiten").
Hetzelfde probleem komt ook voor op het domein https://noord-veluwe-edu.op-shop.nl/.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.sambis.nl/iguana/www.main.cls?surl=NVE_Nieuwsbrief toont een formulier de statusmelding "Je gegevens zijn toegevoegd aan onze database" na verzending, zonder dat de pagina opnieuw laadt. De toetsenbordfocus wordt daarbij niet naar de melding verplaatst. Daarom is extra code nodig zodat schermlezers het statusbericht automatisch voorlezen zodra het verschijnt. Voeg aria-live="polite" of role="status" toe aan de melding. Meer informatie over role="status" is te vinden op de pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22.
Hetzelfde probleem komt voor bij de melding "Controleer de verplichte velden" wanneer het formulier wordt verzonden met lege velden of onjuiste gegevens.