Rapport:
Audit digitale toegankelijkheid website obgz.nl

Uitkomst: Onvoldoende

Bevindingen: Het logo van bibliotheek Gelderland Zuid op elke pagina van de website heeft als alt-tekst: "Gelderland Zuid". Deze alt-tekst is niet voldoende. Er ontbreekt informatie dat het het logo betreft voor de bibliotheek. Voeg die informatie toe aan de alt-tekst. De alternatieve tekst van een logo moet altijd tenminste de naam van de organisatie en eventuele overige tekst in de afbeelding bevatten en daarnaast een beschrijvend linkdoel als de afbeelding ook als link dient.

Op alle pagina's van de website 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 alt-tekst bij het img-element, een aria-label of een tekst die visueel verborgen is, maar wel toegankelijk is voor schermlezers. Dit probleem met de zoekknoppen is ook op pagina https://obgz.op-shop.nl/ te zien en ook wanneer de website op een klein scherm wordt bekeken en de menu-optie “Zoeken” wordt geselecteerd.

De banner op https://www.obgz.nl/ voor het YA-event op Valentijnsdag heeft het woord "gratis entree". Dit komt niet terug in alt-tekst, want de banner is ingeladen als achtergrondafbeelding. Deze informatie is dus niet beschikbaar voor bezoekers die niet kunnen zien. Los dit op door "gratis toegang' te verwerken in de tekst van de knop. Op deze manier is er een toegankelijk alternatief.

De praatplaat op https://www.obgz.nl/beleidsplan.html waarmee men de poster kan downloaden, heeft geen toegankelijk alternatief. Zorg dat alle tekst van de poster ook in de lopende tekst op de pagina beschikbaar is. In de alt-tekst moet dan ook opgenomen worden dat de tekst op de pagina beschikbaar is.

Op https://www.obgz.nl/over-ons/Nieuws/boekenliefde-op-valentijnsdag-tijdens-young-adult-book-event.html hebben de afbeeldingen een alt-attribuut, maar er is geen alt-tekst voorzien. Informatieve afbeeldingen zoals deze hebben alt-tekst nodig. Verzorg een beschrijvende alt-tekst.

Op pagina https://www.obgz.nl/collectie/reserveren-verlengen.html staat een video. De video heeft geen beschrijvende titel. Voeg een korte titel of samenvatting van de video toe. Dit probleem komt ook voor bij de video op pagina https://www.obgz.nl/beleidsplan.html.

Op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html onder "Volwassenen" bevat de link "Leestips voor jeugd" een pijlsymbool. Dit icoon is toegevoegd met CSS (::before pseudo-element) en wordt door schermlezers aangekondigd als "before". Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit probleem staat op pagina https://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 bij de link “Terug”.

Op https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762, staan boven de beoordelingssterren afbeeldingen met de alt-teksten “Romantische verhalen” en “Thriller”. Deze dupliceren teksten die ernaast staan. Omdat deze afbeeldingen geen extra informatie bieden ten opzichte van de omringende tekst, kunnen ze als decoratief worden beschouwd. De alt-attributen van deze afbeeldingen moeten leeg zijn (alt=""), om dubbele informatie voor gebruikers van schermlezers te voorkomen.

Het logo van de bibliotheek in de PDF https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf is niet getagd als afbeelding en er ontbreekt alt-tekst. Zorg dat de afbeelding getagd wordt en verzorg een alt-tekst.

Advies: om een toegankelijk alternatief te krijgen voor de vacature https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf is het aan te raden om alle tekst gewoon op de website te zetten. Dit geldt ook voor de poster (praatplaat) https://www.obgz.nl/dam/Beleid/bgz066-poster-voor--en-achterkant.pdf.

Advies: Op https://www.obgz.nl/organisatie.html heeft de banner voor het jaarbericht de alt-tekst: "Jaarbericht2023". Zorg ervoor dat de alt-tekst beschrijvend genoeg is, door een spatie toe te voegen tussen het woord en het jaartal.

Uitkomst: Onvoldoende

Bevindingen: Pagina https://www.obgz.nl/collectie/reserveren-verlengen.html bevat een instructievideo zonder gesproken tekst, die niet toegankelijk is voor blinde bezoekers. Maak deze informatie toegankelijk voor blinde bezoekers door een uitgeschreven tekst (transcriptie) of audiodescriptie toe te voegen. Zet deze tekst naast of onder de video op de pagina, zodat het duidelijk is dat het een beschrijving van de video-inhoud is.

Uitkomst: Onvoldoende

Bevindingen: Pagina https://www.obgz.nl/beleidsplan.html bevat een video met gesproken tekst, maar ondertitels ontbreken. Voeg ondertiteling toe aan de video. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie.

Op pagina https://www.obgz.nl/scholen/voortgezet-onderwijs.html wordt drie video's getoond. Deze video’s hebben een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obgz.nl/beleidsplan.html is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:15 '1 ontwikkeling jeugd'. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een voorleessoftware niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript. Of maak gebruik van een extra audiospoor om ook te voldoen aan SC 1.2.5. Dit probleem komt ook voor op pagina https://www.obgz.nl/scholen/voortgezet-onderwijs.html bijvoorbeeld om 0:03 bij de tekst in beeld 'Vliegensvlugge verteller' en bij de animatie op pagina https://www.obgz.nl/collectie/reserveren-verlengen.html.

