Rapport:
Audit digitale toegankelijkheid website Bibliotheek Hoogeveen

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/ staat bovenaan een logo met de tekst “de Bibliotheek Hoogeveen”. De alt-tekst van dit logo is “Bibliotheek Hoogeveen”. Deze alt-tekst is niet voldoende. Omdat het logo in een link staat zonder zichtbare linktekst, fungeert de alt-tekst als linktekst. Daarom moet de alt-tekst beschrijven dat het om een logo gaat en dat de link leidt naar de homepagina. Pas het tekstalternatief aan, bijvoorbeeld naar “Logo Bibliotheek Hoogeveen, ga naar de startpagina”. Zie ook succescriteria 2.4.4 en 2.5.3. Hetzelfde probleem met het logo is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything.

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

Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html, staan onder koppen zoals “In de Bibliotheek” of “Lenen” afbeeldingen die functioneren als links. Deze afbeeldingen hebben tekstalternatieven die de koppen erboven herhalen of teksten bevatten zoals “Bibliotheekpas” of “Pratende persoon”. Deze alt-teksten worden gebruikt als toegankelijke namen voor de bijbehorende links, maar ze zijn ofwel overbodig of beschrijven de bestemming van de links niet goed (zie ook succescriterium 2.4.4). Zorg dat deze afbeeldingen passende tekstalternatieven krijgen die geen koppen of links in de buurt herhalen. Een andere oplossing kan worden geboden door de tekstalternatieven te verwijderen en met JavaScript of CSS het klikbare gebied van de link eronder te vergroten zodat de afbeelding erbij hoort. Een vergelijkbaar probleem is op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html met afbeeldingen onder de kop “Jeugd | 0-6 jaar”, op pagina https://www.bibliotheekhoogeveen.nl/collectie.html met de afbeelding onder de kop “Tijdschriften & kranten”.

Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html onder de kop “Jeugd | 0-6 jaar” staat naast de link “Jeugd & Jongeren” een pijl-icoon. Dit icoon is toegevoegd met CSS (::before pseudo-element) en wordt door schermlezers aangekondigd als "before". Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers.

Op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html onder de kop “Websites van de overheid” staan veel logo’s. De zichtbare tekst bij de meeste logo’s herhaalt de bijbehorende koppen, wat kan worden gezien als een toegankelijke naam. Sommige logo’s bevatten echter meer informatie dan in de kop staat. In dat geval moet alle tekst die in het logo staat worden toegevoegd aan hun tekstalternatieven. Het gaat om de volgende logo’s: “Centraal Justitieel Incassobureau Ministerie van Justitie en Veiligheid”, “Dienst Uitvoering Onderwijs Ministerie van Onderwijs, Cultuur en Wetenschap”, “LBIO Landelijk Bureau Inning Onderhoudsbijdragen” en “Logius Ministerie van Binnenlandse Zaken en Koninkrijksrelaties”.

Op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html onder de kop “Cursussen voor de computer” staan drie logo’s. Deze logo’s hebben geen tekstalternatieven. Als het alt-attribuut van een afbeelding leeg is (`alt=""`), negeren schermlezers de afbeelding. Een lege alt-tekst betekent: deze afbeelding is puur decoratief, geeft geen informatie. Er wordt dan dus niets voorgelezen. Daarom moeten informatieve afbeeldingen altijd een alt-tekst krijgen. Voeg alt-teksten toe die de volledige tekst van de logo’s bevatten.

Op pagina https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html heeft elk evenement iconen van een horloge, een kalender en een locatie. Deze iconen zijn met CSS verborgen, maar de screenreader kondigt de inhoud van deze iconen nog steeds aan als “before”. Omdat dit informatieve afbeeldingen zijn, moeten ze een beschrijvend tekstalternatief krijgen.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat boven de beoordelingssterren een afbeelding met de alt-tekst “Detective”. Deze tekst herhaalt de nabijgelegen tekst. Omdat deze afbeelding geen extra informatie biedt naast wat al in de buurt staat, kan zij als decoratief worden beschouwd. Het attribuut alt van deze afbeelding moet leeg zijn (alt="") om overbodige informatie voor bezoekers die een screenreader gebruiken te vermijden.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf staan decoratieve afbeeldingen die onjuist zijn getagd als figuren zonder beschrijvingen. Dit komt voor op pagina’s 1, 3, 4 en bij meerdere decoratieve afbeeldingen op andere pagina’s. De Figure-tag is alleen bedoeld voor informatieve afbeeldingen en heeft altijd een beschrijving nodig. Markeer deze afbeeldingen als artefacten, zodat ze worden verborgen voor schermlezers.

Pagina 1 van het pdf-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf bevat een logo als artefact. Afbeeldingen die als artefact zijn toegevoegd, zijn niet zichtbaar voor schermlezers. De informatie in deze afbeeldingen is daardoor niet toegankelijk voor bezoekers die de tekst laten voorlezen. Informatieve afbeeldingen moeten via een Figure-tag worden geplaatst en een alt-tekst krijgen die de afbeelding duidelijk beschrijft.

Pagina 24 van het pdf-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf bevat een logo “de Bibliotheek Hoogeveen” dat is toegevoegd als een figure zonder tekstalternatief. De figure-tag is bedoeld voor informatieve afbeeldingen waarvan de alternatieve tekst wordt voorgelezen door schermlezers. Het logo is een informatieve afbeelding, maar omdat de alternatieve tekst ontbreekt, kunnen blinde bezoekers belangrijke informatie missen. Voeg daarom een duidelijke alternatieve tekst toe.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html staat onder de kop “Digitale prentenboeken” een video met een voice-over. Hoewel er ondertitels aanwezig zijn, zijn deze automatisch gegenereerd en daardoor 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.
Hetzelfde probleem is met video op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html staat onder de kop “Voorleesfilmpjes” een video. Aan het einde van de video (vanaf 0:31) verschijnt het logo “De Voorleeshoek”. 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.

Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html komt hetzelfde probleem voor bij de tweede video onder de kop “Digitale prentenboeken”. Aan het einde van de video (vanaf 02:39) verschijnt de tekst: “PROBEER BERESLIM GRATIS www.bereslim.nl/demo-aanvragen/”. Beschrijf in audio de visuele onderdelen van de video, zoals logo’s en teksten. Een geschreven tekst kan ook, maar voor succescriterium 1.2.5 is een audiobeschrijving noodzakelijk.

