Issues:
Audit digitale toegankelijkheid website Collecties KB

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: In de header en de footer van de website staat het logo "KB nationale bibliotheek". Het tekstalternatief hiervan is "KB logo" en daarin ontbreekt de tekst "nationale bibliotheek". Voeg de ontbrekende zichtbare tekst toe aan het tekstalternatief, zodat blinde bezoekers dezelfde informatie krijgen. Omdat dit logo een link is, zijn hier meer problemen mee. Zie succescriteria 2.4.4 en 2.5.3.

Bevinding 2: Op pagina https://collecties.kb.nl/nederlandse-poezie/historische-dichters/hadewijch-1200-1250 staat onder "Meer over Hadewijch" een afbeelding met de tekst "Delpher Ontdek meer. Steeds weer." Het tekstalternatief van deze afbeelding is slechts "Delpher". Voeg hieraan de ontbrekende zichtbare tekst toe, zodat blinde bezoekers dezelfde informatie krijgen.

Bevinding 3: In de PDF op pagina https://collecties.kb.nl/file-download/download/public/1080 staat het logo van KB Nationale Bibliotheek. Dit is een informatieve afbeelding die een tekstalternatief nodig heeft, bijvoorbeeld "Logo KB Nationale Bibliotheek". De content van deze PDF staat echter ook op de webpagina https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek, dat daarom als alternatief kan dienen.

1.2 Op tijd gebaseerde media

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

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

Bevinding 4: Op pagina https://collecties.kb.nl/nederlandse-poezie/moderne-nederlandse-dichters/anne-vegter/vlogs-van-anne-vegter worden drie video's getoond. In de eerste video komt gesproken tekst voor, maar de ondertiteling ontbreekt. Zorg ervoor dat mensen met een auditieve beperking ook weten welke informatie in het audiospoor voorkomt door een ondertiteling aan de video toe te voegen.

Bevinding 5: Op pagina https://collecties.kb.nl/nederlandse-poezie/moderne-nederlandse-dichters/anne-vegter/vlogs-van-anne-vegter worden drie video's getoond. De tweede en derde video's hebben een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling. Als eigenaar van de video's kun je deze automatische ondertiteling aanpassen in YouTube Studio.
Dit komt ook voor in de video op pagina https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek.

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

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

Bevinding 6: Op pagina https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo van "KB Nationale Bibliotheek" aan het begin en eind en de tekst "Tsead Bruinja dichter des vaderlands" aan het begin. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 7: Op pagina https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek komt in de video op verschillende plaatsen tekst in beeld, bijvoorbeeld het logo van "KB Nationale Bibliotheek" aan het begin en eind en de tekst "Tsead Bruinja dichter des vaderlands" aan het begin. Een audiodescriptie ontbreekt in deze video. Audiodescriptie is een (extra) audiospoor waarin verteld wordt wat er in beeld te zien is. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zie ook succescriterium 1.2.3.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Bevinding 8: Op meerdere pagina's wordt het em-element gebruikt om teksten cursief weer te geven. Bijvoorbeeld "Hot Printing" op pagina https://collecties.kb.nl/hn-werkman, "Middelburgs overgang" op pagina https://collecties.kb.nl/hn-werkman en meer. Dit element is echter bedoeld om een of enkele woorden de nadruk te geven en niet voor een bepaalde opmaak. Gebruik hiervoor CSS.

Bevinding 9: Op pagina https://collecties.kb.nl/hn-werkman/hn-werkman-korte-biografie staan onder de koptekst "Verder lezen over H.N. Werkman" meerdere jaartallen. Deze zijn opgemaakt met het strong-element. Dit element is echter bedoeld om een of enkele woorden de nadruk te geven en niet om kopteksten mee op te maken. Wijzig dit element naar een kop, bijvoorbeeld h3.

Bevinding 10: Boven op de website staat een taalkeuze met de opties "NL", "EN" en "FR". De actieve taalkeuze heeft het attribuut aria-current gekregen en dat is goed. De waarde hiervan is "page" en dat is echter niet goed, wat dit is niet de actieve pagina. Wijzig deze waarde naar "true".