Op de pagina https://www.obgz.nl/beleidsplan.html is een video waar het logo aan het begin en eind in beeld komt. Als een bezoeker de video niet kan zien, is de informatie dat dit een video is van de Bibliotheek Gelderland Zuid niet toegankelijk. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Dit probleem komt ook voor op pagina https://www.obgz.nl/scholen/voortgezet-onderwijs.html waar het logo aan het einde van de video in beeld staat.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obgz.nl/beleidsplan.html is er in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 0:15 '1 ontwikkeling jeugd'. Er ontbreekt een voiceover die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voiceover of maak gebruik van een audiodescriptie. Dit probleem komt ook voor op pagina https://www.obgz.nl/scholen/voortgezet-onderwijs.html bijvoorbeeld om 0:03 bij de tekst in beeld 'Vliegensvlugge verteller' en bij de animatie op pagina https://www.obgz.nl/collectie/reserveren-verlengen.html.

Op de pagina https://www.obgz.nl/beleidsplan.html is een video waar het logo aan het begin en eind in beeld komt. Als je dat niet kan zien mis je dat dit een video van de Bibliotheek Gelderland Zuid is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voiceover waardoor de audiodescriptie overbodig wordt. Dit probleem komt ook voor op pagina https://www.obgz.nl/scholen/voortgezet-onderwijs.html waar het logo aan het einde van de video in beeld staat.

Uitkomst: Onvoldoende

Bevindingen: In de header van de website https://www.obgz.nl/ staat een groep van twee radioknoppen (“Catalogus” en “Site”), voorafgegaan door de tekst “Zoeken in”. Deze relatie is visueel zichtbaar, maar is niet programmatisch vastgelegd in de HTML. 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.obgz.nl/ staat een carrousel met grijze stippen onderaan. Deze stippen geven aan hoeveel slides er zijn en welke slide actief is. De actieve slide ziet er anders uit dan de rest, maar deze informatie ontbreekt in de HTML. Hierdoor weten bezoekers die schermlezers gebruiken niet welke slide actief is. Deze informatie moet beschikbaar worden gemaakt met behulp van ARIA-technieken of een tekst die visueel verborgen is maar toegankelijk voor hulpsoftware.

Op https://www.obgz.nl/beleidsplan.html wordt er het b-element gebruikt om koppen op te maken (bijv. "Gemeentes" en "Impact maken"). Structuur en semantiek overbrengen voor hulpsoftware is belangrijk. Gebruik daarom het element h1- h6 om koppen op te maken. Denk hierbij ook aan het juiste niveau. Dit speelt ook op https://www.obgz.nl/over-ons/Nieuws/boekenliefde-op-valentijnsdag-tijdens-young-adult-book-event.html, https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 (“Inhoud” kop).

Op pagina https://www.obgz.nl/beleidsplan.html staat onder de kop “2 | Onze doelgroepen” een lijst met 4 items, maar de juiste markering ontbreekt. Tekst die eruitziet als een opsomming, moet ook zo in de code worden gemarkeerd. Meestal is hier een knop voor in de content-editor in het CMS. Voor lijsten en opsommingen worden de HTML-elementen ol (lijst met cijfers) of ul (lijst met bullets) gebruikt. Hulpsoftware weet dan hoe de tekst is gestructureerd. Bovendien kondigen schermlezers dan het aantal items in de lijst aan, voordat ze die gaan voorlezen. Zo weet een blinde bezoeker hoeveel informatie er nog komt.

Op pagina https://www.obgz.nl/beleidsplan.html staat onder de kop “4 | Onze impact” een geordende lijst met 4 items. In de code is deze lijst echter gemarkeerd met 2 ul-elementen. Hierdoor krijgen blinde bezoekers niet dezelfde informatiestructuur als ziende bezoekers. Plaats de 4 items in één ol-element, zodat de structuur correct is en schermlezers vooraf het juiste aantal items aankondigen.
Een vergelijkbaar probleem staat op pagina https://www.obgz.nl/lidworden.html, waar één lijst met 7 abonnementen in de code is verdeeld over drie afzonderlijke lijsten.

Op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html wordt een kop van niveau 3 direct gevolgd door een andere kop van hetzelfde niveau. Dit is te zien bij “Nog meer boekentips” en “Nieuwe boeken”, en bij “Lees of luister ook eens bij de online Bibliotheek” en “Populaire boeken als e-book”. 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 kopregelniveaus de structuur van de tekst correct weergeven.

Op pagina https://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 zijn de volgende teksten koppen, maar de kop-elementen ontbreken. In plaats daarvan wordt het strong-element gebruikt om ze er als koppen uit te laten zien. Dit is het geval bij “Wat is Dungeons & Dragons?” en “Over Spelslot”. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h4. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis.
Dit probleem staat op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 bij koppen in dialoogvensters die worden geopend via ?-knoppen op de tabbladen “Recensies” en “Tags”.

De afbeeldingen bij de evenementen op https://obgz.op-shop.nl/ hebben alt-tekst. De alt-tekst is echter de titel van het evenement, en beschrijft niet de afbeelding. Dat is niet correct. We raden het alt-attribuut leeg te laten, zodat de afbeelding als decoratief wordt gemarkeerd, en om de link om de afbeelding te verwijderen. Mocht men graag de afbeelding klikbaar houden, is het aan te raden elk evenement op te maken als een card. De titel van het evenement is de enige link in de card, maar de hele card is wel klikbaar door middel van JavaScript.

Bovenaan pagina https://obgz.op-shop.nl/ staat een groep filters met de labels “Categorie”, “Locatie”, “Tag” en “Wanneer”. Deze filters openen submenu’s met opties (checkboxen). Hulpsoftware kan de relaties tussen deze groepen niet begrijpen. De groepslabels, dat zijn de filters die submenu’s openen, hebben geen relatie met de inhoud die erbij hoort. De checkboxes in de submenu’s zijn niet gegroepeerd. De individuele labels van elk keuzevakje worden voorgelezen zonder het groepslabel. Dit kan worden opgelost door gebruik te maken van fieldset- en legend-elementen voor elke groep. Andere oplossingen zijn ook mogelijk.