Op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html staat onder de kop “Hoe kunnen we je helpen?” een video. Aan het begin van de video (van 0:02 tot 0:05) worden de teksten “Heeft u vragen over de overheid?” en het logo “de Bibliotheek informatiepunt Digitale Overheid” getoond, en aan het einde van de video (vanaf 1:08) wordt hetzelfde logo weergegeven. Het is noodzakelijk dat voor deze visuele elementen ook audiobeschrijvingen worden toegevoegd.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: De video’s op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html voldoen niet aan succescriterium 1.2.5, dat een audiobeschrijving voor video’s vereist. Deze video’s hebben een audiobeschrijving nodig (niveau AA), omdat 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. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien.
Een vergelijkbaar probleem is met de video op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html.

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website, bijvoorbeeld op pagina https://www.bibliotheekhoogeveen.nl/ staat in de header een groep van twee radioknoppen (“Catalogus” en “Site”), voorafgegaan door de tekst “Zoeken in”. Deze elementen zijn visueel gegroepeerd, maar deze relatie is niet programmatisch vastgelegd in de HTML. Visueel vormen deze elementen een groep, maar die relatie is niet vastgelegd in de code. Dit kan worden opgelost door de elementen in een fieldset-element te plaatsen. Een fieldset met interactieve inhoud moet een naam hebben. Hiervoor kan het legend-element worden gebruikt. Plaats hierin de tekst “Zoeken in”. Een vergelijkbaar probleem is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964 met een groep keuzerondjes (“Tags” en “Nickname”) voorafgegaan door de tekst “Zoek”.

Op pagina https://www.bibliotheekhoogeveen.nl/ staat een kop van niveau 3 direct gevolgd door een andere kop van hetzelfde niveau: “Openingstijden” en “Vandaag”. Als twee koppen van hetzelfde niveau direct onder elkaar staan zonder inhoud ertussen, dan is één van de koppen niet op de goede manier gebruikt. Pas de tekst aan, zodat de koplniveaus de structuur van de tekst correct weergeven. Een vergelijkbaar probleem is op pagina https://www.bibliotheekhoogeveen.nl/word-lid-van-de-bibliotheek1.html met de koppen “Tarieven 2025” (h3) en “Jeugd t/m 18 jaar” (h3), “Geen lid? Je bent toch welkom Ook zonder abonnement kun je gebruik maken van: de computers, de printer en de gratis wifi” (h3) en “Computer” (h3), op pagina https://www.bibliotheekhoogeveen.nl/over-ons.html met de koppen “Over ons” en “Doelstelling” en op andere pagina’s van de website.

Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html staan in het accordion “Hoe verleng ik mijn boeken?” de volgende teksten visueel als koppen, maar ze zijn in de code niet als h-elementen opgemaakt: “Verlengen via de Wise app” en “Verlengen op onze website”. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast. Een vergelijkbaar probleem is op pagina's https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14, https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/NBC_PLUS/PPN:424557355 met de teksten "Inhoud", "Serie", "Onderwerp" en op andere pagina's.

