Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website dbieb

(Alleen de bevindingen)

Scope van de evaluatie

Naam website dbieb
Datum 1 juli 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op dbieb.nl
  • Alle pagina's op biebprinten.nl/dbieb
  • Alle PDF's op dbieb.nl
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
    		•
    Conformiteitsdoel WCAG 2.1 niveau AA

    Uitgebreide toetsresultaten

    Aantal bevindingen: 51

    1. Waarneembaar

    1.1 Tekstalternatieven

    1.1.1 Niet-tekstuele content (Niveau A)

    Informatie over succescriterium 1.1.1 Niet-tekstuele content

    Uitkomst: Onvoldoende

    Bevinding 1: Het logo dat op onder andere de homepagina https://www.dbieb.nl/ staat, bevat visueel de tekst 'dbieb'. De alternatieve tekst is 'Bibliotheken Midden Fryslân'. Hierdoor is de zichtbare tekst van het logo niet beschikbaar voor bezoekers die niet kunnen zien. Ook veroorzaakt dit een toegankelijkheidsprobleem bij succescriterium 2.5.3. Pas de alternatieve tekst aan, zodat zowel de term 'logo' als de tekst die in het logo te zien is, hierin terug komt.

    Bevinding 2: Op pagina https://www.dbieb.nl/service/contact.html staat onder de kop 'Contact' een afbeelding. De alternatieve tekst is 'Contact met dbieb'. Dit beschrijft onvoldoende wat op de afbeelding te zien is. Bij een decoratieve afbeelding is het niet nodig om een alternatieve tekst toe te voegen, de afbeelding kan doormiddel van een leeg alt-attribuut voor hulpsoftware worden verborgen. Als er wel een alternatieve tekst is, zorg dan dat deze beschrijft wat op de afbeelding te zien is.

    Bevinding 3: Op pagina https://biebprinten.nl/dbieb staat een afbeelding van het logo 'dbieb'. Deze afbeelding heeft geen alternatieve tekst, maar is ook niet op correcte wijze voor hulpsoftware verborgen. Omdat het gaat om een logo, is het een informatieve afbeelding. Voeg daarom een alt-attribuut toe met een alternatieve tekst waarin zowel het woord 'logo' als de tekst die op het logo zichtbaar is terug komt. Ditzelfde komt voor op pagina https://biebprinten.nl/AccountPrints/Manage bij zowel de ingelogde versie als de gastcode-versie.

    Bevinding 4: Op pagina https://www.dbieb.nl/over-ons/werken-bij.html staat bij de kop 'Meer weten?' een portretfoto met alternatieve tekst 'vraag vrijwilligers'. Wat op de afbeelding te zien is wordt hiermee onvoldoende beschreven. Ook maakt dit het linkdoel van de link waarin de afbeelding staat onvoldoende duidelijk.

    Bevinding 5: Het PDF document /https://www.dbieb.nl/dam/bestanden/over-ons/Vacature%203%20lees-%20en%20mediaconsulenten.pdf bevat een afbeelding met het logo 'dbieb'. Deze afbeelding heeft geen alternatieve tekst, waardoor de informatie niet beschikbaar is voor bezoekers die niet kunnen zien. Geef de afbeelding de juiste tag in de codelaag, en voeg een alternatieve tekst toe.

    1.3 Aanpasbaar

    1.3.1 Info en relaties (Niveau A)

    Informatie over succescriterium 1.3.1 Info en relaties

    Uitkomst: Onvoldoende

    Bevinding 6: Op pagina https://www.dbieb.nl/service/contact.html staat een formulier met daarin het invoerveld 'Pasnummer'. Onder dit veld staat de extra instructie 'Vul het nummer van je lenerspas in'. Doordat deze na het invoerveld is geplaatst, komen bezoekers die gebruik maken van hulpsoftware zoals een screenreader deze tekst niet zomaar tegen als zij via de tabtoets door de invoervelden heen navigeren. Zorg ervoor dat de instructie programmatisch aan het veld wordt gekoppeld, zodat hulpsoftware deze kan voorlezen zodra de focus op het veld valt.

    Bevinding 7: Op pagina https://www.dbieb.nl/over-ons.html staat in de tekst onder de kop 'dbieb' een dikgedrukte tekst, 'dé plek voor iedereen'. Omdat deze tekst de onderliggende content beschrijft, heeft deze de functie van een kop. Daarom is het belangrijk om deze niet met het b-element maar als kop op het juiste kopniveau op te maken. De styling kan in CSS aangepast worden.

    Bevinding 8: Op pagina https://biebprinten.nl/AccountPrints/Manage staan bij het label 'Opties' de keuzerondjes 'Zwart/wit' en 'Kleur'. Doordat het label niet programmatisch is gekoppeld aan de keuzerondjes, wordt deze niet voorgelezen door hulpsoftware zoals een screenreader wanneer de focus hierop valt. Maak bijvoorbeeld gebruik van een combinatie van fieldset en legend om dit op te lossen. Ditzelfde komt voor bij pagina https://biebprinten.nl/AccountPrints/Manage bij zowel de ingelogde versie als de gastcode-versie.

    Bevinding 9: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) kan een dialoogvenster worden geopend via 'Community-profiel aanmaken'. Hier is een invoerveld te vinden. Buiten het veld is het label 'Kies een nickname' te zien, maar dit label is niet programmatisch aan het invoerveld gekoppeld. Bezoekers die gebruik maken van hulpsoftware zoals een screenreader horen daardoor niet waar het invoerveld voor bedoeld is, als zij via de tabtoets over de pagina navigeren of op andere manier direct naar het invoerveld springen. Koppel het tekstlabel aan het invoerveld door het for-attribuut toe te voegen aan het label-element, zorg ervoor dat dit for-attribuut verwijst naar een id-attribuut dat in het input-element (invoerveld) staat.

    Bevinding 10: Het PDF document /https://www.dbieb.nl/dam/bestanden/over-ons/Vacature%203%20lees-%20en%20mediaconsulenten.pdf bevat een codelaag. Hierin heeft niet alle content de juiste tag gekregen. Hierdoor kan de structuur van de content onduidelijk zijn voor bezoekers die niet kunnen zien en dit voorgelezen krijgen. Het gaat bijvoorbeeld om de tekst 'Wat ga je doen?'. Deze is visueel als koptekst te herkennen, maar is getagd als gewone tekst. Dit komt vaker voor. Zorg ervoor dat kopteksten correct getagd worden, bijvoorbeeld met een h1- of h2 tag.

    1.3.5 Identificeer het doel van de input (Niveau AA)

    Informatie over succescriterium 1.3.5 Identificeer het doel van de input

    Uitkomst: Onvoldoende

    Bevinding 11: Op pagina https://www.dbieb.nl/service/contact.html is een formulier waar de bezoeker onder andere het eigen e-mailadres en naam kan invullen. Het doel van deze en een aantal andere velden moet programmatisch kunnen worden bepaald, zodat velden automatisch kunnen worden ingevuld of extra hulp kan worden geboden bij het invullen. Dit kan door het autocomplete-attribuut aan de input-elementen toe te voegen. Bijvoorbeeld voor e-mailadres autocomplete="email". Ditzelfde komt voor bij het formulier op pagina https://www.dbieb.nl/indbieb/zaalverhuur/zaal-huren.html.

    1.4 Onderscheidbaar

    1.4.3 Contrast (minimum) (Niveau AA)

    Informatie over succescriterium 1.4.3 Contrast (minimum)

    Uitkomst: Onvoldoende

    Bevinding 12: Op pagina https://www.dbieb.nl/ staat een slider met op elke slide een afbeelding, koptekst en link. De slide 'zomerse lees- en uittips' bevat een afbeelding waarop de tekst 'vier jouw zomer met dbieb' staat. Deze witgekleurde tekst heeft op sommige punten een gele (HEX #F6D63A) achtergrond, waarbij een contrastprobleem ontstaat. De contrastverhouding is hier 1,4:1 waar deze minimaal 3:1 moet zijn.

    Bevinding 13: Op pagina https://www.dbieb.nl/service/contact.html staat een formulier. Bij 'Wil je een bijlage meesturen?' kan een bestand worden toegevoegd. Als dit eenmaal is gedaan, verschijnt de link 'Verwijder alle gekozen bijlages'. Deze tekst is rood (HEX #EB5E5D) en heeft onvoldoende contrast met de witte achtergrond. Het contrast is 3,3:1 waar deze minimaal 4,5:1 moet zijn.

    Bevinding 14: Op pagina https://www.dbieb.nl/ staan vacatures, bijvoorbeeld 'Vacature lees- en mediaconsulenten'. Hierbij staat een afbeelding waar witgekleurde tekst op staat. Deze wijkt op sommige punten af van de koptekst die boven de afbeelding staat. Doordat het contrast van de witte tekst met de grijze (HEX #B3B3B3 met kleurverloop) achtergrond onvoldoende is, is hierdoor niet alle tekst beschikbaar voor bezoekers die bijvoorbeeld slechtziend of kleurenblind zijn. De contrastverhouding is 2:1 waar deze minimaal 3:1 moet zijn. Een soortgelijk probleem komt voor op pagina https://www.dbieb.nl/over-ons/werken-bij.html, bijvoorbeeld bij 'Vacature vrijwilligers Taalkamer'.

    Bevinding 15: Op pagina https://biebprinten.nl/AccountPrints/Manage (zowel de ingelogde als de gastcode-versie) staat een link met de tekst 'Uitloggen'. De witte tekst heeft onvoldoende contrast met de beige (HEX #F6F4EC) achtergrond. De contrastverhouding is 1:1, waar deze minimaal 3:1 moet zijn.

    Bevinding 16: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/personal-recommendations (ingelogd) staat meerdere keren de link 'Lees meer' en 'Beschikbaarheid?'. De tekst is rood (HEX #D55F5E) en heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,7:1 waar deze minimaal 4,5:1 moet zijn.

    Bevinding 17: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/personal-recommendations (ingelogd) staat de link 'Persoonlijk advies'. De witte tekstkleur heeft onvoldoende contrast met de roze (HEX #D55F5E) achtergrond. De contrastverhouding is 3,7:1 waar deze minimaal 4,5:1 moet zijn.

    Bevinding 18: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) kan een dialoogvenster worden geopend via 'Community-profiel aanmaken'. Hier is een checkbox te vinden met het label 'Ik heb de voorwaarden gelezen en ik ga akkoord'. De tekstkleur van dit label is roze (HEX #D55F5E) en heet onvoldoende contrast met de witte achtergrond. De contrastverhouding is 3,7:1 waar deze minimaal 4,5:1 moet zijn.

    1.4.10 Reflow (Niveau AA)

    Informatie over succescriterium 1.4.10 Reflow

    Uitkomst: Onvoldoende

    Bevinding 19: Wanneer bezoekers op pagina https://www.dbieb.nl/openingstijden-overzicht/detail.9672059.html/dbieb-leeuwarden/ inzoomen vanaf 175% bij een schermbreedte van 1280 bij 1024 pixels, verschuift het zij-menu 'Openingstijden overzicht' naar onderaan op de pagina. Zorg ervoor dat deze net als bij normale weergave te vinden blijft ter hoogte van de kop 'dbieb Leeuwarden'.

    1.4.11 Contrast van niet-tekstuele content (Niveau AA)

    Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

    Uitkomst: Onvoldoende

    Bevinding 20: Op pagina https://biebprinten.nl/dbieb staan invoervelden. Als de focus hierop valt, is een focusindicator te zien die onvoldoende contrast heeft. De blauwe (HEX #86B7FE met lichte transparantie) kleur heeft een contrastverhouding van 2:1 met de witte achtergrond. Zorg ervoor dat de contrastverhouding minimaal 3:1 is.

    Bevinding 21: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/personal-recommendations (ingelogd) is de focusindicator bij het select-element 'Aantal tonen:' lichtblauw (HEX #66AFE9). Deze heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2,3:1 waar deze minimaal 3:1 moet zijn.

    Bevinding 22: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) wordt bij meerdere elementen gebruik gemaakt van een lichtroze (HEX #F4D7D7) focusindicator. Deze heeft onvoldoende contrast. Op witte achtergrond levert dit een contrastverhouding van 1,3:1 op. Op lichtgrijze (HEX #F8F9FA) en lichtgele (HEX #F6F4EC) achtergrond een contrastverhouding van 1,2:1. Zorg dat de contrastverhouding overal minimaal 3:1 is.

    2. Bedienbaar

    2.1 Toetsenbordtoegankelijk

    2.1.1 Toetsenbord (Niveau A)

    Informatie over succescriterium 2.1.1 Toetsenbord

    Uitkomst: Onvoldoende

    Bevinding 23: Op pagina https://biebprinten.nl/AccountPrints/Manage (zowel de ingelogde als de gastcode-versie) staat de knop 'Bevestigen'. Deze is via de muis goed te bedienen, maar via het toetsenbord niet. Het is bijvoorbeeld niet mogelijk om via het toetsenbord de focus naar deze knop te brengen. Zorg ervoor dat de knop ook bereikbaar en bedienbaar is via het toetsenbord. Een mogelijke oplossing zou zijn dat dit element wordt opgemaakt als knop met het button-element.

    Bevinding 24: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) staat in de header een link waarmee het dialoogvenster 'Kies een andere vestiging' kan worden geopend. De link is te herkennen aan een icoon met pijlen. De link is niet op correcte wijze opgemaakt, waardoor de toetsenbordbediening niet werkt. Het is niet mogelijk om de focus hier naartoe te brengen en het dialoogvenster te openen. Los dit bijvoorbeeld op door dit op te maken als knop met het button-element.

    2.4.2 Paginatitel (Niveau A)

    Informatie over succescriterium 2.4.2 Paginatitel

    Uitkomst: Onvoldoende

    Bevinding 25: Bij het PDF document /https://www.dbieb.nl/dam/bestanden/over-ons/Vacature%203%20lees-%20en%20mediaconsulenten.pdf ontbreekt een documenttitel. Voeg deze toe in de documenteigenschappen. Er staat al correct ingesteld dat de documenttitel wordt getoond bij het openen van het document, alleen moet deze titel nog worden toegevoegd.

    Bevinding 26: Advies: Meerdere paginatitels bevatten een goede omschrijving van de unieke pagina en worden daarom niet op toegankelijkheid afgekeurd. Toch ontbreekt de naam van de organisatie. Het is niet verplicht deze toe te voegen, maar kan het voor de bezoeker wel duidelijker maken bij welke organisatie de pagina hoort. Met name wanneer er verschillende tabbladen openstaan kan dit voor overzicht zorgen. Een voorbeeld is pagina https://www.dbieb.nl/service/in-de-bibliotheek.html met paginatitel 'hulp in dbieb'.

    2.4.3 Focus volgorde (Niveau A)

    Informatie over succescriterium 2.4.3 Focus volgorde

    Uitkomst: Onvoldoende

    Bevinding 27: Als op de pagina's (bijvoorbeeld https://www.dbieb.nl/) wordt ingezoomd of deze op een kleiner scherm worden bekeken, vouwt het menu deels samen en verplaatst deze naar onderaan op de pagina. Ook in de focusvolgorde verplaatst deze. Voor bezoekers die via het toetsenbord navigeren is het daardoor lastig om het menu te bereiken, zij moeten eerst door de hele pagina heen voordat ze hier aankomen. Er is wel een skiplink waarmee naar een deel van het menu gesprongen kan worden, maar toch is de focusvolgorde op dit moment onlogisch. Zorg ervoor dat bij het inzoomen het menu op dezelfde plek in de focusvolgorde gevonden kan worden.

    Bevinding 28: Als op de pagina's (bijvoorbeeld https://www.dbieb.nl/) wordt ingezoomd of deze op een kleiner scherm worden bekeken, vouwt het menu deels samen en verplaatst deze naar onderaan op de pagina. Als via de knop (opgemaakt als selectievakje) 'Menu' het menu wordt opengevouwen, ontstaat een onlogische focusvolgorde. De focus gaat door de menu-items, maar slaat vervolgens de sluitknop waarmee het menu weer ingevouwen kan worden over. Hierdoor moet achteruit genavigeerd worden (shift+tab) om het menu te kunnen afsluiten. Zorg dat de focus na de menu-items eerst langs de sluit-knop gaat, voordat verder over de pagina genavigeerd kan worden.

    Bevinding 29: Als op de pagina's (bijvoorbeeld https://www.dbieb.nl/) wordt ingezoomd of deze op een kleiner scherm worden bekeken, vouwt het menu deels samen en verplaatst deze naar onderaan op de pagina. Als via de knop (opgemaakt als selectievakje) 'Menu' het menu wordt opengevouwen, is het mogelijk om via het toetsenbord verder te navigeren over de pagina die op dat moment door het menu bedekt wordt. Het is dan niet zichtbaar waar de focus zich bevindt. Zorg ervoor dat de focus het menu pas kan verlaten nadat deze is afgesloten.

    Bevinding 30: Op pagina https://www.dbieb.nl/openingstijden-overzicht/detail.9672059.html/dbieb-leeuwarden/ staat een zij-menu onder 'Openingstijden overzicht'. Via het toetsenbord kan deze pas bereikt worden nadat door de hele pagina is genavigeerd. Verplaats deze, zodat de focusvolgorde logischer verloopt.

    Informatie over succescriterium 2.4.4 Linkdoel (in context)

    Uitkomst: Onvoldoende

    Bevinding 31: Op pagina https://www.dbieb.nl/ staan links met een afbeelding, bijvoorbeeld onder de kop 'Nationaal voorleesrecord'. De alternatieve tekst van de afbeelding geeft de link een toegankelijke naam. In dit geval maakt de alternatieve tekst voldoende duidelijk wat op de afbeelding te zien is, maar niet wat het linkdoel is. Als een afbeelding in een link staat is het belangrijk dat uit de alternatieve tekst het linkdoel kan worden afgeleid. Wijzig daarom de alternatieve tekst. Er zijn ook andere oplossingen mogelijk. Omdat onder de link met afbeelding ook een link staat met hetzelfde doel ('23 t/m 25 juni | dbieb leeuwarden'), kan ervoor gekozen worden de link van de afbeelding te verwijderen. Bij de link die onder de afbeelding staat kan dan het klikbare gebied worden vergroot via CSS of JavaScript. Een soortgelijk probleem komt voor bij de andere activiteiten. Een soortgelijk probleem komt voor op pagina https://www.dbieb.nl/404.html, bijvoorbeeld bij de kop 'Activiteiten' waar een link met afbeelding 'te doen' staat.

    Bevinding 32: Op pagina https://biebprinten.nl/AccountPrints/Manage (zowel de ingelogde als gastcode-versie) staan (nadat een bestand is toegevoegd en op 'Bevestigen' is geklikt) onder 'Actieve printopdrachten' twee links. Deze zijn herkenbaar aan een icoon, maar voor bezoekers die niet kunnen zien is niet af te leiden waar de links voor bedoeld zijn. Dit komt doordat een linkdoel ontbreekt. Hierdoor gaat hulpsoftware zelf op zoek naar een naam en leest soms een deel van de URL voor, wat het linkdoel niet duidelijk maakt. Zorg dat de links een naam hebben waaruit het linkdoel duidelijk wordt. Zie ook succescriterium 4.1.2.

    2.4.6 Koppen en labels (Niveau AA)

    Informatie over succescriterium 2.4.6 Koppen en labels

    Uitkomst: Onvoldoende

    Bevinding 33: Op pagina https://login.kb.nl/si/login/ staat de knop 'NL'. Deze heeft via een aria-label de toegankelijke naam 'common.header.languageSelectorLabel' gekregen. Dit beschrijft niet duidelijk wat de functie van de knop is. Pas de tekst aan, zodat het voor de bezoeker duidelijk is waar de knop voor bedoeld is.

    Bevinding 34: Op pagina op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) komt de bezoeker via de knop 'machtigen' op een pagina waarop een verwijder-knop staat. Deze heeft via een span-element binnen het button-element de toegankelijke naam 'BASKET.ROW_DELETE' gekregen. Dit beschrijft onvoldoende wat de functie van de knop is. Geef de knop een Nederlandstalige naam waaruit begrepen kan worden waar de knop voor gebruikt kan worden.

    Bevinding 35: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) kan een dialoogvenster 'Kies een andere vestiging' worden geopend via een knop in de header. Het dialoogvenster bevat een sluitknop, die via een aria-label de naam 'nee' heeft gekregen. Dit omschrijft onvoldoende wat de functie van de knop is, namelijk het sluiten van dit dialoogvenster. Wijzig de naam, bijvoorbeeld naar 'Sluiten'.

    2.4.7 Focus zichtbaar (Niveau AA)

    Informatie over succescriterium 2.4.7 Focus zichtbaar

    Uitkomst: Onvoldoende

    Bevinding 36: Op pagina https://login.kb.nl/si/login/ staat een uitvouwbare knop 'NL'. Als via het toetsenbord de focus naar deze knop wordt gebracht, is er geen focusindicator zichtbaar. Dit is met name lastig voor bezoekers die navigeren met het toetsenbord maar wel kunnen zien. Zij weten niet waar zij zich op dat moment bevinden op de pagina. Voeg een focusindicator toe om dit op te lossen. Ditzelfde komt voor op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/my-lists (ingelogd) bij de knop 'Nieuwe lijst'.

    2.5 Input modaliteiten

    2.5.3 Label in naam (Niveau A)

    Informatie over succescriterium 2.5.3 Label in naam

    Uitkomst: Onvoldoende

    Bevinding 37: Op pagina https://www.dbieb.nl/over-ons/werken-bij.html staat bij de kop 'Meer weten?' een afbeelding met portretfoto, deze staat in een link. De naam van de link is 'vraag vrijwilligers', omdat dit de alternatieve tekst van de afbeelding is. De visueel zichtbare tekst 'Meer weten?' komt niet in de toegankelijke naam van de link voor, waardoor het voor bezoekers die gebruik maken van spraaksoftware niet mogelijk is de link aan te spreken en te bedienen. Maak de link op andere wijze op, of zorg dat deze een toegankelijke naam heeft waarin de tekst 'Meer weten?' voorkomt, het liefst vooraan. Dit komt op meerdere plekken voor, bijvoorbeeld ook op pagina https://www.dbieb.nl/404.html bij 'Activiteiten'. Zie ook succescriterium 4.1.2 voor een bevinding over de manier van opmaken van deze soort links.

    3. Begrijpelijk

    3.1 Leesbaar

    3.1.1 Taal van de pagina (Niveau A)

    Informatie over succescriterium 3.1.1 Taal van de pagina

    Uitkomst: Onvoldoende

    Bevinding 38: Bij pagina https://biebprinten.nl/dbieb ontbreekt een taalaanduiding in HTML. Hierdoor kan hulpsoftware zoals een screenreader niet afleiden wat de taal van de pagina is, en wordt deze mogelijk met onjuiste uitspraak voorgelezen. Voeg een lang-attribuut (lang="nl") toe in het head-element. Ditzelfde komt voor bij pagina https://biebprinten.nl/AccountPrints/Manage bij zowel de ingelogde versie als de gastcode-versie.

    3.1.2 Taal van onderdelen (Niveau AA)

    Informatie over succescriterium 3.1.2 Taal van onderdelen

    Uitkomst: Onvoldoende

    Bevinding 39: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) kan een dialoogvenster worden geopend via 'Community-profiel aanmaken'. Deze bevat een sluitknop met de naam 'close'. Omdat de taal van de pagina is ingesteld op Nederlands, kan hulpsoftware de Engelse term niet goed voorlezen. De beste oplossing is in dit geval het vertalen van de naam van de knop, zodat deze ook Nederlandstalig is. Ditzelfde komt voor bij de sluitknop op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd), als via 'Wijzigen' een dialoogvenster wordt geopend.

    3.3 Assistentie bij invoer

    3.3.1 Foutidentificatie (Niveau A)

    Informatie over succescriterium 3.3.1 Foutidentificatie

    Uitkomst: Onvoldoende

    Bevinding 40: Het formulier op pagina https://www.dbieb.nl/service/contact.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 kan 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. Ditzelfde komt voor bij het formulier op pagina https://www.dbieb.nl/indbieb/zaalverhuur/zaal-huren.html.

    3.3.2 Labels of instructies (Niveau A)

    Informatie over succescriterium 3.3.2 Labels of instructies

    Uitkomst: Onvoldoende

    Bevinding 41: Op pagina https://www.dbieb.nl/service/contact.html staat een formulier waarin met een asterisk (*) is aangegeven welke velden verplicht zijn. Een verklaring van de betekenis van de asterisk ontbreekt, waardoor dit mogelijk niet voor alle bezoekers duidelijk is. Voeg een verklaring toe, het liefst boven het formulier. Ditzelfde komt voor bij het formulier op pagina https://www.dbieb.nl/indbieb/zaalverhuur/zaal-huren.html.

    Bevinding 42: Als de website in ingezoomde weergave of op een kleiner scherm bekeken wordt, krijgt de zoekfunctie twee invoervelden. Deze bevatten een placeholder tekst met extra instructie voor invoer. Het veld 'Zoeken in de collectie' bevat bijvoorbeeld de placeholdertekst 'Titel, auteur, etc'. Omdat een placeholdertekst verdwijnt op het moment dat de bezoeker begint te typen, is deze niet geschikt om instructies in te plaatsen. Plaats deze buiten het veld zodat deze zichtbaar blijft.

    3.3.3 Foutsuggestie (Niveau AA)

    Informatie over succescriterium 3.3.3 Foutsuggestie

    Uitkomst: Onvoldoende

    Bevinding 43: Het formulier op pagina https://www.dbieb.nl/service/contact.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 kan 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. Ditzelfde komt voor bij het formulier op pagina https://www.dbieb.nl/indbieb/zaalverhuur/zaal-huren.html.

    4. Robuust

    4.1 Compatibel

    4.1.2 Naam, rol, waarde (Niveau A)

    Informatie over succescriterium 4.1.2 Naam, rol, waarde

    Uitkomst: Onvoldoende

    Bevinding 44: Op meerdere pagina's komt een combinatie van elementen voor die niet logisch zijn opgemaakt, waardoor meerdere toegankelijkheidsproblemen kunnen ontstaan. Een voorbeeld doet zich voor op pagina https://www.dbieb.nl/over-ons/werken-bij.html. Hier staat bij de kop 'Meer weten?' een afbeelding met portretfoto, deze staat in een link. Dit is als volgt opgemaakt: Binnen een kop-element staat een link, waarbinnen de afbeelding met alternatieve tekst staat. De link heeft daardoor alleen deze alternatieve tekst als toegankelijke naam, maar niet de koptekst. Logischer zou zijn om het kop-element binnen het link-element te plaatsen, zodat de koptekst de link van een toegankelijke naam kan voorzien. De afbeelding kan dan als deze decoratief is voor hulpsoftware worden verborgen middels een leeg alt-attribuut. Andere voorbeelden waar dit voorkomt is op https://www.dbieb.nl/ bij 'In dbieb' en op pagina https://www.dbieb.nl/404.html bij 'Activiteiten'. Ook op pagina https://www.dbieb.nl/service/in-de-bibliotheek.html komt dit voor, bij 'Contact'.

    Bevinding 45: Op pagina https://biebprinten.nl/AccountPrints/Manage staat bij 'Aantal kopie(en)' een invoerveld. Dit veld heeft geen label, waardoor door hulpsoftware niet wordt voorgelezen welke invoer verwacht wordt. Zorg ervoor dat 'Aantal kopie(en)' als label van het veld kan worden geïnterpreteerd door hulpsoftware, door deze programmatisch aan elkaar te koppelen.

    Bevinding 46: Op pagina https://biebprinten.nl/AccountPrints/Manage staan (nadat een bestand is toegevoegd en op 'Bevestigen' is geklikt) onder 'Actieve printopdrachten' twee links. Deze zijn herkenbaar aan een icoon, maar voor bezoekers die niet kunnen zien is niet af te leiden waar de links voor bedoeld zijn. Dit komt doordat een linkdoel ontbreekt. Hierdoor gaat hulpsoftware zelf op zoek naar een naam en leest soms een deel van de URL voor, wat het linkdoel niet duidelijk maakt. Zorg dat de links een naam hebben waaruit het linkdoel duidelijk wordt. Zie ook succescriterium 4.1.2.

    Bevinding 47: Op pagina https://login.kb.nl/si/login/ staat het invoerveld 'Gebruikersnaam'. Er is gebruik gemaakt van het aria-required="true" attribuut, maar deze is op het verkeerde element geplaatst. Deze staat nu op het div-element, maar hoort op het input-element van het invoerveld.

    Bevinding 48: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/personal-recommendations (ingelogd) staat een select-element achter 'Aantal tonen'. Dit element heeft geen naam. Los dit bijvoorbeeld op door de tekst 'Aantal tonen' aan het select element te koppelen, bijvoorbeeld door gebruik te maken van for en id.

    Bevinding 49: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/personal-recommendations (ingelogd) staat bij elk resultaat een afbeelding waarop het boek te zien is, in een link. Deze link heeft geen toegankelijke naam, waardoor hulpsoftware zelf naar een naam gaat zoeken en het linkdoel niet duidelijk wordt. Dit kan op verschillende manieren opgelost worden, bijvoorbeeld door de afbeelding een alternatieve tekst te geven of door een aria-label toe te voegen.

    Bevinding 50: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) vouwt het menu in de header samen onder een menuknop (hamburgermenu) als wordt ingezoomd. Voor bezoekers die gebruik maken van hulpsoftware is niet af te leiden of het menu is ingevouwen of opengevouwen. Los dit bijvoorbeeld op door het aria-expanded attribuut toe te voegen aan de knop.

    Bevinding 51: Op pagina https://fers.hostedwise.nl/wise-apps/opac/branch/8619/my-account/details (ingelogd) vouwt het menu samen onder een menuknop (hamburgermenu) als wordt ingezoomd. Dit gaat om de menu-knop bij 'Mijn Menu', niet de menuknop in de header. De menuknop heeft geen naam die voor hulpsoftware te herkennen is. De tekst van het span-element in het button-element wordt niet voorgelezen. Mogelijk wordt dit veroorzaakt door het feit dat de knop binnen het h2-kopelement is geplaatst. Los dit bijvoorbeeld op door de knop los te koppelen van de kop.

    Onderbouwing van de evaluatie

    Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

    Steekproef getoetste webpagina's

    Ondersteunende technieken

    Bronnen

    Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.

    Geprint: 2025-07-07 07:57:15 v2.4-011