Op alle pagina’s van het domein https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false staat naast het zoekveld een select-element. Visueel bevat de dropdown 5 opties. Maar in de HTML staat een lijst die niet-interactieve elementen bevat – het label “Zoek in” en een horizontale scheidingslijn. Deze elementen zijn niet verborgen voor hulpsoftware, waardoor de schermlezer ze meetelt als onderdeel van de lijst en 7 items aankondigt, wat meer is dan wat zichtbaar is. Pas het ul-element en maak van de tekst “Zoek in” een kopje.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false bevat een zijbalk met filters groepslabels zoals “Materiaal”, “Inhoud”, “Auteur” en andere, die niet gekoppeld zijn aan erbij horende groepen keuzevakjes. Hierdoor ziet de schermlezer niet dat er een relatie is tussen het groepslabel en de keuzevakjes (checkboxes). De individuele labels van elk keuzevakje worden voorgelezen zonder het groepslabel. Dit kan worden opgelost door gebruik te maken van fieldset- en legend-elementen. Andere oplossingen zijn ook mogelijk.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false staat boven de zoekresultaten een sorteerknop. Afhankelijk van de geselecteerde waarde in de bijbehorende combobox en de sorteervolgorde verandert het uiterlijk van de knop. Maar dit wordt niet aangegeven in de code. Voeg een korte tekstbeschrijving van de sorteerrichting toe — bijvoorbeeld met aria-label of aria-live — om aan te geven of de lijst oplopend of aflopend gesorteerd is.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false wordt in elk boek het strong-element misbruikt voor stijldoeleinden in de auteursnaam. 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. Gebruik hiervoor CSS.

Op https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false wordt er in de paginanavigatie knoppen gebruikt in plaats van links. Dit is semantisch niet correct. Knoppen dienen voor acties van een gebruikers (versturen formulier, bijvoorbeeld). Als je naar een nieuwe pagina gaat, dienen er links gebruikt te worden. Vervang de knoppen door links.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op het tabblad “Recensies” een knop met een “?”-icoon die een dialoogvenster opent. In de dialoog onder de kop “Recensies” is een tekstblok met meerdere alinea’s onjuist opgemaakt als één div-element. 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. Dit probleem doet zich voor op dezelfde pagina bij de tekst in het dialoogvenster dat geopend wordt vanuit de “?”-knop op het tabblad “Tags”.

In https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf zijn koppen niet als zodanig opgemaakt, maar als paragrafen. Om structuur over te brengen is het belangrijk een koppenstructuur te gebruiken. Pas de codelaag om koppen aan te duiden.

De PDF https://www.obgz.nl/dam/Beleid/bgz066-poster-voor--en-achterkant.pdf is niet voorzien van een codelaag, waardoor hulpsoftware bijvoorbeeld niet kan bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF codelaag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://obgz.op-shop.nl/ is de volgorde van HTML-elementen binnen evenementen niet correct, waarbij afbeeldingen boven de koppen zijn geplaatst. De huidige volgorde is afbeelding, datum, kop en overige tekst. Dat 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.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false is de volgorde van HTML-elementen binnen de boeken onjuist: de afbeeldingen staan boven de koppen. De huidige volgorde is afbeelding, tekst (naam auteur), kop (boektitel), overige tekst en knoppen. De koppen staan niet bovenaan in de code, wat verwarrend kan zijn voor schermlezers. Plaats de inhoud direct onder de juiste kop.

Op pagina https://www.obgz.nl/ staat een caroussel met boeken onder het kopje “Nieuwe boeken”. Direct onder dit kopje staat een knop om verder te bladeren. De leesvolgorde nu is: “Nieuwe boeken”, “verder”, de boektitels. Het zou logischer zijn om de knop onder de boektitels te verplaatsen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obgz.nl/klantenservice/vacatures/sollicitatieformulier.html ontbreekt bij een formulier met invoervelden voor persoonlijke gegevens (voornaam, achternaam, e-mailadres, telefoonnummer) het attribuut autocomplete. Invoervelden voor persoonlijke informatie zoals voornaam, achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut hebben met de juiste waarde. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al 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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obgz.nl/klantenservice/vacatures/sollicitatieformulier.html gebruiken de invoervelden “Functie”, “Hoe ben je bij deze vacature terecht gekomen?”, “CV” en “Motivatie” een aangepaste toetsenbordfocusindicator die uitsluitend is gebaseerd op een verandering van de achtergrondkleur. 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. Hiervoor kan het beste een extra visuele aanduiding toegevoegd worden. Denk aan een dikkere rand, een onderstreping.

Bovenaan pagina https://obgz.op-shop.nl/ staan vier filters. Wanneer deze worden geopend (momenteel alleen met een muisklik, zoals beschreven bij 2.1.1), gebruiken de selectievakjes en radioknoppen binnen deze filters een aangepaste toetsenbordfocusindicator die alleen is gebaseerd op een verandering van de achtergrondkleur. Het kleurcontrast tussen de gefocuste en niet-gefocuste achtergrond is te laag (minder dan 3,0:1), waardoor de focusindicator onvoldoende zichtbaar is voor bezoekers met een visuele beperking en toetsenbordgebruikers. Voeg een duidelijkere focusindicator toe, zoals een dikkere rand, onderstreping of verander het achtergrondcontrast.
Dit probleem staat op pagina https://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 bij de combobox onder “Aanmelden gratis”.

