Issues:
Audit digitale toegankelijkheid website Bibliotheek Deventer
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Bibliotheek Deventer |
---|---|
Datum | 2 juni 2025 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
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 pagina https://www.bibliotheekdeventer.nl/ ontbreken tekstalternatieven voor afbeeldingen naast de kopjes "Expositie: Elke dag een appel" en "Expositie Keuzevrijheid in de oorlog". Deze afbeeldingen fungeren als links, maar omdat de tekstalternatieven ontbreken, zijn ze niet toegankelijk voor bezoekers die schermlezers gebruiken. Om dit probleem te verhelpen, moeten de afbeeldingen tekstalternatieven krijgen die het linkdoel beschrijven, zodat duidelijk is waar de links naartoe leiden.
Bevinding 2: Op pagina https://www.bibliotheekdeventer.nl/collectie/inspiratie/koken-en-eten.html is hetzelfde probleem aanwezig. De afbeeldingen onder "Meer boekentips" fungeren ook als links, maar hebben geen tekstalternatief, waardoor de links geen inhoud hebben. Het toevoegen van beschrijvende tekstalternatieven maakt deze links toegankelijker.
Bevinding 3: Op pagina https://www.bibliotheekdeventer.nl/collectie.html staat onder het kopje "Digitale collectie" een decoratieve afbeelding met de alternatieve tekst "digitale bronnen". Deze afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan door een leeg alt-attribuut te gebruiken (alt=""). Onder "Wetenschappelijke boeken" staat een decoratieve afbeelding met de alternatieve tekst "wetenschappelijke boeken". Ook deze afbeelding is decoratief en moet daarom een leeg alt-attribuut hebben (alt=""), zodat schermlezers de afbeelding negeren. Onder de kopjes "Passend lezen" en "Voor leesclubs" staan afbeeldingen met een alt-attribuut met daarin een spatie (alt=" "). Dit is niet correct. Voor decoratieve afbeeldingen die geen betekenis overbrengen, moet het alt-attribuut volledig leeg blijven (alt=""), zodat de afbeeldingen niet onnodig door schermlezers worden voorgelezen.
Vergelijkbare problemen komen vaker voor. Bijvoorbeeld de iconen op de pagina https://www.bibliotheekdeventer.nl/klantenservice.html. Deze zijn decoratief, maar hebben een tekstalternatief, bijvoorbeeld “pratend persoon”.
Bevinding 4: De afbeeldingen bij de evenementen op https://bibliotheekdeventer.op-shop.nl/ hebben een alt-tekst. De alt-tekst is echter de titel van het evenement, en beschrijft niet de afbeelding. Dat is niet correct. We raden aan 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 dan wel klikbaar door middel van JavaScript.
1.2 Op tijd gebaseerde media
1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)
Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 5: Op pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html staat onder "Reconstructie handschriftenkast" een video zonder geluid die niet toegankelijk is voor blinde bezoekers. Maak deze informatie toegankelijk voor blinde bezoekers door een uitgeschreven tekst (transcriptie) 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.
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: Pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek.html bevat een video onder "Deventer Boekenstad" met een voice-over. Er zijn wel ondertitels, maar die worden automatisch gegenereerd en zijn onnauwkeurig. Video’s waarin gesproken wordt, moeten altijd goede ondertiteling krijgen. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie. Deze ondertiteling moet exact hetzelfde zijn als wat wordt gezegd. De automatisch gegenereerde ondertiteling voldoet hier niet aan, omdat er punctuatie ontbreekt en er fouten in kunnen zitten.
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 pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html wordt een video gepresenteerd onder "Oosterse boeken". De video bevat de tekst “Arabische, Maleise en Boeginese geschriften in de Athenaeumbibliotheek Deventer” rond 0:01. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Het beste kan een audiobeschrijving toegevoegd worden die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. Een andere oplossing is het plaatsen van een geschreven tekst (een media-alternatief). Maar om ook te voldoen aan succescriterium 1.2.5 moet er sowieso een audiobeschrijving zijn.
Een soortgelijk probleem wordt waargenomen op de pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek.html in de video onder “Deventer Boekenstad”. Op 5:16 verschijnt de tekst “filmproductie Bureau Beeldtaal Filmmakers”.
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 8: De video op pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html voldoet niet aan succescriterium 1.2.5, dat audiobeschrijving voor video's vereist. Specifiek voor deze video is audiobeschrijving (niveau AA) nodig, aangezien er voldoende ruimte is binnen het bestaande audiospoor. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.
Hetzelfde staat op de pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek.html in de video onder “Deventer Boekenstad”.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 9: Op pagina https://www.bibliotheekdeventer.nl/de-bibliotheek.html staan de koppen van niveau 3 "Ontdek de Bibliotheek Centrum" en "Alles over het gebouw" direct onder elkaar zonder inhoud ertussen. Dit betekent dat een van de koppen niet op de juiste manier is gebruikt. Dit probleem komt ook voor op andere pagina's.
Op pagina https://www.bibliotheekdeventer.nl/onze-vestigingen/vestiging.5300061.html/bibliotheek-colmschate/ staan de koppen van niveau 3 "Extra informatie" en "Faciliteiten" zonder inhoud ertussen.
Op pagina https://www.bibliotheekdeventer.nl/collectie/inspiratie/koken-en-eten.html is dit het geval bij "Uitgelicht" en "- Amber Carchedi | Reny Muller De meisjes van de moestuin".
Op pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html staan "Tweehonderd jaar collectie Gelderse Academie in de Athenaeumbibliotheek" en "Handschriften uit Harderwijk" direct onder elkaar zonder tussenliggende tekst.
Bevinding 10: Op pagina https://www.bibliotheekdeventer.nl/de-bibliotheek/Overons.html zijn teksten zoals “Visie”, “Kernwaarden” en “de Bibliotheek van 2021 - 2024” bedoeld als koppen, maar zijn niet gemarkeerd als heading-elementen. Blinde bezoekers kunnen hierdoor de pagina moeilijker scannen of snel naar een specifieke sectie navigeren. Deze teksten moeten worden gemarkeerd als koppen om de structuur van de pagina te verbeteren.
Bevinding 11: Op pagina https://www.bibliotheekdeventer.nl/nieuws/wat-brengt-jou-bij-de-bibliotheek.html is de tekst "Hoe werkt het?" niet gemarkeerd als kop.
Op pagina https://www.bibliotheekdeventer.nl/klantenservice/contact.sendmail.html ontbreken heading-elementen bij teksten zoals "Telefoonnummer Klantenservice" en "(Post)adres".
In de accordeon op pagina https://www.bibliotheekdeventer.nl/klantenservice.html, bij "Hoe verleng ik mijn boeken?", zijn teksten zoals "Verlengen via Mijn Bibliotheek op onze website" en "Verlengen via de Bibliotheek app Wise" ook niet als koppen gemarkeerd.
Bevinding 12: Op pagina https://bibliotheekdeventer.op-shop.nl/7398/bordspellen-in-de-bieb/01-05-2025 is de tekst "Praktisch" onjuist gemarkeerd met een strong-element in plaats van een kop (h1-h6). Een strong-element is bedoeld om nadruk te geven aan enkele woorden of een zinsdeel, maar niet om koppen mee te markeren. Voor koppen moeten koppen, zoals het h2-element worden gebruikt. Koppen structureren de tekst en maken het voor hulpsoftware mogelijk om de inhoud van een pagina beter te begrijpen.
Bevinding 13: Op pagina https://www.bibliotheekdeventer.nl/de-bibliotheek/Overons.html is onder "Kernwaarden" een blok tekst met meerdere alinea's ten onrechte gemarkeerd als één enkel p-element. Visueel is deze tekst verdeeld in meerdere alinea's met witruimte ertussen, maar deze structuur ontbreekt in de code. Voor een juiste semantische structuur moet elke alinea in een eigen p-element worden geplaatst, zodat het aantal visuele alinea's overeenkomt met het aantal p-elementen in de code.
Bevinding 14: Op https://bibliotheekdeventer.op-shop.nl/ zijn de details van elk evenement in een tabel gezet. In een kolom staat het pictogram, in de volgende kolom details. Er ontbreken kolomkoppen voor deze tabel. Voeg deze toe.
Bevinding 15: Op https://bibliotheekdeventer.op-shop.nl/opsie is de tekst vet opgemaakt door middel van het strong-element. Dat mag enkel gebruikt worden om een woord of enkele woorden in een zin nadruk te geven, niet voor opmaak. Gebruik CSS voor opmaak.
Ditzelfde geldt voor de schuingedrukte tekst op die pagina en mogelijk ook op andere pagina's.
Bevinding 16: Op https://bibliotheekdeventer.op-shop.nl/6325/spreekuur-geldfit-deventer/15-05-2025 is de subkop "Afspraak maken" niet als zodanig opgemaakt. Het strong-element mag niet gebruikt worden om koppen te maken. Gebruik het heading-element (en let op het juiste niveau) om dit op te lossen.
Bevinding 17: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=*&scope=anything wordt er in de paginanavigatie knoppen gebruikt in plaats van links. Dit is semantisch niet correct. Knoppen dienen voor acties van een gebruikers (zoals het versturen van een formulier). Als je naar een nieuwe pagina gaat, dienen er links gebruikt te worden. Vervang de knoppen door links.
Bevinding 18: In het PDF-document op https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Financieeloverzicht/bibliotheek-deventer---anbi---wnt-gegevens-2023.pdf ontbreken structurele codes (tags). Hierdoor is de inhoud ontoegankelijk voor schermlezers. Dit betekent dat de PDF geen correcte codelaag heeft, waardoor belangrijke onderdelen, zoals koppen en afbeeldingen, niet worden herkend door hulpsoftware. Dit probleem moet worden opgelost door de juiste tags toe te voegen, zodat de PDF-structuur de visuele structuur weerspiegelt. Bij het oplossen van dit probleem kunnen nieuwe toegankelijkheidskwesties aan het licht komen, zoals ontbrekende tekstlabels voor formuliervelden of onjuiste relaties tussen formuliervelden en kolomkoppen.
Bevinding 19: Het PDF-document op https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Bestuursverslagen/document-website-bestuursverslag2023.pdf is gedeeltelijk getagd, maar bevat inhoud die als artefact is gemarkeerd en daardoor wordt genegeerd door schermlezers. Bijvoorbeeld de tekst "Stichting de Bibliotheek Deventer Jaarrekening 2023" op alle pagina's is als artefact gemarkeerd, waardoor deze tekst niet beschikbaar is voor gebruikers van schermlezers. Dit moet worden aangepast door de juiste tags toe te voegen, zodat deze informatie toegankelijk wordt gemaakt.
In hetzelfde PDF-document op alle pagina's zijn koppen zoals "Jaarverslag bestuur over het jaar 2023", "Algemeen" en "1. Extern" niet correct als koppen gemarkeerd. Deze teksten zijn met een P-tag gemarkeerd in plaats van een H-tag, waardoor de visuele structuur niet overeenkomt met de tag-structuur. Dit moet worden aangepast door de P-tags te vervangen door de juiste H-tags, zodat de semantische structuur van het document correct is en overeenkomt met de visuele opmaak.
Bevinding 20: In het PDF-document op https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Bestuursverslagen/document-website-bestuursverslag2023.pdf op pagina 1-2, onder "1.1 Landelijk", is een lijst met vier items verkeerd getagd. De lijst is in de tags opgesplitst in twee aparte lijsten, waardoor schermlezers deze als twee losse lijsten voorlezen. De oplossing is om de afzonderlijke L-tags samen te voegen tot één enkele lijst, zodat schermlezers de vier items als een doorlopende lijst voorlezen. Hierdoor blijft de samenhang van de informatie behouden. Als het samenvoegen van de lijsten niet mogelijk is, kan ook bij de tweede lijst een toelichting worden toegevoegd waarin staat dat deze lijst een vervolg is op de lijst van de vorige pagina. Dit maakt duidelijk dat beide lijsten samen één geheel vormen.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 21: Op https://www.bibliotheekdeventer.nl/ veranderen de knoppen bij de blokken "Lid worden", "Meer met de computer" en "Voor het onderwijs" enkel van kleur als ze focus krijgen. Dit heeft impact op slechtzienden en kleurenblinden. Zorg voor een focusindicator die niet enkel op verandering van kleur steunt, zoals een focusrand die duidelijk het element omringt en voldoende contrast biedt.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 22: Op pagina https://www.bibliotheekdeventer.nl/onze-vestigingen/vestiging.5300061.html/bibliotheek-colmschate/ is de tekstkleur grijs (HEX #757575) op een oranje achtergrond (HEX #FDE5CF) gebruikt voor dagen zoals "maandag", "woensdag" en "vrijdag". De contrastverhouding is 3,8:1, wat te laag is voor teksten die kleiner zijn dan 19px. Voor een goede leesbaarheid moet de contrastratio minimaal 4,5:1 zijn om te voldoen aan de toegankelijkheidsrichtlijnen. Dit kan worden verbeterd door de tekst donkerder te maken of de achtergrondkleur lichter te maken.
Bevinding 23: Op pagina https://www.bibliotheekdeventer.nl/zoekresultaten.website.2.html hebben de getallen onder "Verfijnen op resultaten" grijze tekst (HEX #757575) op een lichtgrijze achtergrond (HEX #EDEDED) met een contrastverhouding van 3,9:1. Ook hier is het contrast onvoldoende voor tekst kleiner dan 19px. Deze tekst moet een contrastratio van minimaal 4,5:1 hebben om goed leesbaar te zijn voor bezoekers met een visuele beperking. Dit kan worden verbeterd door de tekstkleur donkerder te maken of de achtergrondkleur lichter te kiezen.
Bevinding 24: Op https://bibliotheekdeventer.op-shop.nl/ hebben de groene tekst (voor beschikbare kaarten) onvoldoende contrast. De groene tekst (HEX #458846) heeft een contrastverhouding van 4,3:1, waar het minimaal 4,5:1 moet zijn.
Bevinding 25: De knop "uitgeleend" op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything heeft onvoldoende contrast. De grijze (HEX #7E7D7F) tekst heeft een contrastverhouding van 4,09:1 met de witte achtergrond, waar het minstens 4,5:1 moet zijn.
1.4.10 Reflow (Niveau AA)
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevinding 26: Op alle pagina's van https://bibliotheekdeventer.op-shop.nl/ valt het hoofdmenu weg als men zoomt naar 400% en de grootte van de viewport aanpast. Zorg ervoor dat er geen inhoud en functionaliteit wegvalt en alles meeschaalt en binnen de viewport blijft.
Bevinding 27: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything valt de link "Home" over de link "Login" heen als men zoomt naar 400% en de grootte van de viewport aanpast. Zorg ervoor dat ze niet overlappen en beide links gebruikt kunnen worden. Dit speelt ook op andere pagina's van deze website.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 28: Op https://www.bibliotheekdeventer.nl/ hebben de items in de navigatie een oranje focusrand (HEX #FF731F) en verandert de rand van enkele knoppen (bijv. "naar de collectie", "over onze vestigingen", "lees meer" en "lees meer en reserveer") op die pagina naar oranje (HEX #FF731F) als die knop focus krijgt. De contrastverhouding met de witte achtergrond is 2,7:1 waar dit minstens 3,0:1 moet zijn.
Bevinding 29: Op https://bibliotheekdeventer.op-shop.nl/ hebben de items in het menu en knoppen als "Meer informatie" een oranje focusrand (HEX #FF7320). De contrastverhouding met de witte achtergrond is 2,7:1 waar dit minstens 3,0:1 moet zijn. Dit komt vaker voor:
Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything hebben bijvoorbeeld de items in het menu een oranje focusrand.
Dit komt ook voor op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/9044/catalog/title-detail/WISE/2226900?qs=concept&scope=anything&titleNavIndex=3&titleNavRouteName=search&titleNavTotal=164.
Bevinding 30: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything krijgen knoppen, keuzelijsten en menu-items een grijze focusindicator (HEX #D2D1D2). Dit biedt een contrastverhouding van 1,5:1 met de witte achtergrond, waar dit minstens 3,0:1 moet zijn. Zorg dat elementen een focusindicator krijgen die voldoende contrast biedt met het de achtergrond, maar ook met het element dat het omringt. Dit speelt ook op andere pagina's van deze website.
2. Bedienbaar
2.1 Toetsenbordtoegankelijk
2.1.1 Toetsenbord (Niveau A)
Informatie over succescriterium 2.1.1 Toetsenbord
Uitkomst: Onvoldoende
Bevinding 31: Op https://bibliotheekdeventer.op-shop.nl/ zijn de filters "Categorie", "Locatie", "Tag" en "Wanneer" niet bedienbaar met het toetsenbord. Dit komt doordat er geen interactief element gebruikt voor de 'knoppen'. Deze filters kunnen beter geherstructureerd worden in een zijbalk, waarbij de filters en de bijbehorende kop gegroepeerd worden met fieldset en legend. De knoppen echt als knoppen opmaken (en het attribuut aria-expanded gebruiken) is ook een mogelijke oplossing.
2.2 Genoeg tijd
2.2.1 Timing aanpasbaar (Niveau A)
Informatie over succescriterium 2.2.1 Timing aanpasbaar
Uitkomst: Onvoldoende
Bevinding 32: Als je niet bent ingelogd op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything en je gebruikt "Mijn Lijst" of "Reserveren", krijg je een melding dat je daar ingelogd voor moet zijn en binnen een paar een seconden naar de inlogpagina wordt gestuurd. Mensen met hulpsoftware hebben niet voldoende tijd om deze boodschap te lezen. Zorg dat deze knoppen enkel beschikbaar zijn als je bent ingelogd, of stuur de mensen niet automatisch naar de inlogpagina toe binnen zulke korte tijd.
2.4 Navigeerbaar
2.4.1 Blokken omzeilen (Niveau A)
Informatie over succescriterium 2.4.1 Blokken omzeilen
Uitkomst: Onvoldoende
Bevinding 33: Op https://www.bibliotheekdeventer.nl/ is een skiplink aanwezig, maar deze is niet het eerste item dat focus krijgt, waardoor aan het doel van een skiplink voorbijgegaan wordt. Zorg ervoor dat de skiplink het eerste item is dat focus krijgt.
Bevinding 34: Op https://bibliotheekdeventer.op-shop.nl/ is een skiplink aanwezig, maar deze is niet het eerste item dat focus krijgt, waardoor aan het doel van een skiplink voorbijgegaan wordt. Zorg ervoor dat de skiplink het eerste item is dat focus krijgt. De skiplink werkt ook niet, je wordt teruggenomen naar de website van de bibliotheek zelf, in plaats van dat je daadwerkelijk naar de inhoud op die pagina springt.
Bevinding 35: Er is geen skiplink aanwezig op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything. Hierdoor kunnen mensen niet meteen naar de hoofdinhoud springen op de pagina. Voeg een skiplink toe en zorg dat dit het eerste item is op de pagina dat focus krijgt. Zie ook andere pagina's op deze website.
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 36: De paginatitel van https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything is niet voldoende beschrijvend. "Catalogus" geeft niet dat dit zoekresultaten zijn voor een bepaalde term. Maak de paginatitel beschrijvender.
Bevinding 37: De paginatitel "Catalogus" op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/WISE/48864?qs=*&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=308609 geeft niet weer dat je op de detailpagina bent van een specifiek boek. Pas de titel naar de titel van het item (en schrijver).
Bevinding 38: De paginatitel van de foutpagina https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/branch/branch/5700/catalog/test is "Opac" en beschrijft dus niet dat het een foutpagina betreft. Pas de paginatitel aan.
Bevinding 39: Het PDF-document https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Bestuursverslagen/document-website-bestuursverslag2023.pdf heeft geen titel ingesteld in zijn bestandseigenschappen. Zelfs als er een titel op de eerste pagina staat, moet ook in de PDF-instellingen een documenttitel ingesteld worden. Als een PDF geopend wordt in een PDF-lezer (zoals Adobe Acrobat of een browser), staat de bestandsnaam meestal bovenaan in de titelbalk, bijvoorbeeld document123.pdf. Maar als een documenttitel in de PDF-metadata is ingesteld, dan wordt die titel in plaats van de bestandsnaam getoond. Dit maakt het document toegankelijker voor bezoekers met verschillende beperkingen. Zij kunnen dan snel en gemakkelijk zien of het document relevant is. Dit kan aangepast worden in de bestandseigenschappen van het bronbestand of van het PDF-document.
Hetzelfde probleem wordt waargenomen met het PDF-document op https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Financieeloverzicht/bibliotheek-deventer---anbi---wnt-gegevens-2023.pdf.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 40: Op pagina https://www.bibliotheekdeventer.nl/ ontbreken tekstalternatieven voor de afbeeldingen naast de koppen "Expositie: Elke dag een appel" en "Expositie Keuzevrijheid in de oorlog". Deze afbeeldingen fungeren als links, maar omdat ze geen tekstalternatief hebben, blijven ze verborgen voor schermlezers. Hierdoor hebben deze links geen inhoud en geen toegankelijke naam, wat in strijd is met dit succescriterium en het succescriterium 4.1.2. Dit kan worden opgelost door een beschrijvende alt-tekst aan de afbeeldingen toe te voegen, zodat gebruikers van schermlezers weten waar de links naartoe leiden. Een andere mogelijke oplossing is om een aria-label toe te voegen aan de link zelf.
Hetzelfde probleem doet zich voor op pagina https://www.bibliotheekdeventer.nl/collectie/inspiratie/koken-en-eten.html, bij de afbeeldingen onder "Meer boekentips".
Bevinding 41: Op pagina https://www.bibliotheekdeventer.nl/home/financieel-overzicht.html is de link "Beknopt financieel overzicht uit Jaarrekening 2020 (PDF-bestand)" visueel één enkele link, maar in de HTML is deze opgesplitst in twee afzonderlijke links: één met de toegankelijke naam "B" en de andere met "eknopt financieel overzicht uit Jaarrekening 2020 (PDF-bestand)". Dit zorgt voor verwarring bij gebruikers van schermlezers, omdat de volledige tekst niet in één enkele link is opgenomen. Dit probleem kan worden opgelost door de volledige zichtbare tekst in één enkele link (a-element) te plaatsen, zodat de toegankelijke naam duidelijk en volledig is.
Bevinding 42: Op pagina https://www.bibliotheekdeventer.nl/zoekresultaten.website.2.html missen de links in de paginanavigatie voldoende context. De getallen "1", "2", "3" enzovoort worden visueel herkend als paginanummers, maar dit is niet duidelijk voor gebruikers van schermlezers. Hetzelfde geldt voor de links "Vorige" en "Volgende", die zonder context niet duidelijk maken dat het om navigatie tussen pagina's gaat. Dit kan worden opgelost door de linkteksten aan te vullen met visueel verborgen teksten, zoals "Pagina 1", "Pagina 2" en "Volgende pagina".
Dit probleem komt ook voor op pagina https://www.bibliotheekdeventer.nl/agenda-overzicht.html, bij de paginanavigatie onder de koppen "Doe & Ontdek", "Doe & Ontmoet" en "Vraag & Leer". Deze links moeten ook worden voorzien van duidelijkere, toegankelijke namen om de gebruikerservaring voor mensen met een visuele beperking te verbeteren.
Bevinding 43: Op pagina https://www.bibliotheekdeventer.nl/leren.html bevatten twee links de vage tekst "Meer weten". Deze tekst is niet specifiek genoeg om de bestemming van de links duidelijk te maken, vooral voor gebruikers met cognitieve beperkingen of schermlezers. Linkteksten zoals "Meer weten" geven geen context over de inhoud van de doelpagina. Om dit probleem op te lossen, moet de linktekst worden aangepast zodat duidelijk is waar de link naartoe leidt. Dit kan bijvoorbeeld door de tekst uit te breiden met de paginatitel of een korte beschrijving van de bestemming. Als de context visueel al duidelijk is, kan deze aanvullende tekst visueel verborgen worden met bijvoorbeeld een aria-label.
2.4.6 Koppen en labels (Niveau AA)
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevinding 44: Pagina https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html bevat iframes onder "Reconstructie handschriftenkast" en "Oosterse boeken", elk met de niet-unieke en niet-helpende titel "Video". Iframes moeten een goede beschrijving hebben. Die staat meestal in het title-attribuut van het iframe. Er moet in staan welk type inhoud het is (bijvoorbeeld een podcast of video), en waar het inhoudelijk over gaat. Deze beschrijving van de inhoud moet uniek en betekenisvol zijn. Door de beschrijving kunnen blinde bezoekers beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.
Bevinding 45: Het label van het zoekveld op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything wordt verzorgd door zoekknop middels aria-labelledby en is "SEARCH.SEARCH". Dit label is verwarrend voor gebruikers. Zorg dat het zoekveld een passender label krijgt, die niet hetzelfde is als het label van de zoekknop. Dit speelt ook op andere pagina's van deze website.
Bevinding 46: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/WISE/48864?qs=*&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=308609 of https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything 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.
2.4.7 Focus zichtbaar (Niveau AA)
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevinding 47: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/WISE/48864?qs=*&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=308609 in het tabblad "recensies" krijgt het "info"-icoon geen zichtbare toetsenbordfocus. Zorg dat deze een zichtbare focusindicator krijgt. Dit speelt ook op andere pagina's van deze website.
Bevinding 48: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/WISE/48864?qs=*&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=308609 krijgen in de blokken "Eerder bekeken" en "Anderen leenden ook" de knoppen geen zichtbare focusindicator. Zorg dat alle besturingselementen van de sliders een zichtbare focusindicator krijgen.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 49: Op alle pagina's, bijvoorbeeld https://www.bibliotheekdeventer.nl/, staat linksboven het logo met de tekst "de Bibliotheek Deventer". Dit logo is ook een link en de naam van deze link komt van de alt-tekst in de afbeelding: "Bibliotheek Deventer". Hierin ontbreekt het woord "de", wat betekent dat de zichtbare tekst niet gebruikt kan worden met spraakbedieningssoftware. Wijzig deze alt-tekst daarom naar “de Bibliotheek Deventer”.
Bevinding 50: Als je een boek reserveert op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything opent er een modal. Als men op de link "Stel een start- en stopdatum in" klikt, klapt een blok met verdere info en functionaliteit open. Er verschijnen twee datumvelden. Beide datumvelden hebben door het aria-label attribuut het label: "Kies datum", wat het eigenlijke label (dat ook visueel zichtbaar is) overschrijft. Dit betekent dat de zichtbare tekst niet gebruikt kan worden met spraakbedieningssoftware. Verwijder het aria-label attribuut.
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 51: De primaire taal van de pagina https://www.bibliotheekdeventer.nl/ is Nederlands, maar het `lang`-attribuut is onjuist ingesteld op "nl_NL" (met een underscore tussen de primaire en secundaire taalcode). Zorg dat de primaire taal van de pagina aangegeven is met de juiste taalcode via het lang-attribuut op het html-element, in dit geval lang="nl" of lang="nl-NL". Schermlezers gebruiken deze code om de juiste uitspraakregels toe te passen. Staat hier een verkeerde code, dan wordt de inhoud van de pagina dus met onjuiste uitspraakregels voorgelezen. De voorgelezen tekst is dan erg lastig te begrijpen. Stel de taalcode correct in voor elke pagina door lang="nl" of lang="nl-NL" te gebruiken.
Bevinding 52: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything. Hier is de taal van het document niet correct aangegeven: "nl_NL" (met een underscore tussen de primaire en secundaire taalcode) is geen correcte waarde voor het lang-attribuut. Pas de waarde aan naar "nl" of "nl-NL". Dit speelt ook op alle pagina's van deze website.
Bevinding 53: In de metagegevens van de PDF op https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Financieeloverzicht/bibliotheek-deventer---anbi---wnt-gegevens-2023.pdf de taal is niet ingesteld. Het is belangrijk om de taal in te stellen. Dan kan hulpsoftware de informatie uit het bestand met de juiste uitspraakregels voorlezen. Dit kan worden ingesteld via de bestandseigenschappen.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 54: Het label van de zoekknop op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything is "SEARCH.SEARCH". Verzorg een Nederlandstalig label voor de zoekknop.
Bevinding 55: De alternatieve tekst voor de beoordeling van de boeken op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything is steeds in het Engels, bijv. "Rating: 4 out of 5 stars". Vertaal dit naar het Nederlands.
Bevinding 56: Op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything is de paginering in het Engels: bijvoorbeeld "Page 6". Vertaal dit naar het Nederlands.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 57: Wanneer een bezoeker op de pagina https://www.bibliotheekdeventer.nl/klantenservice/contact.sendmail.html het formulier verzendt met de velden "Je vraag of opmerking", "Voornaam" en "Achternaam" correct ingevuld, maar het selectievakje "Ja" onder "Ik ga ermee akkoord dat de Bibliotheek Deventer mijn gegevens opslaat" niet aanvinkt, verschijnt er een foutmelding: "Dit veld is verplicht." Dit is een instructie, geen foutmelding. Een goede foutmelding maakt duidelijk dat er een fout is gemaakt, en geeft aan waar de fout zit. Vaak staat er een ontkenning in. Een voorbeeld van een goede foutmelding is: "Het veld is niet (goed) ingevuld."
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 58: De keuzelijst voor het aantal tickets op https://bibliotheekdeventer.op-shop.nl/booking/ heeft geen label. Voeg een label toe om dit 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 pagina https://www.bibliotheekdeventer.nl/ staan afbeeldingen die als links fungeren naast de koppen "Expositie: Elke dag een appel" en "Expositie Keuzevrijheid in de oorlog". Deze links hebben geen toegankelijke naam, waardoor bezoekers die een schermlezer gebruiken niet weten wat het doel van de link is. Dit probleem kan worden opgelost door een duidelijke, beschrijvende naam toe te voegen aan de link, bijvoorbeeld via een alt-attribuut voor de afbeelding of een aria-label voor de link zelf. Dit zorgt ervoor dat de bestemming en functie van de link duidelijk zijn voor alle gebruikers.
Op pagina https://www.bibliotheekdeventer.nl/collectie/inspiratie/koken-en-eten.html doen zich vergelijkbare problemen voor bij de links met afbeeldingen onder "Meer boekentips". Ook hier moeten toegankelijke namen worden toegevoegd om de links begrijpelijk te maken voor schermlezers.
Bevinding 60: Op pagina https://www.bibliotheekdeventer.nl/agenda-overzicht.html staan iframes onder de koppen "Doe & Ontdek", "Doe & Ontmoet" en "Vraag & Leer" zonder title-attribuut. Iframes zonder een duidelijke titel kunnen verwarrend zijn voor bezoekers die hulpsoftware gebruiken, omdat ze niet weten wat voor type inhoud de iframe bevat en waar het over gaat. Voeg een betekenisvol en uniek title-attribuut toe aan elk iframe, bijvoorbeeld title="Video over Doe & Ontdek" of title="Podcast over Vraag & Leer". Dit helpt gebruikers te beslissen of ze de inhoud van de iframe willen verkennen.
Bevinding 61: Op de website https://www.bibliotheekdeventer.nl/ staat in de header een zoekknop. Deze knop heeft geen naam. Voeg een naam toe, bijvoorbeeld via een onzichtbare tekst of aria-label.
Bevinding 62: Op https://bibliotheekdeventer.op-shop.nl/ is er bij de filters een zoekveld aanwezig. De zoekknop en het zoekveld hebben een label, maar deze wordt bij beiden verwijderd met display:none; in de CSS. Dat is niet toegestaan. Verwijder deze eigenschap in de CSS.
Bevinding 63: Als je een boek reserveert op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything opent er een modal. Als men op de link "Stel een start- en stopdatum in" klikt, klapt een blok met verdere info en functionaliteit open. In de code is niet aangegeven dat dit uitklapt, waardoor deze informatie verloren gaat voor hulpsoftware. Voeg het attribuut aria-expanded toe.
4.1.3 Statusberichten (Niveau AA)
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevinding 64: Als men op https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=concept&scope=anything een boek reserveert of toevoegt aan "Mijn Lijsten" is de melding dat de reservering of het toevoegen is gelukt niet beschikbaar voor hulpsoftware. Gebruik een live-region om dit op te lossen, bijvoorbeeld aria-live="polite".
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
- Homepagina:
https://www.bibliotheekdeventer.nl/ - Contact:
https://www.bibliotheekdeventer.nl/klantenservice/contact.html - Pagina niet gevonden:
https://www.bibliotheekdeventer.nl/404.html - Zoekresultaten:
https://www.bibliotheekdeventer.nl/zoekresultaten.website.2.html - de Bibliotheek:
https://www.bibliotheekdeventer.nl/de-bibliotheek.html - Collectie:
https://www.bibliotheekdeventer.nl/collectie.html - Dit is er te doen in jouw bibliotheek:
https://www.bibliotheekdeventer.nl/agenda-overzicht.html - Leren:
https://www.bibliotheekdeventer.nl/leren.html - Handschriften uit Harderwijk:
https://www.bibliotheekdeventer.nl/athenaeumbibliotheek/harderwijk.html - Athenaeumbibliotheek:
https://www.bibliotheekdeventer.nl/athenaeumbibliotheek.html - Klantenservice:
https://www.bibliotheekdeventer.nl/klantenservice.html - Bibliotheek Colmschate:
https://www.bibliotheekdeventer.nl/onze-vestigingen/vestiging.5300061.html/bibliotheek-colmschate/ - Over ons:
https://www.bibliotheekdeventer.nl/de-bibliotheek/Overons.html - Wat brengt jou bij de Bibliotheek?:
https://www.bibliotheekdeventer.nl/nieuws/wat-brengt-jou-bij-de-bibliotheek.html - Koken & Eten:
https://www.bibliotheekdeventer.nl/collectie/inspiratie/koken-en-eten.html - Financieel overzicht:
https://www.bibliotheekdeventer.nl/home/financieel-overzicht.html - Bestuursverslag 2023:
https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Bestuursverslagen/document-website-bestuursverslag2023.pdf - Home shop:
https://bibliotheekdeventer.op-shop.nl/ - Foutpagina shop:
https://bibliotheekdeventer.op-shop.nl/opsie - Catalogus:
https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/search?qs=*&scope=anything - Fysiek boek:
https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/WISE/48864?qs=*&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=308609 - Bestuursverslagen:
https://www.bibliotheekdeventer.nl/home/bestuursverslagen.html - Beknopt financieel overzicht uit Jaarrekening 2023:
https://www.bibliotheekdeventer.nl/dam/Overige_documenten/Overons/Financieeloverzicht/bibliotheek-deventer---anbi---wnt-gegevens-2023.pdf - Activiteit shop:
https://bibliotheekdeventer.op-shop.nl/6794/spreekuur-basisvaardigheden/16-05-2025 - E-boek:
https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/5700/catalog/title-detail/NBC_PLUS/PPN:444331034?qs=*&scope=anything&src=624&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=46057 - Catalogus pagina niet gevonden:
https://rijnbrink.hostedwise.nl/wise-apps/opac/branch/branch/5700/catalog/test
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.