Bevinding 11: Op pagina https://collecties.kb.nl/zoeken staan naast of onder de zoekresultaten mogelijkheden voor het verfijnen van de resultaten. Hier zijn meerdere problemen mee. Ten eerste zijn de kopteksten "Onderwerp" en "Type" van hetzelfde niveau als de bovenliggende kop "Resultaten verfijnen". Dit is geen logische structuur. Ten tweede is de relatie tussen Onderwerp" en de onderliggende selectievakjes niet te leggen door hulpsoftware. Dit geldt ook voor "Type". Beide problemen kunnen opgelost worden door gebruik te maken van twee fieldsets, waarbij "Onderwerp" en "Type" gewijzigd worden naar legend-elementen binnen deze fieldsets.

Bevinding 12: Op pagina https://collecties.kb.nl/zoeken staat een paginanavigatie onder de zoekresultaten. Hierin is het onderdeel "…" opgemaakt met role="presentation". Dit kan echter nog steeds 'gezien' worden door hulpsoftware. Wijzig dit attribuut naar aria-hidden="true".

Bevinding 13: In de PDF op pagina https://collecties.kb.nl/file-download/download/public/1080 staat de koptekst "Toekomstmuziek". Deze tekst is echter niet als koptekst (bijvoorbeeld H1) getagd en dat is wel nodig. De content van deze PDF staat echter ook op de webpagina https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek, dat daarom als alternatief kan dienen.

Bevinding 14: Advies: Op pagina's https://collecties.kb.nl/ en https://collecties.kb.nl/en staat een lege kop boven "Collectie Koopman" etc. Lege koppen zijn verwarrend voor sommige bezoekers. Laat lege koppen weg. Iets vergelijkbaars komt ook voor op pagina https://collecties.kb.nl/hn-werkman.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Bevinding 15: Op pagina's https://collecties.kb.nl/, https://collecties.kb.nl/en en https://collecties.kb.nl/nederlandse-poezie/historische-dichters/hadewijch-1200-1250 staan onder respectievelijk "Uitgelicht", "Featured" en "Meer over Hadewijch" drie kolommen met content. Ook op pagina https://collecties.kb.nl/hn-werkman staan halverwege de pagina drie kolommen met afbeeldingen, koppen en links. De afbeeldingen staan steeds boven de kopteksten in elke kolom. In de code moeten de afbeeldingen echter onder de kop staan waar ze bij horen, om zo duidelijk te maken bij welke kop de afbeeldingen horen. Als de tekstalternatieven leeg zouden zijn, is dit geen probleem omdat hulpsoftware de afbeeldingen dan niet zou opmerken.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 16: Op alle webpagina's kan bovenaan de skiplink met de blauwe tekst "Overslaan en naar de inhoud gaan" / "Skip to main content" (HEX #2B4B9A) op een bijna-zwarte achtergrond (HEX #101111) getoond worden als met de Tab-toets genavigeerd wordt. De contrastratio is hier 2,3:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 17: Als de website wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, staat de tekst "Welkom bij KB Collecties" op pagina https://collecties.kb.nl/ en de zwarte tekst "Welcome to KB Collections" deels op de achtergrondafbeelding. Het contrast tussen deze bijna-zwarte tekst (HEX #101111) en de afbeelding is niet altijd voldoende, soms zelfs ongeveer 1,1:1. Omdat dit grote tekst is, moet dit contrast minimaal 3,0:1 zijn. Dit is op verschillende manieren op te lossen. Bijvoorbeeld door de achtergrondafbeelding lichter te maken of door een lichte schaduwrand om de letters te zetten. Andere oplossingen zijn ook mogelijk.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 18: Op vrijwel alle webpagina's, waaronder https://collecties.kb.nl/contact/toegankelijkheid, https://collecties.kb.nl/404, https://collecties.kb.nl/nederlandse-poezie/moderne-nederlandse-dichters/anne-vegter/vlogs-van-anne-vegter staat bovenaan de unieke inhoud een koptekst. Als de pagina's worden ingezoomd tot 200% bij een schermresolutie van 1280 x 1024 pixels, worden deze kopteksten niet 200% vergroot. Ook niet als verder wordt ingezoomd, bijvoorbeeld tot 400%.

