Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid Bibliotheek West-Brabant

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Bibliotheek West-Brabant
Datum 18 juli 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op bibliotheekwb.nl
  • Alle PDF's op bibliotheekwb.nl
  • De subwebsite zoeken.bibliotheekwb.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: 68

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: Op de homepage (https://www.bibliotheekwb.nl) en op andere pagina's staat het logo van de Bibliotheek West-Brabant. Deze afbeelding heeft geen goede alternatieve tekst. De alternatieve tekst van het logo bevat de naam van de organisatie, maar mist een beschrijvend linkdoel. Mensen die blind of slechtziend zijn, zijn afhankelijk van voorleessoftware en horen niet waar de link hen naartoe brengt, wanneer het logo focus heeft. Zorg er bijvoorbeeld voor dat het logo een alternatieve tekst krijgt zoals 'Logo Bibliotheek West-Brabant, naar homepage'.

Bevinding 2: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio staan onder het kopje 'Zoekopdracht verfijnen' de koppen 'Verfijnen op bibliotheek' en 'Verfijnen op jaar van uitgave'. Binnen de H3-tag van deze kopjes staat een afbeelding zonder alt-attribuut. Dit attribuut is verplicht. Zie ook criteria 2.1.1 en 4.1.2.

Bevinding 3: Op https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html staat het logo van de bibliotheek West-Brabant. Deze heeft geen alt-tekst, waardoor deze informatie verloren gaat voor hulpsoftware. Verzorg alt-tekst.

Bevinding 4: Het logo van Digitaalhuis Moerdijk in de PDF https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/digi-taalkaart-moerdijkmei-2025.pdf heeft geen alternatieve tekst. Deze informatie gaan bezoekers met hulpsoftware missen. Verzorg alt-tekst voor dit logo.

Bevinding 5: Andere afbeeldingen in de PDF https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/digi-taalkaart-moerdijkmei-2025.pdf zijn wel getagd als afbeelding, maar hebben geen alternatieve tekst. Geef beschrijvende alt-tekst voor deze logo's of markeer ze als decoratief (maak er artefacten van).

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 6: Op de pagina https://www.bibliotheekwb.nl/over-ons/vacatures.html staat een video. In de video vertellen meerdere personen over hun ervaring met de Bibliotheek. Er is geen ondertiteling. Daardoor kan iemand die doof of slechthorend is de informatie uit de video niet tot zich nemen. Los dit op door bijvoorbeeld een ondertiteling aan de video toe te voegen.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 7: Op de pagina https://www.bibliotheekwb.nl/over-ons/vacatures.html staat een video. In de video vertellen meerdere personen over hun ervaring met de Bibliotheek. Er is geen audiodescriptie of media-alternatief. Daardoor kan iemand die blind of slechtziend is sommige informatie uit de video niet tot zich nemen. Schrijf de video uit in tekst om een media-alternatief te bieden of los dit op door bijvoorbeeld een audiodescriptie aan de video toe te voegen. Met een audiodescriptie wordt ook voldaan aan SC 1.2.5.

Bevinding 8: Op de pagina https://www.bibliotheekwb.nl/leren/digitaalhuis1.html staat een video. In de video staat aan het einde bijvoorbeeld de URL van de website taalwestbrabant.nl. Dat wordt niet uitgesproken. Er is geen audiodescriptie of media-alternatief. Daardoor kan iemand die blind of slechtziend is sommige informatie uit de video niet tot zich nemen. Schrijf de video uit in tekst om een media-alternatief te bieden of los dit op door bijvoorbeeld een audiodescriptie aan de video toe te voegen. Met een audiodescriptie wordt ook voldaan aan SC 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 9: Op de pagina https://www.bibliotheekwb.nl/over-ons/vacatures.html staat een video. In de video vertellen meerdere personen over hun ervaring met de Bibliotheek. Er is geen audiodescriptie. Daardoor kan iemand die blind of slechtziend is de informatie uit de video niet tot zich nemen. Informatie zoals het uitspreken van het logo Bibliotheek West-Brabant helpt iemand die het niet kan zien om te weten van welke organisatie een video is. Los dit op door bijvoorbeeld een audiodescriptie aan de video toe te voegen. Hiermee wordt ook voldaan aan SC 1.2.3.

Bevinding 10: Op de pagina https://www.bibliotheekwb.nl/leren/digitaalhuis1.html staat een video. In de video staat aan het einde bijvoorbeeld de URL van de website taalwestbrabant.nl. Dat wordt niet uitgesproken. Er is geen audiodescriptie. Daardoor kan iemand die blind of slechtziend is de informatie uit de video niet tot zich nemen. Los dit op door bijvoorbeeld een audiodescriptie aan de video toe te voegen. Hiermee wordt ook voldaan aan SC 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 11: Op https://www.bibliotheekwb.nl/over-ons/inclusie-en-toegankelijkheid.html zijn de koppen "Gesproken boeken", "Grootletterboeken" en "Dyslexieboeken" onderliggende inhoud van de kop "Makkelijk lezen". In de code zijn de deze koppen echter allemaal hetzelfde niveau. Zorg ervoor dat de code de visuele structuur gereflecteerd wordt en dat de koppen subkoppen worden van "Makkelijk lezen". Dit geldt ook voor de secties "Digitale vaardigheden", "LHBTIQ+", "Samen tegen eenzaamheid" en "Toegankelijkheid". Zorg dat de onderliggende content in deze secties subkoppen worden. Een soortgelijk probleem speelt op o.a. https://www.bibliotheekwb.nl/leren/digitaalhuis1.html.

Bevinding 12: Op de pagina https://www.bibliotheekwb.nl/over-ons/inclusie-en-toegankelijkheid.html staat onder de kopjes 'Meertalig voorlezen' en 'Informatiepunt Digitale Overheid' dikgedrukte tekst zoals 'De VoorleesExpress' en 'Digitale overheid voor jongeren'. De teksten lijken op (sub)koppen, maar zijn niet als koppen gecodeerd. Mensen die blind of slechtziend zijn, gebruiken koppen op een pagina om een beeld te krijgen van de paginastructuur en op die manier snel bij informatie te komen. Omdat de dikgedrukte teksten niet werken als koppen, kunnen zij de informatie niet op die manier tot zich nemen. Zorg ervoor dat teksten die lijken op koppen en functioneren als koppen, ook gecodeerd zijn als koppen. Hetzelfde probleem komt ook voor op o.a. https://www.bibliotheekwb.nl/leren/digitaalhuis1.html, https://www.bibliotheekwb.nl/over-ons/vacatures.html en https://www.bibliotheekwb.nl/nieuws/openingvoorleesexpresszevenbergen.html.

Bevinding 13: Op https://www.bibliotheekwb.nl/ verschijnt, na het accepteren van de cookies, een (visueel verborgen) kop in de footer: cookietoestemming wijzigen. Deze kop is een subkop van de kop "Collectie" in de footer. Dat is niet logisch en kan verwarrend zijn voor bezoekers. Pas het kopniveau aan. Dit komt voor op iedere pagina die deze cookiemelding gebruikt.

Bevinding 14: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit#navigation wordt een lijst gebruikt in het menu. Een lijst mag enkel lijstitems bevatten volgens de HTML-standaard en geen div>-elementen. Hier bevat de lijst enkele div-elementen. Gebruik lijstitems om de div-elementen te vervangen.

Bevinding 15: De PDF https://www.bibliotheekwb.nl/dam/bestanden/jaarverslag/verkorte-jaarrekening-2024---stichting-bibliotheek-west-brabant.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet 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-code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 16: In de codelaag van https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/digi-taalkaart-moerdijkmei-2025.pdf komt een opsomming voor met steeds mei 2025. Dit is niet in de PDF zelf terug te zien en kan verwarrend zijn voor lezers. Verwijder deze opsomming.

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 17: Op pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 is een formulier waar de bezoeker onder andere het eigen e-mailadres 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".
Een overzicht van de velden waarvoor het autocomplete-attribuut van toepassing is en de waarde die nodig is in dit attribuut, staat op de pagina: https://www.w3.org/tr/wcag21/#input-purposes. Dit komt ook voor op https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 18: Op de pagina https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html staat een formulier met invoervelden. Wanneer een sfocus heeft, verandert de achtergrond van het tekstveld van wit naar een lichte kleur (HEX #FDE5D0). Om aan dit succescriterium te voldoen mag kleur niet als enige gebruikt worden om informatie over te brengen. Slechtziende bezoekers en bezoekers met kleurenblindheid hebben bijvoorbeeld moeite om te onderscheiden welk invoerveld focus heeft. Zorg er bijvoorbeeld voor dat een invoerveld met focus een duidelijk te onderscheiden focusrand heeft. Daarmee wordt ook voldaan aan SC 2.4.7.

Bevinding 19: Wanneer het select-element 'Ik heb een...' op pagina https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html focus heeft, is dat alleen zichtbaar door een kleurverandering van de achtergrond. Kleur mag niet als het enige visuele middel gebruikt worden om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Maak van minimaal één andere manier gebruik, naast kleur, om de focus zichtbaar te maken. Dit probleem doet zich ook voor bij het bestandsselectieveld aan het einde van het formulier.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 20: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 verschijnt een cookiemelding. Deze heeft een zwarte (HEX #3B3646) achtergrond en rode (HEX #EE4B5A) tekst en links. Dit geeft een contrastverhouding van 3,2:1 waar het minstens 4,5:1 moet zijn.

Bevinding 21: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 verschijnt een cookiemelding. Deze heeft rode (HEX #EE4B5A) knoppen met witte tekst. De contrastverhouding is 3,6:1 waar het minstens 4,5:1 moet zijn.

Bevinding 22: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 staat een formulier waarin een bezoeker lid kan worden. Boven het formulier staat 'Lidmaatschap' (en andere teksten) in het oranje (HEX #F47921) op een witte achtergrond. Dit levert een contrast op van 2,7:1 waar dat minstens 4,5:1 moet zijn. Het contrast met de achtergrond is te laag waardoor slechtziende bezoekers moeite hebben om de teksten te lezen. Zorg ervoor dat het contrast wordt vergroot. Dit komt op meerdere plekken voor.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 23: Op de pagina https://www.bibliotheekwb.nl/nieuws/nieuw-voor-jongeren---lees-app.html staat een afbeelding van een telefoon met de tekst '100 boeken die je gratis kunt lezen of luisteren'. Slechtzienden kunnen de leesbaarheid niet verhogen doordat de tekst niet vergroot kan worden. De tekst op de afbeelding komt verder niet voor op de pagina, zodat blinden deze informatie moeten missen. Plaats deze tekst daarom als HTML-tekst op de pagina.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 24: Er valt tekst buiten beeld op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit als men de browser aanpast naar 1280x1024 en inzoomt naar 400%. Hierdoor valt veel informatie weg. Zorg ervoor dat alles meeschaalt als de viewport en tekstgrootte aangepast worden. Dit speelt ook op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio, https://www.bibliotheekwb.nl/Collectie.html, https://www.bibliotheekwb.nl/over-ons/abonnementen.html, https://www.bibliotheekwb.nl/leren/Nederlands-leren.html, https://www.bibliotheekwb.nl/leren/digitaalhuis1.html, https://www.bibliotheekwb.nl/over-ons/inclusie-en-toegankelijkheid.html, https://www.bibliotheekwb.nl/zoekresultaten.website.html?q=audio en https://www.bibliotheekwb.nl/.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 25: Op https://www.bibliotheekwb.nl/ ontvangen enkele items in het hoofdmenu alsmede enkele links/knoppen op de pagina een oranje (HEX #FF721F) focusindicator. Dit biedt onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2,7:1 waar minimaal 3:1 wordt verwacht. Dit komt op meerdere plekken voor.

Bevinding 26: Op de homepage (https://www.bibliotheekwb.nl) en op andere pagina's staat een cookiemelding. Daarin staan twee knoppen: 'Akkoord' en 'Niet akkoord'. Wanneer de focus op een van de knoppen valt, is een focusrand zichtbaar in het oranje (HEX #FF7320). De focusrand staat op een lichte achtergrond (HEX #FDE5CF). Dit levert een contrast op van 2,2:1, waar dat minstens 4,5:1 moet zijn. Het contrast met de achtergrond is te laag waardoor slechtziende bezoekers moeite hebben om te zien waar de focus op staat. Zorg er bijvoorbeeld voor dat het contrast wordt vergroot. Dit komt op meerdere plekken voor.

Bevinding 27: Op de homepage (https://www.bibliotheekwb.nl) staat een banner met daarin de tekst 'Zomeractie: 50% korting op een nieuw jaarabonnement'. Daarin staat een link met de linktekst 'Bekijk de actievoorwaarden en word lid'. Wanneer de focus op de knop valt, is een focusrand zichtbaar in het oranje (HEX #FF7320). Dit biedt onvoldoende contrast met zowel de witte achtergrondkleur van de knop als de achtergrondgrondkleur (HEX #FDE5CF) van het element waar de knop instaat. Dit levert een contrast op van onder de 3:1 in beide gevallen, waar dat minstens 3:1 moet zijn. Het contrast met de achtergrond is te laag waardoor slechtziende bezoekers moeite hebben om te zien waar de focus op staat. Zorg er bijvoorbeeld voor dat het contrast wordt vergroot.

Bevinding 28: Op de pagina https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html staat een formulier met invoervelden. Wanneer een invoerveld focus heeft, verandert de achtergrond van het tekstveld van wit naar een lichte kleur (HEX #FDE5D0). Dit levert een contrast op van 1,2:1, waar dat minstens 3:1 moet zijn. Slechtziende bezoekers en bezoekers met kleurenblindheid hebben bijvoorbeeld moeite om te onderscheiden welk invoerveld focus heeft. Zorg er bijvoorbeeld voor dat een invoerveld met focus een duidelijk te onderscheiden focusrand heeft.

Bevinding 29: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio staat naast de kop "Zoekresultaat Bibliotheek West-Brabant" een pictogram (afhankelijk van de staat een min- of plusteken) om de zoekresultaten in -en uit te klappen. Dit oranje (HEX #F8A851) pictogram heeft onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2:1 waar het minimaal 3:1 moet zijn. Dit komt ook voor op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit.

Bevinding 30: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio worden oranje (#FF6C02) symbolen gebruikt in de blokken "Kies" en 'Zoekopdracht verfijnen". De chevrons komen ook voor in het blok met de zoekresultaten. Deze symbolen bieden onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2,8:1 waar minimaal 3:1 verwacht wordt. Dit komt ook voor op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit#navigation

Bevinding 31: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio zijn drie oranje (HEX #F78F20) knoppen zichtbaar naast de kop "audio: 1-10 uit een totaal van 31 resultaten". Deze knoppen bieden onvoldoende contrast met de witte achtergrond. De contrastverhouding is 2,4:1 (het donkerste oranje uit de knoppen is gebruikt) waar minimaal 3:1 wordt verwacht. Hetzelfde geldt voor de sterren als een beoordeling is gegeven en deze oranje worden.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 32: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio staan onder het kopje 'Zoekopdracht verfijnen' de koppen 'Verfijnen op bibliotheek' en 'Verfijnen op jaar van uitgave'. Met de muis zijn deze koppen in- en uit te klappen. Maar niet met het toetsenbord. Dit komt doordat er geen interactief element is gebruikt. Gebruik een knop binnen de kop om ervoor te zorgen dat dit ook met het toetsenbord kan. Zorg dat deze knop een label heeft. Visueel kan het pijltje gebruikt worden, maar zorg dat er een programmatisch label aanwezig is. Zie ook criterium 4.1.2.

Bevinding 33: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search&t=1939993.325998#searchterm=audio staat naast de kop 'Zoekresultaat Bibliotheek West-Brabant' een pictogram (min-teken) om de lijst met zoekresultaten in te klappen. Deze knop kan niet met het toetsenbord bediend worden, omdat er geen interactief element gebruikt wordt. Gebruik het <button>-element en zorg dat deze knop een label krijgt. Zie ook criterium 4.1.2. Dit komt ook voor op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit#navigation.

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Uitkomst: Onvoldoende

Bevinding 34: Op de homepage (https://www.bibliotheekwb.nl) en op andere pagina's krijgt eerst het logo van de Bibliotheek focus, en daarna pas de skiplink naar de inhoud van de pagina. Zorg ervoor dat de skiplinks als eerste focus krijgen (na de cookiemelding) en daarna pas de rest van de pagina, zodat bezoekers herhalende content over kunnen slaan.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 35: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 kan een bezoeker lid worden van de Bibliotheek West-Brabant. De titel van de pagina is 'Gebruikersactiviteiten'. De titel beschrijft de paginainhoud niet. Mensen met een motorische beperking kunnen met spraakbesturingssoftware de computer besturen. Doordat de titel de inhoud niet beschrijft, kunnen zij het juiste tabblad niet kiezen wanneer er meerdere tabbladen met dezelfde titel bestaan of een tabblad een onjuiste titel heeft. Pas de inhoud van het <title>-element aan.

Bevinding 36: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit is de titel "Bibliotheek - Welkom". De bezoeker is echter ingelogd in diens bibliotheekprofiel. Een betere omschrijving is "Mijn bibliotheek - Welkom". Pas de inhoud van het <title>-element aan.

Bevinding 37: De PDF https://www.bibliotheekwb.nl/dam/bestanden/jaarverslag/verkorte-jaarrekening-2024---stichting-bibliotheek-west-brabant.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit geldt ook voor de PDF https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/digi-taalkaart-moerdijkmei-2025.pdf.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 38: Op de homepage (https://www.bibliotheekwb.nl) staat een cookiemelding. Bezoekers die gebruik maken van het toetsenbord moeten direct de cookiemelding kunnen verwijderen. Dat is nu niet het geval omdat eerst het logo van de Bibliotheek focus krijgt en daarna pas de cookiemelding. Zorg ervoor dat de cookiemelding éérst toetsenbordfocus krijgt. Dit speelt ook bij de zwarte cookiemelding die gebruikt wordt op bijvoorbeeld https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1. Deze krijgt als allerlaatste focus op de pagina, en dient als eerste de focus te krijgen.

Bevinding 39: Op de homepage (https://www.bibliotheekwb.nl) staat bij een vensterbreedte van 768 pixels of minder een navigatiebalk onderin beeld. De bezoeker die met voorleessoftware met de Tab-toets door het menu gaat, hoort twee keer 'checkbox' terwijl er geen checkbox te zien is. Dit kan verwarrend zijn omdat in eerste instantie niet wordt verteld wat de checkbox doet en de bezoeker geen checkbox verwacht in een navigatiemenu. Zorg ervoor dat verborgen checkboxes niet voorkomen in de focusvolgorde.

Bevinding 40: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio staan de lijstelementen met tabindex=0 in de tab- en leesvolgorde. Het is niet toegestaan om niet-interactieve elementen in de tab- en leesvolgorde te zetten. Verwijder het attribuut.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 41: Op de homepage (https://www.bibliotheekwb.nl) staat een blokje met daarin social media links. De knopjes hebben geen alt-beschrijving, waardoor bezoekers met voorleessoftware alleen de URL horen van de afbeeldingen, zoals 'https://linkedin.com/company/bibliotheekwestbrabant'. Zorg er bijvoorbeeld voor dat de afbeeldingen een beschrijving hebben, zoals 'Instagram' of 'YouTube'.

Bevinding 42: Op de pagina https://www.bibliotheekwb.nl/leren/digitaalhuis1.html staat na de kop 'Digi-Taalkaarten' een aantal links met de linktekst 'Bekijk de Digi-Taalkaart'. De links verwijzen naar verschillende pagina’s, zoals https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/taalkaart-bergen-op-zoom-april-2025.pdf en https://www.bibliotheekwb.nl/dam/bestanden/Taalkaarten/taalkaart-roosendaal-update-juni-2025.pdf. Mensen met een motorische beperking kunnen met spraakbesturingssoftware de website besturen door uit te spreken welk onderdeel zij op de pagina willen activeren. Mensen die blind of slechtziend zijn, zijn afhankelijk van voorleessoftware en kunnen uit de linktekst niet opmaken waar de link naartoe gaat. Zorg ervoor dat identieke linkteksten hetzelfde linkdoel hebben of dat unieke linkdoelen een unieke linktekst hebben.

Bevinding 43: Op de pagina https://www.bibliotheekwb.nl/openingstijden/vestigingen-en-openingstijden.list.html staat een lijst met bibliotheken. Elk onderdeel in de lijst heeft een link met 'Bekijk details' als linktekst, maar gaat naar een andere pagina, zoals https://www.bibliotheekwb.nl/openingstijden/vestigingen-en-openingstijden/detail.977795.html/bibliotheek-in-roosendaal/ en https://www.bibliotheekwb.nl/openingstijden/vestigingen-en-openingstijden/detail.997989.html/haal--en-brengpunt-in-dinteloord---bp-tankstation-vlamings/. Mensen met een motorische beperking kunnen met spraakbesturingssoftware de website besturen door uit te spreken welk onderdeel zij op de pagina willen activeren. Omdat dezelfde linktekst vaker voorkomt maar een ander linkdoel heeft, wordt het lastig gemaakt om de juiste link te activeren. Zorg er bijvoorbeeld voor dat linkteksten verschillen wanneer zij naar een ander linkdoel gaan.

Bevinding 44: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search&t=1939993.325998#searchterm=audio staan naast 'Zoekresultaat Bibliotheek West-Brabant' drie knopjes om de lijstweergave aan te passen. Wanneer de focus erop staat, hoort de blinde of slechtziende bezoeker, die afhankelijk is van voorleessoftware, een URL beginnende met 'www.main surl=search&t=1939993'. Dit beschrijft niet wat de link doet of uitvoert. De beschrijvende tekst staat nu in een <span> met een title-attribuut. Dat wordt door voorleessoftware niet voorgelezen. Zorg er bijvoorbeeld voor dat de afbeeldingen op een correct geprogrammeerde manier voorgelezen worden.

2.4.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Uitkomst: Onvoldoende

Bevinding 45: Op https://www.bibliotheekwb.nl/nieuws.html komt de visueel verborgen kop "Paginanavigatie" voor. Deze kop is onvoldoende beschrijvend. Maak de kop beschrijvender door deze aan te passen naar bijvoorbeeld "Navigatie nieuwsberichten".

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 46: Op https://www.bibliotheekwb.nl/ staan boven de kop "Nieuws" drie pagina's uitgelicht: ""Jongeren zitten ook met vragen. En daar zijn we voor.", "Vacature" en "Doe mee met de BiebFabriek". Deze drie blokken bestaan uit een afbeelding, titel en korte paragraaf. Zowel de afbeelding als titel zijn beiden links. Bij het tabben door de pagina krijgt de afbeelding focus, maar geen visuele focusrand. Zorg ervoor dat de afbeelding geen link is, maar dat enkel de titel een link is. Middels JavaScript kan het hele blokje van afbeelding, titel en paragraaf klikbaar worden gemaakt.

Bevinding 47: Op de homepage (https://www.bibliotheekwb.nl) en op andere pagina's staat een cookiemelding. Daarin staat een knop waarmee de cookiemelding kan worden gesloten. Wanneer de focus op de sluitknop valt, wordt het kruisje kleiner en is niet duidelijk dat de focus erop staat. Daardoor hebben slechtziende bezoekers moeite om het onderdeel waar te nemen. Zorg er bijvoorbeeld voor dat een duidelijke focusrand verschijnt als de knop focus krijgt. En dat deze voldoende contrast heeft met de achtergrond.

Bevinding 48: Op de homepage (https://www.bibliotheekwb.nl) en op andere pagina's in de header staat een zoekbalk. In de zoekbalk staat de radiobutton voor 'Catalogus' en 'Site'. Wanneer de bezoeker met het toetsenbord door de pagina gaat, staat de focus ook op een radiobutton. Het is niet zichtbaar wanneer de radiobutton focus heeft gekregen. Bezoekers met een motorische beperking die door middel van een toetsenbord websites besturen, moeten altijd kunnen zien waar de focus op staat. Zorg er bijvoorbeeld voor dat radiobuttons een duidelijke focusrand hebben die voldoende contrast biedt.

Bevinding 49: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 verschijnt een cookiemelding met een zwarte achtergrond. De links en knoppen in deze cookiemelding krijgen geen zichtbare focusindicator. Verzorg een focusrand die duidelijk contrasteert met de zwarte achtergrond en het rood van de knoppen.

Bevinding 50: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 heeft geen enkel paginaonderdeel een focusindicator. Daardoor is niet duidelijk welk onderdeel op de pagina de focus heeft. Bezoekers met een motorische beperking die door middel van een toetsenbord websites besturen, moeten altijd duidelijk kunnen zien waar de focus op staat. Zorg er bijvoorbeeld voor dat elk onderdeel met focus een te onderscheiden focusstijl heeft. Dit komt ook voor op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio en https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit#navigation.

Bevinding 51: Op de pagina https://www.bibliotheekwb.nl/over-ons/inclusie-en-toegankelijkheid.html staat de afbeelding van een toegankelijkheidsverklaring. De afbeelding krijgt geen focusrand wanneer de focus erop staat. Daardoor is niet duidelijk welk onderdeel op de pagina de focus heeft. Bezoekers met een motorische beperking die door middel van een toetsenbord websites besturen, moeten altijd duidelijk kunnen zien waar de focus op staat. Zorg er bijvoorbeeld voor dat de afbeelding met focus een te onderscheiden focusstijl heeft.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 52: Op de pagina https://www.bibliotheekwb.nl/over-ons/inclusie-en-toegankelijkheid.html staat een zoekbalk met een zoekknop. Wanneer de focus op de zoekknop staat, leest voorleessoftware 'Knop' voor. Het is voor blinde of slechtziende mensen niet duidelijk wat deze knop doet. Los dit op door bijvoorbeeld de knop een naam te geven dat de functie van de knop aangeeft, zoals 'Zoek'.

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 53: In de eigenschappen van de PDF https://www.bibliotheekwb.nl/dam/bestanden/jaarverslag/verkorte-jaarrekening-2024---stichting-bibliotheek-west-brabant.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 54: In het hoofdmenu op elke pagina van www.bibliotheekwb.nl is er de menuoptie "Translate". Dit is in het Engels, maar er is geen taalwissel. Voeg het lang-attribuut toe om naar de juiste taal te switchen.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 55: Het formulier op pagina https://www.bibliotheekwb.nl/over-ons/klantenservice/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.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 56: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 heeft het invoerveld voor geboortedatum bij het registreren voor een gratis abonnement geen label. Verzorg een label bij dit veld, zodat het doel van het veld duidelijk is voor hulpsoftware.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 57: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 wordt bij het invoeren van een ongeldig e-mailadres (met een komma ipv een punt) bij het registreren voor een gratis abonnement geen foutsuggestie gegeven. De melding "ongeldig e-mailadres" is een foutmelding, en geen foutsuggestie. Voeg een foutsuggestie toe om de invoer te corrigeren, bijvoorbeeld "Vul een geldig e-mailadres in (naam@mail.nl).".

Bevinding 58: Het formulier op pagina https://www.bibliotheekwb.nl/over-ons/klantenservice/contact.html maakt alleen gebruik van HTML5-veldcontroles. Deze foutsuggesties 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 foutsuggesties toe aan het formulier om dit probleem op te lossen.

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 59: Op de homepage (https://www.bibliotheekwb.nl) staat het kopje 'Nieuws' met daaronder twee nieuwsitems. Zowel de afbeelding als de titel van het artikel zijn links. Op de link van de afbeelding is het attribuut aria-hidden gebruikt. Het is niet toegestaan om dit attribuut te gebruiken op interactieve elementen, omdat hulpsoftware het item toch focus zal geven. De afbeelding blijft ook bedienbaar met het toetsenbord. Verwijder het attribuut en implementeer de links zodanig dat enkel de titel van het artikel een link is, maar het hele blok (afbeelding, titel en paragraaf) klikbaar is met de muis door JavaScript.

Bevinding 60: In de header op iedere pagina van https://www.bibliotheekwb.nl/ komt een zoekveld voor. De zoekknop heeft geen programmatisch label, wat impact heeft op bezoekers met spraakbesturing. Verzorg een label met aria-label.

Bevinding 61: Op https://www.bibliotheekwb.nl/over-ons/klantenservice.html wordt er gebruik gemaakt van blokjes die in- en uit te klappen zijn. Dat dit kan, en de staat, wordt echter niet gecommuniceerd naar hulpsoftware. Voeg het attrribuut aria-expanded toe aan het <button>-element om dit op te lossen.

Bevinding 62: Op de homepage (https://www.bibliotheekwb.nl) staat een navigatiemenu met submenu's zoals 'Leren', 'Jeugd' en 'Over ons'. Er is geen rol toegewezen die vertelt dat dit submenu's zijn. Mensen die blind of slechtziend zijn, zijn afhankelijk van voorleessoftware en horen niet dat dit submenu's zijn die geopend kunnen worden en waar meer links in staan. Los dit op door de attributen aria-controls en aria-expanded te gebruiken en het menu correct op te maken als een een fly-out menu. Kijk voor inspiratie op http://w3.org/WAI/tutorials/menus/flyout/.

Bevinding 63: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 staat een formulier waarin een bezoeker lid kan worden. Boven het formulier staan bijvoorbeeld de stappen 'Leeftijd' en 'Lidmaatschap'. De dikgedrukte stijl geeft aan op welke stap de bezoeker is. De huidige stap wordt niet kenbaar gemaakt aan blinden en slechtzienden. Zij zijn afhankelijk van voorleessoftware en horen daarmee nu niet welke stap actief is, en welke stappen er nog meer zijn in het proces. Los dit op door bijvoorbeeld het 'aria-current'-attribuut te gebruiken op de huidige stap.

Bevinding 64: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search&t=1939993.325998#searchterm=audio staat een lijst met zoekresultaten. Boven en onderaan de lijst staat een rijtje met cijfers die aangeven hoeveel zoekresultaatpagina's er zijn. De dikgedrukte stijl geeft aan op welke pagina de bezoeker is. De huidige pagina wordt niet kenbaar gemaakt aan blinden en slechtzienden. Zij zijn afhankelijk van voorleessoftware en horen daarmee niet op welke huidige pagina ze zijn, en hoeveel pagina's er verder zijn. Los dit op door bijvoorbeeld het 'aria-current'-attribuut te gebruiken op het huidige paginanummer. Dit speelt ook op http://bibliotheekwb.nl/nieuws.html.

Bevinding 65: Op https://www.bibliotheekwb.nl/over-ons/abonnementen.html wordt het <hr> element voorgelezen dat boven de kop "Wij zijn boetevrij!" staat. Voeg het attribuut aria-hidden toe om deze te verbergen voor hulpsoftware.

Bevinding 66: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search#searchterm=audio staan onder het kopje 'Zoekopdracht verfijnen' de koppen 'Verfijnen op bibliotheek' en 'Verfijnen op jaar van uitgave'. Met de muis zijn deze koppen in- en uit te klappen. Maar niet met het toetsenbord. Dit komt doordat er geen interactief element is gebruikt. Gebruik een knop binnen de kop om ervoor te zorgen dat dit ook met het toetsenbord kan. Zorg dat deze knop een label heeft. Visueel kan het pijltje gebruikt worden, maar zorg dat er een programmatisch label aanwezig is. Daarnaast moet de status van in- en uitgeklapt meegegeven worden. Voeg hiervoor de attributen aria-controls en aria-expanded toe.

Bevinding 67: Op de pagina https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=search&t=1939993.325998#searchterm=audio staat naast de kop 'Zoekresultaat Bibliotheek West-Brabant' een pictogram (min-teken) om de lijst met zoekresultaten in te klappen. Deze knop kan niet met het toetsenbord bediend worden, omdat er geen interactief element gebruikt wordt. Gebruik het <button>-element en zorg dat deze knop een label krijgt. Daarnaast moet de status van in- en uitgeklapt meegegeven worden. Voeg hiervoor de attributen aria-controls en aria-expanded toe. Dit komt ook voor op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=Gebruikersactiviteit#navigation.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 68: Op https://zoeken.bibliotheekwb.nl/iguana/www.main.cls?surl=UserActivities&p=e1f92fc8-62ce-11ea-89fd-00505685c57d#GuestRegistration=1 verschijnen foutmeldingen in een modal. Er wordt geen gebruik gemaakt van een live-region, waardoor hulpsoftware als screenreaders de foutmeldingen niet zal voorlezen. Voeg een live-region toe, of plaats de foutmeldingen in het formulier zelf.

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-09-03 21:49:16 v2.4-011