Op pagina https://www.bibliotheekhoogeveen.nl/word-lid-van-de-bibliotheek1.html staan onder de kop “Tarieven 2025” zes kaarten met soorten abonnementen. Visueel en inhoudelijk vormen zij één lijst met zes items, maar in de code staan zij in twee afzonderlijke ul-elementen die direct na elkaar komen. Dit verstoort de logische structuur van de pagina en kan tot verwarring leiden. Deze items moeten in één ul-element worden geplaatst, zodat bezoekers die een screenreader gebruiken dezelfde informatiestructuur krijgen als ziende bezoekers. Een ander voordeel is dat screenreaders het juiste aantal items aankondigen voordat zij beginnen met voorlezen.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything staat naast het zoekveld een select element. Visueel bevat de dropdown vijf opties, maar in de code is het een lijst met ook niet-interactieve elementen zoals het label “Zoek in” en een horizontale scheiding. Deze elementen zijn niet verborgen voor hulpsoftware, waardoor de screenreader ze meetelt en zeven items aankondigt, wat meer is dan er werkelijk beschikbaar zijn. Deze niet-interactieve elementen moeten voor hulpsoftware worden verborgen met role="presentation" of aria-hidden="true", of er moet een passend attribuut worden gebruikt zoals role="separator" voor scheidingselementen, zodat de screenreader alleen de echte menuopties aankondigt.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything bevat de sidebar met filters groepslabels zoals “Materiaal”, “Inhoud”, “Auteur” en andere die niet zijn verbonden met hun groepen selectievakjes. Hierdoor ziet de schermlezer niet dat er een relatie is tussen het groepslabel en de keuzevakjes (checkboxes). De individuele labels van elk keuzevakje worden voorgelezen zonder het groepslabel. Dit kan worden opgelost door gebruik te maken van fieldset- en legend-elementen. Andere oplossingen zijn ook mogelijk.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything staat boven de zoekresultaten een sorteerknop. Afhankelijk van de waarde die in het select-element ernaast is gekozen en de sorteervolgorde verandert de knop visueel van uiterlijk, maar dit wordt niet in de code weergegeven. Er moet een korte tekstbeschrijving van de sorteerrichting worden toegevoegd, bijvoorbeeld met aria-label of aria-live, zodat wordt aangekondigd of de lijst oplopend of aflopend is gesorteerd.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything wordt in elke naam van een auteur het strong-element onjuist gebruikt voor opmaakdoeleinden. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken. Gebruik hiervoor CSS. Hetzelfde probleem is met de namen van de auteurs op het tabblad “Recensies” van pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Op https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything worden in de paginering knoppen gebruikt in plaats van links. Dit is semantisch niet correct. Knoppen dienen voor acties van een gebruikers (versturen formulier, bijvoorbeeld). Als je naar een nieuwe pagina gaat, dienen er links gebruikt te worden. Vervang de knoppen door links.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Recensies” een knop met een “?”-icoon die een dialoogvenster opent. In de dialoog staat onder de kop “Recensies” een tekstblok met meerdere alinea’s dat onjuist is opgemaakt als één div-element. Visueel lijkt deze tekst uit meerdere alinea’s te bestaan: blokjes tekst met witruimtes ertussen. Deze structuur moet ook in de code staan. Zorg dat elke alinea in een eigen p-element is geplaatst. Het aantal alinea’s dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code. Hetzelfde probleem is op dezelfde pagina met tekst in het dialoogvenster dat geopend wordt via de knop “?” op het tabblad “Tags”.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Recensies” een knop met een “?”-icoon die een dialoogvenster opent. In de dialoog zijn de volgende teksten onjuist opgemaakt met strong in plaats van met passende kop-elementen: “Meld je aan en zorg voor een nickname”, “Recensie schrijven” en “Recensies van anderen 'liken'”. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel. Hetzelfde probleem is op dezelfde pagina met de kop “Tags toevoegen” in het dialoogvenster dat geopend wordt via de knop “?” op het tabblad “Tags”.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Overons/biblhoogeveen-meerjarenbeleidsplan-2021-2025-linkjes.pdf ontbreken structurele codes, waardoor de inhoud niet toegankelijk is voor screenreaders. Bovendien kunnen wij de pdf hierdoor niet volledig onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf is de tagging onvolledig. Pagina’s 1, 2, 20, 21, 22 en 23 zijn niet getagd. Dit deel van het document kunnen wij hierdoor niet onderzoeken. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen. Bijvoorbeeld met de tekstlabels voor de formuliervelden, maar ook de relaties van de formuliervelden met de kolomkoppen erboven.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf zijn alle koppen niet als koppen getagd. Dit geldt bijvoorbeeld voor “Voorwoord”, “Mooi jaar” en andere koppen op pagina 3, “Het verhaal van collectiespecialist Sharon van Dalen”, “Zorgvuldig geselecteerd” en andere koppen op pagina 4 en voor vergelijkbare koppen op alle pagina’s van het document. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de P-tag door de H-tag, zodat de tag-structuur gelijk is aan de visuele structuur.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything is de volgorde van HTML-elementen binnen de zoekresultaten onjuist, waarbij afbeeldingen boven de koppen staan. De huidige volgorde is: een interactieve afbeelding, tekst (naam van de auteur), kop (boektitel), andere tekst en knoppen. Dit komt doordat de koppen zich niet bovenaan de code van elke boekkaart bevinden. Dat kan verwarrend zijn voor bezoekers die een schermlezer gebruiken. Dit kan worden opgelost door alle inhoud die bij een bepaalde kop hoort, in de code onder die kop te plaatsen. Dit zorgt voor een logische structuur. De visuele vormgeving mag wel afwijken. Hetzelfde probleem is op het tabblad “Recensies” van pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice/contact.html mist een formulier met invoervelden voor persoonlijke gegevens (voornaam, achternaam, e-mailadres) het attribuut autocomplete. Invoervelden voor persoonlijke informatie zoals voornaam, achternaam of e-mailadres moeten het autocomplete-attribuut hebben met de juiste waarde. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice/contact.html gebruiken de radioknoppen onder “Hoe kunnen we helpen?” en het invoerveld “Wil je een bijlage meesturen?” een aangepaste toetsenbordfocus die alleen bestaat uit een verandering van de achtergrondkleur. Het gebruik van alleen kleur om focus aan te geven is hier echter niet voldoende, omdat de contrastverhouding tussen de gefocuste en niet-gefocuste staat van de achtergrondkleur minder dan 3,0:1 is. Voor bezoekers met een visuele beperking of kleurenblindheid is zo’n subtiele kleurverandering vaak niet duidelijk genoeg. En ook mensen die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Daarvoor moet er een duidelijk zichtbare focusindicator zijn. Hiervoor kan het beste een extra visuele aanduiding toegevoegd worden. Denk aan een dikkere rand, een onderstreping.

Onderaan de pagina https://www.bibliotheekhoogeveen.nl/zoekresultaten.website.html?q=werk gebruikt de paginering kleur als enige visuele aanduiding van de huidige pagina: de achtergrond rond de huidige pagina is oranje. Dit subtiele verschil maakt deze informatie ontoegankelijk voor bezoekers met een lichte visuele beperking. Er moet een extra visuele aanwijzing worden toegevoegd, bijvoorbeeld een onderstreping of een achtergrond met voldoende contrastratio. Hetzelfde probleem is met paginering op pagina https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html.