Bevinding 19: Advies: als de website wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, is het logo bovenin gewijzigd naar een kleinere variant zonder de woorden "nationale bibliotheek". Dit is in principe verlies van informatie, maar in de footer staat wel het volledige logo. Dit is daarmee een alternatief.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 20: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, moet horizontaal gescrold worden om het menu-onderdeel "Collectie Antoine - Koopman" te kunnen lezen. Op de Engelstalige versie van de website is dit probleem nog erger, omdat de naam van dit menu-onderdeel dan nog langer is. Zorg ervoor dat niet horizontaal gescrold hoeft te worden, bijvoorbeeld door de tekst te laten doorgaan op de volgende regel.

Bevinding 21: In het bovenste menu staat het onderdeel "Collecties" die onder andere een zoekveld kan tonen. Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, valt de placeholdertekst deels weg. Hier staat nu alleen nog maar "Ik ben op z". Een placeholder kan beter buiten het veld staan en dienen als label.

Bevinding 22: Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, valt op pagina https://collecties.kb.nl/zoeken de placeholdertekst in het zoekveld deels weg. Nu is alleen nog "Mijn zoek" te lezen. Hieronder staat in het invoerveld bij "Sorteer op" slechts het deel "Relev" en bij "Volgorde" slechts het deel "Aflop". Dit is verlies van informatie. Een placeholder kan beter buiten het veld staan en dienen als label. Bij de laatste twee problemen is het te overwegen om de velden onder elkaar te zetten in plaats van naast elkaar.

Bevinding 23: Op pagina https://collecties.kb.nl/zoeken staat onder de zoekresultaten een paginanavigatie. Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, valt een deel van deze navigatie weg, want nu is alleen nog "4" tot en met "9" zichtbaar.

Bevinding 24: Op pagina https://collecties.kb.nl/hn-werkman/hn-werkman-korte-biografie staat vlak boven de footer een URL. Het laatste deel van deze URL valt buiten beeld wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%. Zorg ervoor dat geen content buiten beeld wordt gezet, bijvoorbeeld door de tekst te laten doorgaan op de volgende regel.

Bevinding 25: Advies: wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, neemt de header van de website een aanzienlijk deel in van het scherm. Dit maakt het lezen van de content op de pagina's lastiger. Dit is echter nog steeds wel mogelijk en daarom is het niet afgekeurd.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 26: Wanneer de links "Zoeken" en "Contact" en de taalkeuze bovenaan de toetsenbordfocus hebben, is dat zichtbaar door een oranje focusrand (HEX #CC8500). De contrastverhouding tussen de focusrand en de lichtgele achtergrond (HEX #ECDCC8) is 2,3:1, waar dit minimaal 3,0:1 moet zijn. Hierdoor is voor slechtzienden en kleurenblinden het onderscheid niet of moeilijk waar te nemen. Maak gebruik van een kleurencombinatie met voldoende contrast.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 27: Als de website wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, is de knop "Resultaten verfijnen" niet met het toetsenbord te benaderen en te bedienen. Dit komt waarschijnlijk doordat het een h2-element is dat slechts voor een deel van de gebruikers interactief is gemaakt.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 28: Op pagina's https://collecties.kb.nl/nederlandse-poezie/moderne-nederlandse-dichters/anne-vegter/vlogs-van-anne-vegter en https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek staat een videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 29: Op de onderzochte pagina's is een zogenaamde skiplink aanwezig om blokken met herhalende content over te slaan. Op pagina https://collecties.kb.nl/zoeken slaat deze skiplink echter ook een deel van de unieke content van de pagina over, namelijk het zoekveld en de opties voor sorteren en volgorde. Dit is niet de bedoeling. Zorg ervoor dat de skiplink naar het begin van de unieke inhoud gaat.