Wanneer de website op een klein scherm wordt bekeken, verschijnt het mobiele navigatiemenu in de footer. Wanneer de opties “Home”, “Menu” of “Zoeken” toetsenbordfocus krijgen, verandert alleen de kleur van het icoon en de tekst van wit naar oranje. Dit is het enige zichtbare verschil ten opzichte van de niet-gefocuste toestand. Zorg voor een duidelijkere focusindicator, zodat de focus beter zichtbaar is voor bezoekers die met het toetsenbord navigeren.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de header van de website is een zoekveld aanwezig. Wanneer dit veld de hover-staat krijgt, verschijnt de placeholdertekst in grijs (HEX #757575) op een lichtgrijze (HEX #EDEDED) achtergrond. Dit levert een contrastratio op van 3,9:1. In de focus-status is de achtergrondkleur lichtoranje (HEX #FDE5D0) met dezelfde grijze placeholdertekst, wat resulteert in een contrastratio van 3,8:1. Beide situaties voldoen niet aan de minimale eis van 4,5:1 voor kleine tekst. De placeholdertekst moet daarom een kleur krijgen met voldoende contrast ten opzichte van de achtergrond. Dit probleem doet zich ook voor op kleine schermen wanneer het zoekmenu “Zoeken” is geopend.

Op pagina https://www.obgz.nl/zoekresultaten.website.html?q=teststaat in de zijbalk met filters onder de kop “Verfijnen op resultaten” een accordion “Type”. Wanneer deze accordion toetsenbordfocus krijgt, verandert de kop van zwart naar oranje. De oranje (HEX #FF7320) tekst op een witte achtergrond heeft een onvoldoende contrastratio van 2,7:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.
Een vergelijkbaar probleem staat op pagina https://www.obgz.nl/lidworden.html bij de accordions onder de kop “Uitzondering per abonnement”.

Op pagina https://www.obgz.nl/zoekresultaten.website.html?q=test staat in de zijbalk met filters het getal “3” naast “Nieuwsbericht” met een onvoldoende contrastratio. Het donkergrijze (HEX #757575) getal op een lichtgrijze (HEX #EDEDED) achtergrond heeft een contrastratio van 3,9:1. Dit is lager dan het vereiste minimum van 4,5:1.

Op pagina https://www.obgz.nl/diensten.html staat onder de kop “Jongeren” bij een van de evenementen de rode (HEX #FF0000) tekst “Er zijn geen plaatsen meer beschikbaar”. Deze tekst heeft een contrastratio van 4,0:1 ten opzichte van de witte achtergrond. Zorg dat het contrast minimaal 4,5:1 is.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op het tabblad “Recensies” een rode knop met een uitroepteken. Het witte (HEX #F9F9F9) cijfer “0” op de rode (HEX #D36860) achtergrond heeft een kleurcontrast van 3,4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn.

De kop "Adviseurs media" in de https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf heeft onvoldoende contrast. De oranje (HEX #EFA882) tekst op oranje achtergrond (HEX #FEE3D3) heeft een contrastverhouding van 1,6:1 waar minimaal 3:1 is vereist.

De afbeelding aan het einde van de PDF https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf veroorzaakt contrastproblemen met de tekst die erover heen valt. Deze is hierdoor nauwelijks leesbaar. Verwijder of verklein de afbeelding, zodat de tekst leesbaar wordt. De contrastverhouding voor kleine tekst moet minimaal 4,5:1 zijn, voor grote tekst 3:1.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina https://obgz.op-shop.nl/ wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en is ingezoomd tot 200%, zijn de volgende links in de header niet zichtbaar en niet bedienbaar: “Agenda”, “Collectie”, “Leestips” en vier andere. Als een bezoeker inzoomt, moet alles nog werken.

Uitkomst: Onvoldoende

Bevindingen: De praatplaat op https://www.obgz.nl/beleidsplan.html waarmee men de poster kan downloaden, heeft geen toegankelijk alternatief en de PDF is niet toegankelijk. Zorg dat alle tekst van de poster ook in de lopende tekst op de pagina beschikbaar is, nu mist er informatie, bijvoorbeeld over de organisatie (5). Een tekst zoals 'Lees meer over wat de bibliotheek hieraan wil doen in deze praatplaat' is niet behulpzaam op bijvoorbeeld blinde bezoekers wanneer de pdf niet gecodeerd is. Omdat de overige tekst van de praatplaat wel als platte tekst op de pagina staat is een mogelijke oplossing om die informatie aan te vullen met de missende informatie die wel in de pdf staat. In de alt-tekst van de afbeelding moet dan ook opgenomen worden dat de tekst op de pagina beschikbaar is, zie hiervoor succescriterium 1.1.1.

Advies: om een toegankelijk alternatief te krijgen voor de vacature https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf is het aan te raden om alle tekst gewoon op de website te zetten.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de pagina https://obgz.op-shop.nl/ wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en is ingezoomd tot 400%, zijn de volgende links in de header niet zichtbaar en niet bedienbaar: “Agenda”, “Collectie”, “Leestips” en vier andere. Als een bezoeker inzoomt, moet alles nog werken.

Wanneer de pagina https://obgz.op-shop.nl/ wordt bekeken met een schermresolutie van 1280 bij 1024 pixels en is ingezoomd tot 400%, zijn de namen van bibliotheken bij sommige evenementen gedeeltelijk niet zichtbaar. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website https://www.obgz.nl/ opent de knop “Lees hier meer over cookies” in de cookiebanner een dialoogvenster. Onderaan dit dialoogvenster staan de knoppen “Akkoord” en “Niet akkoord”. Deze knoppen hebben een aangepaste toetsenbordfocusindicator, namelijk een oranje rand (HEX #FF7320) op een witte achtergrond. De contrastratio tussen deze kleuren is 2,7:1, wat lager is dan het vereiste minimum van 3,0:1. Op de site wordt niet de standaard focusindicator gebruikt, maar een aangepaste versie met een (gekleurde) rand. Die aanpassing is met CSS toegevoegd. Voor de standaard focusindicator zijn geen contrasteisen in WCAG; die wordt dus altijd goedgekeurd voor dit succescriterium. Bezoekers kunnen een *standaard* focusindicator namelijk zelf aanpassen, naar hun eigen wensen. Maar dat kan niet meer als de focusindicator met CSS is aangepast. Daarom gelden de contrasteisen in dat geval wél. Dit moet ten minste 3,0:1 zijn.
Een vergelijkbaar probleem staat bij links op pagina’s https://www.obgz.nl/ https://www.obgz.nl/organisatie.html, https://www.obgz.nl/lidworden.html en andere.

Nadat een bezoeker cookies heeft geaccepteerd, verschijnen in de footer de knoppen “Trek je toestemming in” en “Cookie-instellingen wijzigen”. Deze hebben een aangepaste focusindicator: een oranje (HEX #FF7320) rand op een lichtoranje (HEX #FDE5D0) achtergrond. De contrastratio van 2,2:1 is te laag. Omdat dit een aangepaste focusindicator is, moet deze voldoen aan de minimale contrastratio van 3,0:1.
Een vergelijkbaar probleem staat bij de link “Kom je er niet uit? Neem contact op met de klantenservice” op pagina https://www.obgz.nl/lidworden.html, bij de link “Leestips voor jeugd” op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html en op andere pagina’s van de website.

Op pagina https://www.obgz.nl/ staat een carrousel. Onder de carrousel zijn drie grijze stippen (HEX #999999) zichtbaar tegen een witte achtergrond. Deze dienen om de actieve slide aan te geven. De contrastratio van 2,8:1 is te laag voor informatieve elementen. Voor dit soort visuele aanduidingen geldt een minimumcontrastratio van 3,0:1. Zorg dat deze indicatoren voldoende contrast hebben met de achtergrond.

Op pagina https://www.obgz.nl/zoekresultaten.website.html?q=test staat in de zijbalk met filters onder de kop “Verfijnen op resultaten” een accordion “Type”. Wanneer deze accordion toetsenbordfocus krijgt, verandert het pijl-icoon van zwart naar oranje. Het oranje icoon (HEX #FF7320) op een witte achtergrond heeft een onvoldoende contrastratio van 2,7:1. Voor informatieve elementen geldt een minimale contrastratio van 3,0:1.
Een vergelijkbaar probleem staat op pagina https://www.obgz.nl/lidworden.html bij de “+”- en “-”-iconen naast de accordions onder de kop “Uitzondering per abonnement”.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false hebben sommige interactieve elementen een aangepaste toetsenbordfocus-indicator. Voor de link “Inloggen” in de header is dit een grijze (HEX #A3A2A3) rand op een lichtgrijze (HEX #EFEFEF) achtergrond, waardoor de contrastverhouding tussen deze kleuren 2,2:1 is. Voor de knop “Zoeken”, de knop “Wis alle filters”, de keuzevakjes in de sectie “Filters” en enkele andere elementen is de focus een grijze (HEX #ABAAAB) rand op een witte achtergrond, waardoor de contrastverhouding 2,3:1 is. Beide waarden liggen onder het vereiste minimum van 3,0:1. Vergelijkbare problemen met focus zijn ook aanwezig op pagina’s https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Bovenaan pagina https://obgz.op-shop.nl/ staan vier filters die niet toegankelijk zijn met het toetsenbord. Het is niet mogelijk om de comboboxen met het toetsenbord alleen te openen en te sluiten. Zorg dat alle interactieve elementen, waaronder de filters, met het toetsenbord kunnen worden bediend.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false verschijnt een dialoogvenster wanneer een bezoeker niet is ingelogd en op de knoppen “Reserveren” of “Mijn lijsten” naast een boek klikt. Na enkele seconden wordt de bezoeker automatisch doorgestuurd naar de inlogpagina, zonder voorafgaande waarschuwing. Zorg dat bezoekers de mogelijkheid hebben om deze tijdslimiet uit te zetten, aan te passen of te verlengen. Dit probleem doet zich voor bij identieke dialogen op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: De pagina https://obgz.op-shop.nl/ heeft skiplinks, maar deze werken niet correct. Ze zijn visueel aanwezig en met het toetsenbord bereikbaar, maar verplaatsen de focus niet naar de bedoelde bestemming en leiden de bezoeker door naar de homepagina https://www.obgz.nl/. 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 toetsenbordfocus krijgt. Zorg dat de skiplinks werken zoals hierboven is beschreven, en dat de focus naar de juiste content wordt verplaatst.
Dit probleem staat op andere pagina’s van het domein.

Pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false heeft geen skiplink. Voeg een skiplink toe als eerste link op de pagina, zodat bezoekers herhalende inhoud zoals navigatie kunnen overslaan; de link mag verborgen zijn maar moet zichtbaar worden bij focus.
Dit speelt ook op andere pagina’s van het domein.

Uitkomst: Onvoldoende

Bevindingen: De PDF https://www.obgz.nl/dam/Vacatures/25-02-adviseur-media-2-vacatures--1-.pdf heeft geen documenttitel ingesteld. Zorg voor een titel die de inhoud van het document beschrijft. Dit speelt ook bij de PDF https://www.obgz.nl/dam/Beleid/bgz066-poster-voor--en-achterkant.pdf en zorg hier ook dat niet de bestandsnaam maar de documenttitel wordt getoond.

Pagina’s https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false, https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 en andere pagina’s van het domein hebben dezelfde tekst in het title-element van de pagina: “Catalogus”. 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.

Advies: hoewel iedere pagina een unieke titel heeft, ontbreekt de organisatienaam in de titel. Hierdoor kan het lastig zijn voor bezoekers om te herleiden bij welke website een tabblad hoort. Voeg de organisatienaam toe om dit op te lossen.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina’s van de website https://www.obgz.nl/ opent de knop “Lees hier meer over cookies” een dialoogvenster met een cookiemelding. 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://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false staat een sectie “Filter”. Bij sommige filteropties (bijvoorbeeld “Materiaal” of “Auteur”) staat een knop “Meer…”. Wanneer een bezoeker hierop drukt, worden er extra filteropties toegevoegd. De toetsenbordfocus verplaatst zich niet naar de eerst nieuw toegevoegde optie, maar naar de knop “Minder…” eronder. Wanneer nieuwe filteropties worden geladen, moet de toetsenbordfocus automatisch worden verplaatst naar de eerst nieuw toegevoegde optie.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staan tabbladen die bestaan uit secties met verborgen inhoud, die zichtbaar wordt wanneer een bezoeker op het tabblad drukt. De volgorde van de toetsenbordfocus werkt niet zoals verwacht. Tabbladen bestaan uit tablinks en tabpanelen. Eén van de tabpanelen is zichtbaar, de rest verborgen. Als een bezoeker op een tab klikt of deze activeert met het toetsenbord, verschijnt de inhoud van het bijbehorende tabpaneel. De pijltjestoetsen worden gebruikt om door de tablinks te navigeren. Als de toetsenbordfocus het actieve tabblad bereikt, moet de focus naar de inhoud van het bijbehorende tabpaneel gaan. Dit is de verwachte focusvolgorde. Lees er meer over op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.

Uitkomst: Onvoldoende

Bevindingen: Op https://www.obgz.nl/oepsie.html zijn er links naar de homepagina, lidmaatschap, activiteiten, collectie en Mijn Bibliotheek. Naast knoppen, zijn ook de afbeeldingen met links. Deze hebben echter geen linktekst, waardoor er ook geen linkdoel is. Omdat de pagina's op dezelfde pagina al gelinkt worden, is het eigenlijk ook dubbelop. Verwijder de links rond de ronde afbeeldingen.

De praatplaat op https://www.obgz.nl/beleidsplan.html waarmee men de poster kan downloaden, heeft geen duidelijke linktekst. De alt-tekst (SBB praatplaat) fungeert als linktekst, maar het is niet duidelijk dat men een poster kan downloaden met deze link. Zorg voor een beschrijvende linktekst. Mogelijk moet de link anders opgebouwd worden om ervoor te zorgen dat de alt-tekst geen deel meer uitmaakt van de linktekst.

Op pagina https://www.obgz.nl/lidworden.html hebben meerdere links dezelfde tekst “Word lid” voor verschillende abonnementstypen. Dit kan verwarrend zijn voor bezoekers, vooral voor bezoekers die schermlezers gebruiken. Zorg dat de linktekst duidelijk aangeeft naar welke bestemming de link verwijst. Omdat de context van de links visueel duidelijk is, doordat elke link in een specifieke sectie staat, kan de linktekst worden aangevuld met visueel verborgen tekst die extra context geeft. Bijvoorbeeld: “Word lid (Jeugd abonnement)”. Een vergelijkbaar probleem staat op pagina https://obgz.op-shop.nl/ bij meerdere links met de tekst “Meer informatie” en “Meer informatie en reserveren”.

Op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html onder "Volwassenen" de link "Leestips voor jeugd" heeft een toegankelijke naam: "before Leestips voor jeugd". Deze tekst geeft geen adequate beschrijving van de bestemming van de link, waardoor onduidelijkheid ontstaat, vooral voor gebruikers met cognitieve beperkingen of gebruikers die afhankelijk zijn van schermlezers. Zorg dat duidelijk is waar een link naartoe leidt. Dit probleem staat op pagina https://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 bij de link “Terug”.

Op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html functioneren de pijl-iconen onder de carrousels “Nieuwe e-books” en “Nieuwe luisterboeken” als links, maar hebben ze geen tekstalternatieven. Hierdoor zijn ze niet beschikbaar voor schermlezers. Daardoor heeft deze link geen inhoud en is het onduidelijk naar welke bestemming de link verwijst. Dit probleem is gerelateerd aan succescriterium 4.1.2, want de link heeft hierdoor ook geen toegankelijke naam. Voorzie de link van een beschrijvende toegankelijke naam, zodat voor gebruikers van schermlezers duidelijk is waar de link naartoe leidt.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.obgz.nl/beleidsplan.html heeft iframe onder de kop “In de bibliotheek is iedereen welkom!” 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 schermlezersgebruikers duidelijk is waar het iframe over gaat. Idealiter moet de titel van het iframe het type inhoud vermelden (in dit geval "video") samen met een beknopte beschrijving van de inhoud. Dit probleem komt ook voor bij video’s op pagina’s https://www.obgz.nl/collectie/reserveren-verlengen.html, https://www.obgz.nl/scholen/voortgezet-onderwijs.html.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false staat naast het zoekveld een selectievakje met “Auteur”. Dit is een knop met de toegankelijke naam “SEARCH_SELECT_SCOPE Auteur”. Deze naam is niet beschrijvend en bevat bovendien niet-leesbare tekens (underscores). De tekst van links mag geen symbolen bevatten zoals streepjes en underscores. Deze karakters maken het doel van de link onduidelijk. Verwijder de niet-leesbare karakters en herschrijf de tekst. Zorg dat de linktekst duidelijk en beschrijvend is. Zie ook succescriterium 3.1.2.

Op https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false als je een boek toevoegt aan “Mijn Lijsten”, opent er een modal. De knop om dat modal te sluiten heeft als label “MODAL.CLOSE”. Geef deze knop een beter beschrijvend label. Dit speelt ook op andere pagina’s van dit domein.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website voor het eerst wordt bezocht, verschijnt er een cookiebanner bovenaan de pagina. Na het klikken op de knop "Lees hier meer over cookies" opent er 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 alle pagina’s van de website, bijvoorbeeld op pagina https://www.obgz.nl/, is in de header de toetsenbordfocus niet zichtbaar op de twee radioknoppen “Catalogus” en “Site”. Interactieve elementen dienen altijd een zichtbare focusindicator te krijgen, die voldoende contrast biedt met de achtergrond en het element dat het omringt.

Op pagina https://obgz.op-shop.nl/ is de toetsenbordfocus niet zichtbaar op de pagineringslinks. Zorg voor zichtbare toetsenbordfocusindicatoren bij deze interactieve elementen.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 is de toetsenbordfocus niet zichtbaar op knoppen met “?”-iconen op de tabbladen “Recensies” en “Tags”. Zorg dat de focus zichtbaar is op alle interactieve elementen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: In de header van de website staat een zoekveld. De placeholdertekst is “Waar ben je naar op zoek?”, maar de toegankelijke naam van het invoerelement 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://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 bevat een combobox waarbij het label erboven “Aanmelden gratis” is, maar de toegankelijke naam leeg is. 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.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op het tabblad “Lijsten” een zoekveld. De placeholdertekst “Zoek in lijsten” wordt gebruikt als zichtbaar label, maar de toegankelijke naam is “Zoek”. De zichtbare tekst van een interactief element mag niet te veel afwijken van de toegankelijke naam van het element. Als de zichtbare tekst ontbreekt in de toegankelijke naam, is spraakbediening niet mogelijk. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat alle zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false en op andere pagina’s van het domein heeft in de header de knop met de zichtbare tekst “Alle vestigingen” de toegankelijke naam “Vestiging wijzigen”. Zorg dat de toegankelijke naam de zichtbare tekst bevat (bij voorkeur vooraan), zodat spraakcommando’s correct werken voor gebruikers van stembediening.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De pagina https://www.obgz.nl/diensten/lid-worden/welcome.html is in het Engels, maar in de code wordt niet aangegeven dat deze pagina Engelstalig is. Hierdoor zal hulpsoftware de pagina niet op een correcte manier voorlezen. Verzorg het juiste taalattribuut.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false is het lang-attribuut onjuist ingesteld als "nl_NL". De juiste waarde voor het lang-attribuut is "nl-NL", met een koppelteken in plaats van een underscore. Dit is belangrijk zodat hulpsoftware de juiste uitspraakregels kan toepassen voor Nederlandse inhoud. Pas het lang-attribuut aan naar "nl-NL" op alle pagina’s van dit domein.

De PDF https://www.obgz.nl/dam/Beleid/bgz066-poster-voor--en-achterkant.pdf heeft geen taal ingesteld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

Uitkomst: Onvoldoende

Bevindingen: De pagina https://www.obgz.nl/diensten/lid-worden/welcome.html is in het Engels, maar er zijn Nederlandse woorden aanwezig. Er vindt geen taalwisseling in de code plaats, zodat hulpsoftware van taal kan wisselen. Duid iedere taalwisseling in de tekst aan in de code, zodat de juiste taalinstellingen gebruikt worden (voor eigennamen hoeft dit niet).

Pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false evat meerdere elementen met Engelstalige toegankelijke namen: het zoekveld heeft de toegankelijke naam “SEARCH.SEARCH”, de knop naast het zoekveld heeft de toegankelijke naam “SEARCH_SELECT_SCOPE Auteur”, de sorteerknop heeft de toegankelijke naam “SEARCH.SORTING”, de beoordelingssterren in de boekkaarten hebben aria-labels in het Engels (bijvoorbeeld “Rating: 4 out of 5 stars”), en in het dialoogvenster “Mijn lijsten” heeft de “x”-knop het aria-label “MODAL.CLOSE”. Deze labels worden door schermlezers uitgesproken volgens de uitspraakregels van de hoofdtaal van de pagina (in dit geval Nederlands). Vertaal de toegankelijke namen naar het Nederlands. Zie ook succescriteria 2.4.6 en 1.3.1. Dit speelt ook op andere pagina's van het domein.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Het formulier op pagina https://www.obgz.nl/klantenservice/vacatures/sollicitatieformulier.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.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op het tabblad “Lijsten” een zoekveld. Het zoekveld gebruikt placeholdertekst (“Zoek in lijsten”) als label, maar er ontbreekt een permanent, zichtbaar label. Invoervelden moeten een label hebben dat altijd zichtbaar is. Dat kan een tekst zijn of een afbeelding (icoon). Een placeholdertekst kan niet als label dienen, omdat deze tekst verdwijnt zodra 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.

Uitkomst: Onvoldoende

Bevindingen: Het formulier op pagina https://www.obgz.nl/klantenservice/vacatures/sollicitatieformulier.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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: De lijsten van activiteiten voor jeugd, jongeren en volwassenen op https://www.obgz.nl/diensten.html zijn via een iframe op de pagina geplaatst. Bij de iframes ontbreekt het title-attribuut. Het is belangrijk voor hulpsoftware dat iframes een toegankelijke naam hebben. Voeg het title-attribuut toe en verzorg een beschrijvende naam.

De zoekknop in de header op alle pagina’s van https://www.obgz.nl/ heeft geen toegankelijke naam. Voeg een toegankelijke naam toe die de functie van de knop beschrijft. Dit probleem met de zoekknoppen is ook aanwezig op pagina https://obgz.op-shop.nl/ en op alle pagina’s wanneer de website op een klein scherm wordt bekeken en de menu-optie “Zoeken” wordt geselecteerd.

Op pagina https://www.obgz.nl/ staan knoppen met de toegankelijke naam 'volgende'. Deze tekst beschrijft onvoldoende de functie van de knop, voeg bijvoorbeeld toe dat het om een 'volgende slide' gaat.

Op pagina https://www.obgz.nl/leestips/volwassenen/collectie.html functioneren de pijl-iconen onder de carrousels “Nieuwe e-books” en “Nieuwe luisterboeken” als links, maar hebben ze geen toegankelijke naam. Hierdoor is voor gebruikers van een schermlezer onduidelijk wat de bestemming of de functie van de link is. Dit probleem hangt ook samen met succescriterium 2.4.4, omdat de doelen van de links niet duidelijk zijn.

Bovenaan de pagina https://obgz.op-shop.nl/ staan vier filters die gebruikmaken van select-elementen. Deze select-elementen hebben geen toegankelijke naam of rol. Zonder naam kunnen schermlezers de functie van het select-element niet uitleggen aan de gebruiker. Voeg toegankelijke namen toe met behulp van een label of aria-label, zodat elk select-element beschrijvend is en begrijpelijk wordt voor bezoekers die hulpsoftware gebruiken.

Op pagina https://obgz.op-shop.nl/17936/dungeons-dragons-avond/06-01-2026 staat een combobox-element zonder toegankelijke naam. Hierdoor is het voor blinde of slechtziende bezoekers die een schermlezer gebruiken niet duidelijk wat zij in moeten vullen. Select-elementen moeten altijd een toegankelijke naam hebben die het doel van het veld beschrijft. Geef de combobox dus een toegankelijke naam, bijvoorbeeld door een label-element aan het veld te koppelen.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false naast het zoekveld staat een keuzevak met de zichtbare tekst “Auteur” die een submenu opent. Er staat een lijst (een ul-element) in. De items in deze lijst hebben onjuist de ARIA-rol “menuitem” gekregen. Dit attribuut maakt deze lijst juist minder toegankelijk. Elementen met de rol “menuitem” moeten binnen een overkoepelende rol staan, zoals “menu”, “menubar” of “group”. En deze rol ontbreekt. Bovendien hoort bij deze ARIA-rollen een andere toetsenbordbediening. Die kan toegevoegd worden, maar dan moeten ook de juiste toetsenbordfuncties worden ingesteld. Voor dit eenvoudige menu is dit allemaal niet nodig. Het is daarom beter om role=“menubar” en role=“menuitem” achterwege te laten. Die zijn bedoeld voor andere, meer complexe toepassingen en niet voor een standaard menu op een website. Een betere oplossing is om hier gewoon een geneste lijst (ul) te gebruiken. Op https://www.w3.org/WAI/ARIA/apg/patterns/menu/ staat wat er nodig is om een toepassing met role=“menubar” te bouwen.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat een sectie met content die eruitziet en werkt als tabbladen. Wanneer een bezoeker op de tabkop klikt, verschijnt nieuwe content. De “tab”-elementen hebben de juiste rollen, maar de elementen die het contentpaneel voor elke tab bevatten, missen de vereiste rol “tabpanel”. De attributen “aria-controls” ontbreken ook, waardoor hulpsoftware niet kan bepalen welke tab welk paneel opent. Bovendien heeft het actieve tab-element geen aria-selected-attribuut, waardoor een blinde bezoeker niet weet welk onderdeel momenteel geopend is. Voeg de juiste rollen en attributen toe aan de elementen. Meer hierover is te lezen op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op het tabblad “Recensies” een knop met een “?”-icoon dat een dialoogvenster opent. Dit dialoogvenster mist een toegankelijke naam. Een blinde bezoeker heeft deze naam nodig om de inhoud van het dialoogvenster te begrijpen. Schermlezers kunnen hierdoor niet doorgeven wat hier staat. Dit kan opgelost worden door een aria-label aan het dialoogvenster toe te voegen met een duidelijke beschrijving van de inhoud.
Dit probleem doet zich voor op dezelfde pagina bij het dialoogvenster dat wordt geopend via de “?”-knop op het tabblad “Tags”.

Op pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/title-detail/WISE/1338762 staat op “Lijsten” een tabel. De tabelkoppen kunnen sorteren, maar hebben niet de juiste rol. Voorzie de interactieve elementen van een duidelijke toegankelijke rol, bijvoorbeeld “button”.

Wanneer de pagina https://obgz.hostedwise.nl/wise-apps/opac/branch/9990/catalog/search?qs=Christie,%20Agatha&scope=author&filterAvailableTitles=false op een klein scherm wordt bekeken, opent de knop “Zoekresultaten verfijnen” een zijbalk met filters. Deze zijbalk heeft de rol van dialoog, maar geen toegankelijke naam. Omdat schermlezers de inhoud niet herkennen, is een duidelijk aria-label voor het dialoogvenster nodig.

Uitkomst: Niet aanwezig