Onderaan de pagina https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html heeft het select-element naast “Spring direct naar pagina:” een focusindicator die alleen zichtbaar is door een kleurverandering. De contrastratio tussen de gefocuste en niet-gefocuste staat is te laag en voldoet niet aan de minimale eis. De focus moet duidelijker zichtbaar worden gemaakt met een extra visuele aanwijzing.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: In de header van de website staat een zoekveld. In de hovertoestand heeft de grijze (HEX #757575) placeholdertekst tegen de lichtgrijze (HEX #EDEDED) achtergrond een contrastratio van 3,9:1. Een soortgelijk probleem doet zich voor in de focustoestand: de grijze (HEX #757575) placeholdertekst tegen de oranje (HEX #FDE5D0) achtergrond heeft een contrastratio van 3,8:1. Zorg dat de placeholdertekst een contrast van minstens 4,5:1 tegen de achtergrond heeft.

Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html onder de kop “Meest gestelde vragen” staan accordions. Wanneer deze accordions toetsenbordfocus krijgen, verandert hun kop van zwart naar oranje. De oranje tekst (HEX #FF7320) op een witte achtergrond heeft een onvoldoende contrastratio van 2,7:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. Vergelijkbare problemen zijn op pagina's https://www.bibliotheekhoogeveen.nl/zoekresultaten.website.html?q=werk en https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html met accordions onder de kop “Verfijnen op resultaten”.

Op pagina https://www.bibliotheekhoogeveen.nl/zoekresultaten.website.html?q=werk staan in de sidebar onder de kop “Verfijnen op resultaten” aantallen die het aantal resultaten voor een bepaald type of woord aangeven. Deze aantallen hebben een onvoldoende contrastratio. De donkergrijze nummers (HEX #757575) op de lichtgrijze achtergrond (HEX #EDEDED) hebben een contrastratio van 3,9:1, wat lager is dan het vereiste minimum van 4,5:1. Hetzelfde probleem is op pagina https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html met vergelijkbare nummers onder “Verfijnen op resultaten”.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Recensies” een rode knop met een uitroepteken. Het witte (HEX #FDFDFD) cijfer “0” op de rode (HEX #D66B64) achtergrond heeft een contrastratio van 3,4:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet de contrastratio minimaal 4,5:1 zijn.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Overons/biblhoogeveen-meerjarenbeleidsplan-2021-2025-linkjes.pdf komen op veel pagina’s oranje teksten (HEX #EE7203) voor op een blauwe achtergrond (HEX #DEF0F6). De contrastratio is te laag en bedraagt 2,5:1. Dit geldt onder andere voor de tekst “Meerjarenbeleidsplan Bibliotheek Hoogeveen 2021-2025” op pagina 1, “Inhoud” en de paginanummers op pagina 2, de kop “1. INLEIDING” op pagina 3 en andere oranje teksten in het document. De contrastratio moet minimaal 3,0:1 zijn voor grote tekst en 4,5:1 voor kleine tekst.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Overons/biblhoogeveen-meerjarenbeleidsplan-2021-2025-linkjes.pdf staat op pagina 13 een tabel. Witte teksten op een oranje achtergrond (HEX #EE7203) en op een blauwe achtergrond (HEX #00AFCB) hebben een onvoldoende contrastratio van respectievelijk 2,98:1 en 2,6:1. Dit geldt voor de tabelkoppen “Kaders”, “Outcome = Impact” en “Output”.
Hetzelfde probleem is met de tabelkopteksten en totalen van de tabel op pagina 16.

In het PDF-document op https://www.bibliotheekhoogeveen.nl/dam/bestanden/Zakelijk/hoogeveen_jaarverslag2025-druk.pdf staat op pagina 23 veel infografiek. De meeste teksten daarin hebben problemen met het kleurcontrast. Zo heeft de oranje tekst “ONZE MAATSCHAPPELIJKE FUNCTIES” (HEX #EE7203) op een lichtoranje achtergrond (HEX #FEF0E3) een contrastratio van 2,7:1. De blauwe tekst “MOGELIJKHEDEN BIEDEN VOOR ONTWIKKELING EN EDUCATIE” (HEX #00AFCB) op een witte achtergrond (HEX #FFFCF9) heeft een contrastratio van 2,6:1. Andere teksten op deze pagina moeten ook worden gecontroleerd op voldoende contrast.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything en op andere pagina’s van het domein is bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% de placeholder in het zoekveld niet zichtbaar. Zorg dat alles nog werkt en leesbaar is als je inzoomt tot 400% op een scherm van 1280 bij 1024 pixels.

Uitkomst: Onvoldoende

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

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything en op andere pagina’s van dit domein komen problemen voor met het kleurcontrast van de aangepaste toetsenbordfocus. Voor de link “Inloggen” in de header is de focusrand oranje (HEX #FAD7C2) op een lichtgrijze achtergrond (HEX #F8F8F8), met een contrastratio van 1,3:1. Voor de knop “Wis alle filters” is de focusrand oranje (HEX #ECB08D) op een witte achtergrond, met een contrastratio van 1,9:1. Voor selectievakjes in de sectie “Filters”, voor het select-element voor sorteren en voor enkele andere elementen is de focusrand oranje (HEX #FFDCC7) op een witte achtergrond, met een contrastratio van 1,3:1. Deze waarden liggen onder het vereiste minimum van 3,0:1.

Op pagina’s van het domein verschijnt na het accepteren van cookies helemaal onderaan de website in de Footer een blok met twee knoppen: “Trek je toestemming in” en “Cookie-instellingen wijzigen”. Deze knoppen hebben een aangepaste toetsenbordfocus met een oranje rand (HEX #FF7320) op een lichtoranje achtergrond (HEX #FDE5D0). De contrastratio van 2,2:1 is te laag. Omdat dit een aangepaste focusindicator is, moet de contrastratio minimaal 3,0:1 zijn. Een vergelijkbaar probleem is op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html met de link “Jeugd & Jongeren”.

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

Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html staan onder de kop “Meest gestelde vragen” accordeons. Wanneer deze accordeons toetsenbordfocus krijgen, veranderen de “+” en “–” iconen van zwart naar oranje. Het oranje icoon (HEX #FF7320) op de witte achtergrond heeft een onvoldoende contrastratio van 2,7:1. Voor informatieve elementen moet het contrast minimaal 3,0:1 zijn. Vergelijkbare problemen zijn op pagina's https://www.bibliotheekhoogeveen.nl/zoekresultaten.website.html?q=werk en https://www.bibliotheekhoogeveen.nl/activiteiten/agenda-hoogeveen.html met pijl-iconen naast accordions onder de kop “Verfijnen op resultaten”.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything staan in de zoekresultaten iconen in verschillende kleuren die de categorieën van boeken aangeven. Een aantal van deze iconen heeft onvoldoende kleurcontrast. Bij het boek “Werk” is het gele icoon (HEX #FFFF00) voor de categorie “Communicatie” bijvoorbeeld geplaatst op een witte achtergrond, met een contrastratio van 1,1:1. Voor informatieve elementen moet de contrastratio minimaal 3,0:1 zijn. De kleurrijke iconen bij andere boeken moeten eveneens worden gecontroleerd.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat een tabnavigatie. Het huidige tabblad heeft een omlijning met een onvoldoende kleurcontrast. De grijze omlijning (HEX #D0D0D0) op een witte achtergrond heeft een contrastratio van 1,2:1, wat lager is dan de aanbevolen minimumwaarde van 3,0:1 voor dergelijke visuele aanwijzingen. Zorg dat de kleur van de omlijning voldoende contrast heeft met de achtergrond zodat deze goed zichtbaar is. Hetzelfde probleem is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964 met de soortgelijke tabbladen.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice/contact.html wordt voor alle invoervelden alleen HTML5-validatie gebruikt. Deze foutmeldingen verdwijnen na enige tijd. Er is dus tijdslimiet ingesteld. Voeg daarom altijd zelf foutmeldingen toe aan het formulier. Controleer of er nog meer formulieren zijn die dit probleem hebben.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything verschijnt er een dialoogvenster wanneer een bezoeker niet is ingelogd en op de knoppen “Reserveren” of “Mijn lijsten” naast een boek klikt. Na enkele seconden wordt de bezoeker automatisch doorgestuurd naar de inlogpagina, zonder voorafgaande waarschuwing. Zorg dat bezoekers de mogelijkheid hebben om deze tijdslimiet uit te zetten, aan te passen of te verlengen. Hetzelfde probleem is met identieke dialoogvensters op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 en andere productpagina's.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything ontbreekt een skiplink waarmee bezoekers direct naar de hoofdinhoud kunnen gaan. Er moet een manier zijn om delen van een pagina over te slaan, zoals het navigatiemenu en andere elementen die op meerdere pagina’s terugkomen. Hiervoor wordt een skiplink gebruikt. Daarmee kunnen bezoekers vaste blokken met herhalende inhoud overslaan. Een skiplink moet de eerste link op de pagina zijn. Deze link mag verborgen zijn, maar moet zichtbaar worden zodra hij focus krijgt. Voeg een skiplink toe waarmee bezoekers herhalende delen van de pagina over kunnen slaan.
Hetzelfde probleem is op andere pagina's van het domein.

Uitkomst: Onvoldoende

Bevindingen: Pagina's https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything, https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 en andere hebben dezelfde tekst in het title-element van de pagina: “Catalogus”. Dit is niet de bedoeling. In het title-element van elke pagina moet een unieke tekst staan die de inhoud van de pagina beschrijft, bij voorkeur gevolgd door de naam van de organisatie. Staat hier bij twee of meer pagina’s dezelfde tekst? Dan kan dit verwarrend zijn voor de bezoeker. De navigatie tussen pagina’s wordt dan ook lastiger. Verander de tekst in het title-element, zodat deze op elke pagina uniek is en de inhoud van de pagina nauwkeurig beschrijft.

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

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

Uitkomst: Onvoldoende

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

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything en op andere pagina’s van het domein komt het toetsenbordfocus direct op een onzichtbaar interactief element in de header terecht wanneer een bezoeker begint te navigeren met het toetsenbord. De focus mag niet terechtkomen op verborgen links, knoppen of formuliervelden. Als dit wel gebeurt, kunnen bezoekers deze elementen onbedoeld activeren, wat verwarring en toegankelijkheidsproblemen veroorzaakt. Verwijder verborgen interactieve elementen uit de tabvolgorde of maak ze volledig niet-focusbaar wanneer ze niet zichtbaar zijn.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything staat een sectie “Filter”. Bij sommige filteropties, zoals “Materiaal” of “Auteur”, staat een knop “Meer…”. Wanneer een bezoeker hierop klikt, worden extra filteropties toegevoegd. De toetsenbordfocus verschuift dan niet naar de eerste nieuw toegevoegde optie, maar naar de knop “Minder…” eronder. Wanneer nieuwe filteropties worden geladen, moet de toetsenbordfocus automatisch naar de eerste nieuw toegevoegde optie worden verschoven.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staan tabbladen die bestaan uit secties met verborgen inhoud die zichtbaar wordt wanneer een bezoeker op het tabblad klikt. De toetsenbordfocus volgt hierbij niet de verwachte volgorde, waardoor bezoekers die met het toetsenbord navigeren geen logisch en voorspelbaar focustraject krijgen. Tabbladen bestaan uit tablinks en tabpanelen. Eén van de tabpanelen is zichtbaar, de rest verborgen. Als een bezoeker op een tab klikt of deze activeert met het toetsenbord, verschijnt de inhoud van het bijbehorende tabpaneel. De pijltjestoetsen worden gebruikt om door de tablinks te navigeren. Als de toetsenbordfocus het actieve tabblad bereikt, moet de focus naar de inhoud van het bijbehorende tabpaneel gaan. Dit is de verwachte focusvolgorde. Lees er meer over op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.
Hetzelfde probleem is met soortgelijke tabbladen op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964 en andere.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staan twee carrousels. De toetsenbordfocus werkt daar niet logisch. De focus komt op twee onzichtbare elementen terecht, waarbij hulpsoftware “Slide 1 of 2” en “Slide 2 of 2” aankondigt. De focus gaat daarna eerst langs alle boeken in de carrousel en verschuift pas daarna naar de navigatieknoppen, wat niet overeenkomt met de volgorde van de zichtbare elementen.
Als bezoekers met het toetsenbord door de website navigeren, moeten interactieve elementen zoals knoppen en links op een logische volgorde toetsenbordfocus krijgen. Logisch betekent dat het aansluit op de volgorde die de elementen hebben in de visuele vormgeving. Anders kunnen bezoekers die alleen een toetsenbord gebruiken, minder makkelijk door de pagina navigeren. Het gaat dan bijvoorbeeld om mensen met een motorische of visuele beperking of een leesstoornis. Zorg dat het activeren van de knop de toetsenbordfocus verplaatst naar het volgende logische element in de reeks.
Hetzelfde probleem is met de carrousel op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/NBC_PLUS/PPN:424557355 en andere pagina's.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything wordt bij ingezoomde weergave met de knop “Zoekresultaten verfijnen” de filterzijbalk geopend, die in de code als een dialoog is opgebouwd. De toetsenbordfocus kan echter uit het openstaande dialoogvenster ontsnappen en naar de onderliggende pagina-inhoud gaan. Bij dit soort dialoogvensters moet de toetsenbordfocus goed worden ingesteld. Wanneer het venster actief is, moet de toetsenbordfocus binnen het venster blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het venster te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het venster automatisch te sluiten zodra de focus eruit gaat.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/ staat bovenaan een logo met de tekst “de Bibliotheek Hoogeveen”. De alt-tekst van dit logo is “Bibliotheek Hoogeveen”. Deze alt-tekst is niet voldoende. Omdat het logo in een link staat zonder zichtbare linktekst, fungeert de alt-tekst als linktekst. Daarom moet de alt-tekst beschrijven dat het om een logo gaat en dat de link leidt naar de homepagina. Bijvoorbeeld “Logo Bibliotheek Hoogeveen, ga naar de startpagina”. Zie ook succescriteria 1.1.1 en 2.5.3. Hetzelfde probleem met het logo is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything.

Op pagina https://www.bibliotheekhoogeveen.nl/ staan onder de koppen “Meer doen met de computer” en “Nederlands oefenen” links met de vage linktekst “Lees meer”. Deze tekst beschrijft de bestemming van de link onvoldoende. Hierdoor kunnen gebruikers met cognitieve beperkingen of degenen die afhankelijk zijn van schermlezers niet goed bepalen waar de link naartoe gaat. Linkteksten die meerdere keren op een pagina voorkomen of nietszeggend zijn (zoals ‘lees meer’), geven de bezoeker geen duidelijke aanwijzingen over hun bestemming. Zorg dat duidelijk is waar een link naartoe leidt, bijvoorbeeld door een tekst als ‘lees meer’ aan te vullen met de paginatitel. Als visueel duidelijk is bij welk onderdeel de link hoort, kan deze aanvullende tekst visueel verborgen worden. Een vergelijkbaar probleem is op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html met de link “Lees meer” onder “Contant betalen is helaas niet mogelijk in de Bibliotheek”, op pagina https://www.bibliotheekhoogeveen.nl/word-lid-van-de-bibliotheek1.html met meerdere links “Bekijk alle voordelen”.

Op pagina https://www.bibliotheekhoogeveen.nl/ staan onder de kop “Beleef de Bibliotheek!” vier logo’s. Voor twee logo’s is er zichtbare tekst in de bijbehorende links eronder, namelijk “Verhalenwerf” en “Headquarter-6”. Deze zichtbare teksten kunnen worden gezien als een toegankelijke alternatieve naam. De andere twee logo’s bevatten meer informatie dan in de linktekst staat, namelijk “Taalhuis Hoogeveen” en “ONTDEKHOEK, ontdek, doe & leer!”. In dit geval moet alle tekst uit deze logo’s worden opgenomen in de tekstalternatieven.

Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice.html staan onder koppen zoals “In de Bibliotheek” en “Lenen” afbeeldingen die functioneren als links. De tekstalternatieven van deze afbeeldingen worden gebruikt als toegankelijke namen voor de links, maar ze zijn ofwel een herhaling van de kop erboven of beschrijven de bestemming van de link niet voldoende. Deze alt-teksten moeten worden aangepast zodat ze de bestemming van de link duidelijk beschrijven. Mogelijke oplossingen hiervoor zijn toegelicht in succescriterium 1.1.1. Een vergelijkbaar probleem is op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html met afbeeldingen onder de kop “Jeugd | 0-6 jaar”, op pagina https://www.bibliotheekhoogeveen.nl/collectie.html met de afbeelding onder de kop “Tijdschriften & kranten”.

Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html onder "Jeugd | 0-6 jaar" de link "Jeugd & Jongeren" heeft een toegankelijke naam: "before Jeugd & Jongeren". Deze tekst geeft geen adequate beschrijving van de bestemming van de koppeling, waardoor onduidelijkheid ontstaat, vooral voor gebruikers met cognitieve beperkingen of gebruikers die afhankelijk zijn van schermlezers. Zorg dat duidelijk is waar een link naartoe leidt.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Bovenaan de pagina https://www.bibliotheekhoogeveen.nl/ gebruikt een carousel een knop “Volgende” voor navigatie. Hoewel deze knop werkt, is het label niet voldoende beschrijvend. De toegankelijke naam van deze knop moet worden aangepast naar “Volgende slide” om duidelijker te maken wat de functie is. Een vergelijkbaar probleem is op dezelfde pagina met de carrouselknoppen “Vorige” en “Volgende” naast de kop “Nieuwe e-books”, op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html voor knoppen naast de kop “Nieuwe boeken | 0-6 jaar” en op andere pagina's met carrousels.

Op https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html staat onder de kop “Digitale prentenboeken” een iframe met het attribuut title "Een selectie toptitels van bereslim". Iframes moeten een goede beschrijving hebben. Die komt 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 bezoekers met hulpsoftware beslissen of het de moeite waard is om de inhoud van het iframe te verkennen.

Op pagina https://www.bibliotheekhoogeveen.nl/jeugd-en-jongeren/0-6.html bevatten de video’s bedieningsknoppen met foutieve informatie over toetsenbordbediening. De afspeelknop heeft bijvoorbeeld de toegankelijke naam “Afspelen sneltoets k”, terwijl deze sneltoets niet beschikbaar is. Dit kan verwarrend zijn voor bezoekers die afhankelijk zijn van hulpsoftware. Verwijder of corrigeer deze verwijzingen naar niet-bestaande sneltoetsen in de toegankelijke namen van de knoppen. Hetzelfde probleem is met video op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html.

Op pagina https://www.bibliotheekhoogeveen.nl/leren/digitaalhuis1/informatiepunt-digitale-overheid.html heeft iframe onder de kop “Hoe kunnen we je helpen?” het title-attribuut met “Video”. Deze beschrijving is te algemeen en zegt niets over de inhoud. Het iframe moet een unieke en betekenisvolle titel krijgen, zodat het voor schermlezersgebruikers duidelijk is waar het iframe over gaat. Idealiter moet de titel van het iframe het type inhoud vermelden (in dit geval "video") samen met een beknopte beschrijving van de inhoud.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything en op andere pagina’s van dit domein staat naast het zoekveld een select-element met “Alles”. Het is een knop met de toegankelijke naam “SEARCH_SELECT_SCOPE Alles”. Deze naam is niet beschrijvend en bevat bovendien niet-leesbare tekens (underscores). De tekst van links mag geen symbolen bevatten zoals streepjes en underscores. Deze karakters maken het doel van de link onduidelijk. Verwijder de niet-leesbare karakters en herschrijf de tekst. Zorg dat de linktekst duidelijk en beschrijvend is.

Op https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything, als een boek wordt toegevoegd aan "Mijn Lijsten", opent er een modal. De knop om dat modal te sluiten heeft als label "MODAL.CLOSE". Geef deze knop een beter beschrijvend label. Dit speelt ook op andere pagina’s van dit domein.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Lijsten” een tabel. De tabelkoppen waarmee kan worden gesorteerd zijn niet duidelijk herkenbaar als interactieve elementen. Er is geen visuele of programmatische aanwijzing dat klikken op een kop de tabel zal sorteren — de sorteerpijl verschijnt pas nadat de gebruiker ermee heeft interactie gehad. Hierdoor kunnen zowel ziende bezoekers als bezoekers die een screenreader gebruiken niet anticiperen op het feit dat deze koppen een sorteeractie kunnen uitvoeren. De sorteerbare koppen moeten vóór interactie duidelijk herkenbaar zijn als interactieve bedieningselementen. Voeg een zichtbaar teken toe, bijvoorbeeld een pijltje of het woord “sorteerbaar”, en geef een toegankelijke naam of rol zodat bezoekers begrijpen wat het doel van elke kop is.
Hetzelfde probleem is op een vergelijkbaar tabblad “Lijsten” op pagina
https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website voor het eerst wordt bezocht, verschijnt er bovenaan de pagina een cookiebanner. Na een klik op de knop “Lees hier meer over cookies” opent een dialoog. De toetsenbordfocus is niet zichtbaar op de knop “X” in deze dialoog. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen.

Op alle pagina's van de website, bijvoorbeeld op pagina https://www.bibliotheekhoogeveen.nl/ is de toetsenbordfocus niet zichtbaar op twee radioknoppen in de header: “Catalogus” en “Site”. Interactieve elementen dienen altijd een zichtbare focusindicator te krijgen, die voldoende contrast biedt met de achtergrond en het element dat het omringt.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 is de toetsenbordfocus niet zichtbaar op de knoppen met drie puntjes (“Carrousel”) en de knop met negen puntjes (“Raster”) naast “Toon als” en op de knoppen met “?”-iconen op de tabbladen “Recensies” en “Tags”. De focus moet zichtbaar zijn op alle interactieve elementen.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op alle pagina's van de website https://www.bibliotheekhoogeveen.nl/ staat een logo met de tekst: “de Bibliotheek Hoogeveen”. De toegankelijke naam van deze link is “Bibliotheek Hoogeveen”. De toegankelijke naam van de link is dus niet hetzelfde als de zichtbare tekst in het logo. Daardoor werkt de link niet goed als deze met een stemgestuurd systeem wordt geactiveerd. Daarvoor spreekt de bezoeker de tekst uit die zichtbaar is in het logo. Als de toegankelijke naam anders is, zal het systeem de link niet herkennen. Zorg daarom dat de tekst die in het logo zichtbaar is voorkomt in de toegankelijke naam. Hetzelfde probleem met het logo is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything.

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

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Lijsten” een zoekveld. De placeholdertekst “Zoek in lijsten” wordt gebruikt als zichtbaar label (zie ook succescriterium 3.3.2), maar de toegankelijke naam is “Zoek”. De zichtbare tekst van een interactief element mag niet te veel afwijken van de toegankelijke naam van het element. Als de zichtbare tekst niet voorkomt in de toegankelijke naam, kan het element niet met spraak worden bediend. De commando’s die de bezoeker uitspreekt door de zichtbare tekst voor te lezen, zullen het element dan niet activeren. Zorg dus dat alle zichtbare tekst in de toegankelijke naam staat, bij voorkeur vooraan.
Hetzelfde probleem is met een vergelijkbaar zoekveld op het tabblad “Lijsten” van pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

Bevindingen: Pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything bevat meerdere elementen met toegankelijke namen in het Engels: het zoekveld heeft de toegankelijke naam “SEARCH.SEARCH”, de knop naast het zoekveld heeft de toegankelijke naam “SEARCH_SELECT_SCOPE Alles”, de sorteerknop heeft de toegankelijke naam “SEARCH.SORTING”, de beoordelingssterren bij boeken hebben aria-labels in het Engels (bijvoorbeeld “Rating: 4 out of 5 stars”), en in het dialoogvenster “Mijn lijsten” heeft de “x”-knop een aria-label “MODAL.CLOSE”. Deze labels worden door schermlezers uitgesproken volgens de uitspraakregels van de hoofdtaal van de pagina (in dit geval Nederlands). Vertaal de toegankelijke namen naar het Nederlands.
Hetzelfde probleem is op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 met knoppen voor navigatie in carrousels die de namen “Vorige” en “Volgende” hebben, op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964 waar de zoekknop de naam “community-search-button” heeft, paginering op het tabblad “Lijsten” de knoppen “Next” en “Previous” heeft en op andere plaatsen van de website.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice/contact.html wordt in het formulier HTML5-validatie gebruikt, waarbij standaard HTML5-foutmeldingen worden getoond wanneer het formulier met onjuiste gegevens wordt verzonden. Deze foutmeldingen worden niet door alle browsers en schermlezers even goed ondersteund. Elke browser toont de meldingen anders, en niet altijd op een toegankelijke manier: de melding is soms kortaf en onvolledig. Voeg daarom altijd zelf foutmeldingen toe aan het formulier. Controleer of er nog meer formulieren zijn die dit probleem hebben.

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://www.bibliotheekhoogeveen.nl/klantenservice/contact.html staat een formulier met meerdere verplichte velden die met een asterisk zijn gemarkeerd. Wanneer een asterisk wordt gebruikt om verplichte velden aan te geven, moet er boven het formulier een instructie staan zoals "Velden gemarkeerd met * zijn verplicht".

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Lijsten” een zoekveld. Dit zoekveld gebruikt de placeholdertekst (“Zoek in lijsten”) als label, maar er ontbreekt een permanent, zichtbaar label. Invoervelden moeten een label hebben dat altijd zichtbaar is. Dat kan een tekst zijn of een afbeelding (icoon). Een placeholder-tekst kan niet als label dienen, omdat deze tekst verdwijnt als de bezoeker begint te typen. Een invoerveld zonder zichtbaar label kan mensen in de war brengen, omdat ze niet weten wat ze moeten invullen. Voeg een label toe in de vorm van een tekst of een icoon.
Hetzelfde probleem is met een vergelijkbaar zoekveld op het tabblad “Lijsten” van pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Uitkomst: Voldoende

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: Wanneer de website voor het eerst wordt bezocht, verschijnt er bovenaan de pagina een cookiebanner. Na een klik op de knop “Lees hier meer over cookies” opent er een dialoogvenster. Dit dialoogvenster mist zowel een juiste ARIA-rol als een toegankelijke naam. Schermlezers kunnen hierdoor niet doorgeven dat het om een dialoogvenster gaat, en wat de inhoud ervan is. Dit kan opgelost worden door twee attributen toe te voegen aan het dialoogvenster: een aria-label met een duidelijke beschrijving van de inhoud (`aria-label="Beschrijving van de inhoud"`) en `role="dialog"`.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything staat naast het zoekveld de knop “Alles” die een een ul-element opent. De items in deze lijst hebben onjuist de ARIA-rol “menuitem”. Dit zorgt ervoor dat hulpsoftware er juist minder goed mee overweg kan. Elementen met de rol “menuitem” moeten binnen een overkoepelende rol staan, zoals “menu”, “menubar” of “group”. En deze rol ontbreekt. Bovendien hoort bij deze ARIA-rollen een andere toetsenbordbediening. Die kan toegevoegd worden, maar dan moeten ook de juiste toetsenbordfuncties worden ingesteld. Voor dit eenvoudige menu is dit allemaal niet nodig. Het is daarom beter om role="menubar" en role="menuitem" achterwege te laten. Die zijn bedoeld voor andere, meer complexe toepassingen en niet voor een standaard menu op een website. Een betere oplossing is om hier gewoon een geneste lijst (ul) te gebruiken. Op https://www.w3.org/WAI/ARIA/apg/patterns/menu/ staat wat er nodig is om een toepassing met role="menubar" te bouwen.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat een sectie met inhoud die eruitziet en werkt als tabbladen. Wanneer op een tabblad wordt geklikt, verschijnt nieuwe inhoud. De tabbladen hebben de juiste rollen, maar de elementen die het inhoudsdeel voor elk tabblad bevatten missen de vereiste rol tabpanel. De attributen aria-controls ontbreken ook, waardoor hulpsoftware niet kan bepalen welk tabblad welk paneel opent. Daarnaast heeft het actieve tabblad geen attribuut aria-selected, waardoor een blinde bezoeker niet weet welk onderdeel op dat moment is geopend. Voeg de juiste rollen en attributen toe aan de elementen. Meer hierover is te lezen op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/.
Hetzelfde probleem is met soortgelijke tabbladen op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Op https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat onder “Lijsten” een tabel. De tabelkoppen kunnen worden gebruikt om te sorteren, maar hebben geen correct toegankelijk rolattribuut. De interactieve elementen moeten een duidelijke toegankelijke rol krijgen, bijvoorbeeld “button”. Hetzelfde probleem is in de tabel op het tabblad “Lijsten” van pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/title-detail/WISE/1056803?qs=Poirot%20speelt%20bridge&scope=anything&titleNavIndex=0&titleNavRouteName=search&titleNavTotal=14 staat op het tabblad “Recensies” een knop met een “?”-icoon die een dialoogvenster opent. Dit dialoogvenster heeft geen toegankelijke naam. Een bezoeker die blind is heeft deze naam nodig om te begrijpen waar het dialoogvenster over gaat. Schermlezers kunnen hierdoor niet doorgeven wat hier staat. Dit kan opgelost worden door een aria-label aan het dialoogvenster toe te voegen met een duidelijke beschrijving van de inhoud. Hetzelfde probleem is op dezelfde pagina met het dialoogvenster dat geopend wordt via de knop “?” op het tabblad “Tags” en ook op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/community/search?searchType=nickname&termControl=kattenmens&cWiseUserId=364964.

Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything en op andere pagina’s van het domein verschijnt op kleine schermen in de header een menuknop om het mobiele navigatiemenu te openen. Deze knop geeft geen informatie over de toestand van het menu, zoals open of gesloten. Bezoekers die het menu niet kunnen zien, bijvoorbeeld bezoekers die hulpsoftware gebruiken, krijgen daardoor geen duidelijke terugkoppeling over de status van het menu. Dit kan bijvoorbeeld opgelost worden door een tekstuele uitleg (ingeklapt/uitgeklapt) toe te voegen die voor ziende bezoekers met CSS wordt verborgen. Een andere optie is om het aria-expanded-attribuut te gebruiken op de menuknop. Dit attribuut moet de waarde “true” krijgen als het menu getoond wordt, en “false” als het menu verborgen is.

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

Uitkomst: Onvoldoende

Bevindingen: Op pagina https://biblionetdrenthe.hostedwise.nl/wise-apps/opac/branch/5280/catalog/search?qs=werk&scope=anything worden de zoekresultaten aangepast wanneer filters worden gebruikt en verschijnt er een bericht zoals “Resultaten: 1 - 10 (van 8793)” zonder dat de pagina opnieuw wordt geladen. Dit bericht is een statusbericht, maar wordt niet aangekondigd door schermlezers omdat het geen toetsenbordfocus krijgt. Dat zou wel moeten gebeuren. Deze melding is namelijk een statusbericht. Statusberichten moeten automatisch voorgelezen worden door schermlezers zodra ze verschijnen of veranderen, maar de code die dit mogelijk maakt is nog niet toegevoegd. Dit kan opgelost worden door aria-live-attribute aan de melding toe te voegen.