Bevinding 30: Advies: Het gebruik van zogenaamde landmarks kan blinde toetsenbordgebruikers helpen om naar de unieke inhoud van de pagina te gaan. De pagina's bevatten momenteel geen main-landmark voor de hoofdinhoud. Dit kan nog toegevoegd worden. Let op: dit is geen voldoende oplossing voor ziende toetsenbordgebruikers die geen schermlezersoftware gebruiken.

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Bevinding 31: De PDF op pagina https://collecties.kb.nl/file-download/download/public/1080 heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

Bevinding 32: Advies: pagina https://collecties.kb.nl/en heeft de paginatitel "Collecties van de KB, nationale bibliotheek | KB, de nationale bibliotheek" en dat is op zich goed voor deze homepage. De pagina is echter Engelstalig en daarom is het beter om de paginatitel ook te vertalen naar het Engels.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 33: Bovenaan op de website staat de knop "Catalogus". Als deze wordt geopend, verschijnt nieuwe content. De toetsenbordfocus gaat echter eerst verder naar "Zoeken" en "Contact" en dat is niet de bedoeling. De focus moet direct naar de nieuwe content gaan. Als vervolgens verder wordt genavigeerd, blijft deze nieuwe content open staan. Dat is niet de bedoeling. Zorg dat de gebruiker de content kan sluiten, bijvoorbeeld door de sluitknop aan het eind in de focusvolgorde van deze content te zetten of door de Escape-toets te gebruiken. Zie ook succescriterium 2.4.11.

2.4.4 Linkdoel (in context) (Niveau A)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 34: In de header en de footer van de website staat het logo "KB nationale bibliotheek". Dit zijn ook links naar de homepage van deze website. De naam van de links is "KB logo" en dat geeft niet aan waar de link naartoe gaat. Voeg hieraan toe "ga naar de homepage van Collecties" of iets dergelijks. Omdat de zichtbare tekst ook onderdeel van de link moet zijn (zie moet het tekstalternatief aangepast worden. Zie daarvoor succescriteria 1.1.1 en 2.5.3.

Bevinding 35: Op pagina https://collecties.kb.nl/nederlandse-poezie/historische-dichters/hadewijch-1200-1250 staan onder "Meer over Hadewijch" drie links met de tekst "Lees meer". Vermijd linkteksten als "Lees meer" en "Klik hier", want zulke teksten beschrijven het linkdoel niet. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn.

Bevinding 36: Op pagina https://collecties.kb.nl/hn-werkman/hot-printing-van-hn-werkman staat de link "Bekijk Hot Printing online Naar het topstuk". De naam van deze link is echter "https://galerij.kb.nl/kb.html#/nl/hotprinting/page/0/zoom/2/lat/24.686952411999…". Dit is niet een leesbare tekst die duidelijk aangeeft waar de link naartoe gaat. Wijzig dit, zodat het overeenkomt met de zichtbare tekst. Zie ook succescriterium 2.5.3.

Bevinding 37: Advies: op pagina https://collecties.kb.nl/404 staat de link "homepage". De verwachting hierbij is dat deze link naar de homepage van deze website gaat, maar dat is niet het geval. De link gaat namelijk naar www.kb.nl. Dit is echter een probleem voor alle gebruikers en daarom niet afgekeurd als toegankelijkheidsprobleem.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 38: Op pagina https://collecties.kb.nl/contact/toegankelijkheid staat een afbeelding van het toegankelijkheidslabel. Deze afbeelding is ook een link. Als deze link de toetsenbordfocus krijgt, is dat niet zichtbaar.

Bevinding 39: Op pagina https://collecties.kb.nl/hn-werkman/hot-printing-van-hn-werkman is de toetsenbordfocus niet zichtbaar rond de link "Bekijk Hot Printing online".

Bevinding 40: Als de website wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, is de focus op het logo in de header niet zichtbaar.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Bevinding 41: In de header en de footer van de website staat het logo "KB nationale bibliotheek". Dit zijn ook links naar de homepage van deze website. De naam van de links is "KB logo" en daarin ontbreekt de tekst "nationale bibliotheek". Voeg de ontbrekende zichtbare tekst toe aan het tekstalternatief, want anders kan de zichtbare tekst niet gebruikt worden om de links te bedienen. Zie ook succescriteria 1.1.1 en 2.4.4.

Bevinding 42: Bovenaan op de website staat de knop "Catalogus". Als deze gesloten is, is de naam van deze knop "Vind boeken, tijdschriften en andere publicaties in ons magazijn". Deze naam bevat niet de tekst die visueel zichtbaar is en dat heeft tot gevolg dat dit niet goed te bedienen is met spraakbedieningssoftware. Zorg ervoor dat de visuele naam in de toegankelijke naam aanwezig is, liefst vooraan. Dit geldt ook voor het zoekveld dat zichtbaar is als de knop geopend wordt. Die heeft de zichtbare tekst "Ik ben op zoek naar…", maar de naam "Zoeken".

Bevinding 43: Op pagina https://collecties.kb.nl/hn-werkman/hot-printing-van-hn-werkman staat de link "Bekijk Hot Printing online Naar het topstuk". De naam van deze link is echter "https://galerij.kb.nl/kb.html#/nl/hotprinting/page/0/zoom/2/lat/24.686952411999…". Dit betekent dat de zichtbare tekst niet gebruikt kan worden om deze link te bedienen met spraakbedieningssoftware. Zie ook succescriterium 2.4.4.

Bevinding 44: Advies: op pagina https://collecties.kb.nl/zoeken staan meerdere zoekresultaten en daarbij staat steeds de link "Pagina bekijken". Deze links hebben echter de naam "Show" gevolgd door de paginatitel, bijvoorbeeld "Show Zeeatlas". In principe kan hierdoor de link niet bediend worden met spraakbedieningssoftware, maar de aanname is dat een bezoeker in dat geval niet "Pagina bekijken" uitspreekt, maar daadwerkelijk de paginatitel die buiten de link staat. Daarom wordt dit niet afgekeurd. Daar komt nog bij dat er een ander probleem zal ontstaan als de namen van de links gewijzigd worden naar "Pagina bekijken", want dan is het doel van deze links niet duidelijk. Het zou wel het beste zijn als de link geplaatst wordt op de paginatitel. Vervolgens kan het klikgebied van die link uitgebreid worden zodat het hele blok fungeert als link.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 45: In de header van de website staat de knop "Catalogus". Als deze is geopend, verschijnt nieuwe content met daarin onder andere een "X"-icoon. Dit icoon heeft de naam "Close catalog searchbox" op de Nederlandstalige pagina's. Hiervoor moet een taalwissel worden aangebracht of deze naam moet gewijzigd worden naar het Nederlands. Vergelijkbare problemen kunnen vaker voorkomen.

Bevinding 46: Op pagina https://collecties.kb.nl/en staat in de header van de website de knop "Catalogue". Als deze is geopend, verschijnt nieuwe content met daarin onder andere de Nederlandse tekst "Doorzoek alle boeken, kranten, tijdschriften…". Omdat dit een Engelstalige pagina is, moet hier een taalwissel worden aangebracht of deze tekst moet gewijzigd worden naar het Engels. Vergelijkbare problemen kunnen vaker voorkomen.

Bevinding 47: Op pagina https://collecties.kb.nl/collectie-koopman/1961-1975/fetes komen meerdere teksten voor die in een andere taal zijn. Bijvoorbeeld "None of this is fixed…" en "Not extractions, but abstractions…". Hiervoor moet in de code een taalwisseling aangegeven worden. Dit kan door in de omliggende HTML-code het volgende toe te voegen: lang="en" voor Engelstalige tekst.
Vergelijkbare problemen komen vaker voor. Bijvoorbeeld het gedicht op pagina https://collecties.kb.nl/hn-werkman/hot-printing-van-hn-werkman en in de bibliografie op pagina https://collecties.kb.nl/hn-werkman/hn-werkman-korte-biografie.

Bevinding 48: Op verschillende plekken hebben knoppen en links een Engelstalige naam op de Nederlandstalige pagina's. Bijvoorbeeld "Close" in het mobiele menu en "Page 1" onder de zoekresultaten op pagina https://collecties.kb.nl/zoeken en "Magnify" op meerdere pagina's waar afbeeldingen staan die vergroot kunnen worden. Vertaal deze naar het Nederlands.

3.2 Voorspelbaar

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Bevinding 49: Advies: op pagina https://collecties.kb.nl/zoeken kunnen de zoekresultaten verfijnd worden. Als dit gebeurt, wordt de pagina herladen. De toetsenbordfocus blijft wel staan en dat is goed. Dit wordt daarom niet gezien als een contextwijziging en dus goedgekeurd. Wel kan het voor sommige bezoekers verwarrend zijn als de pagina opnieuw wordt geladen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 50: In de header van de website staat de knop "Catalogus". Dit is een span-element dat interactief is gemaakt. Dit element heeft echter geen betekenisvolle rol (bijvoorbeeld een button-element) en geen waarde die aangeeft of het gesloten of geopend is. Dit laatste kan verholpen worden met het attribuut aria-expanded en de waarden "true" en "false".

Bevinding 51: In het hoofdmenu staat een icoon naast de onderdelen "Collectie Antoine - Koopman", "H.N. Werkman", "Nederlandse poëzie" en "Collection Anny Antoine - Louis Koopman". Deze iconen zijn interactief, want ze kunnen de subonderdelen tonen of verbergen. Deze iconen hebben echter geen naam (bijvoorbeeld "Subonderdelen Collectie…"). Ze hebben ook geen rol (bijvoorbeeld een button-element in plaats van een span-element). Verder hebben ze ook geen waarde dat aangeeft of de knop gesloten of geopend is. Dit laatste kan met aria-expanded en de waarden "true" en "false".

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

• Home NL:
  https://collecties.kb.nl/
• Home EN:
  https://collecties.kb.nl/en
• Zoeken:
  https://collecties.kb.nl/zoeken
• Toegankelijkheid:
  https://collecties.kb.nl/contact/toegankelijkheid
• Foutpagina:
  https://collecties.kb.nl/404
• Collectie Koopman:
  https://collecties.kb.nl/collectie-anny-antoine-louis-koopman
• Fetes:
  https://collecties.kb.nl/collectie-koopman/1961-1975/fetes
• H.N. Werkman:
  https://collecties.kb.nl/hn-werkman
• Hot Printing:
  https://collecties.kb.nl/hn-werkman/hot-printing-van-hn-werkman
• Biografie H.N. Werkman:
  https://collecties.kb.nl/hn-werkman/hn-werkman-korte-biografie
• Hadewijch:
  https://collecties.kb.nl/nederlandse-poezie/historische-dichters/hadewijch-1200-1250
• Vlogs van Anne Vegter:
  https://collecties.kb.nl/nederlandse-poezie/moderne-nederlandse-dichters/anne-vegter/vlogs-van-anne-vegter
• Toekomstmuziek:
  https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/tsead-bruinja/gedicht-van-de-kb-toekomstmuziek
• PDF Toekomstmuziek:
  https://collecties.kb.nl/file-download/download/public/1080
• De Blauwe Schuit:
  https://collecties.kb.nl/hn-werkman/de-blauwe-schuit/de-blauwe-schuit-reizang-van-burgers-terugkeerend-uit-de-ballingschap
• Babs Gons:
  https://collecties.kb.nl/nederlandse-poezie/dichters-des-vaderlands/babs-gons

Ondersteunende technieken

• HTML5
• WAI-ARIA
• CSS
• ECMAScript 5
• PDF
• SVG

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.