Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid PIDwijzer Koninklijke Bibliotheek

(Alleen de bevindingen)

Scope van de evaluatie

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

Uitgebreide toetsresultaten

Aantal bevindingen: 22

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Het logo "Samenwerkend in netwerk digitaal erfgoed" in de footer van de website heeft als alt-tekst "netwerk digitaal erfgoed". Deze alt-tekst bevat echter niet alle informatie uit het logo. Zorg dat alle tekst van het logo ook in de alt-tekst voorkomt.

Bevinding 2: Het logo Netwerk digitaal erfgoed in de header van de website is als achtergrondafbeelding toegevoegd. Het is echter een logo dat informatief is. Voeg het als een <img> toe en geef alt-tekst.

Bevinding 3: In de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJqbGRucjBjazZweGxmbWxoZ3kyaGh0eDE3cXAxIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiUHJha3RpamtlcnZhcmluZyBHb3VkYSBUaWpkbWFjaGluZSAyMDIyLnBkZlwiOyBmaWxlbmFtZSo9VVRGLTgnJ1ByYWt0aWprZXJ2YXJpbmclMjBHb3VkYSUyMFRpamRtYWNoaW5lJTIwMjAyMi5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjUyLjYxM1oiLCJwdXIiOiJibG9iX2tleSJ9fQ==--05de9526ab774cfd6c2e0945deb2caadc3cb146c/Praktijkervaring%20Gouda%20Tijdmachine%202022.pdf heeft het logo op de titelpagina als alt-tekst "Communicatie toolkit - Netwerk Digitaal Erfgoed". Dit is niet correct. Een betere alt-tekst zou "Logo Netwerk Digital Erfgoed".

Bevinding 4: De afbeeldingen in hoofdstukken 1, 3, 4, 5 en 6 in de In de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJqbGRucjBjazZweGxmbWxoZ3kyaGh0eDE3cXAxIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiUHJha3RpamtlcnZhcmluZyBHb3VkYSBUaWpkbWFjaGluZSAyMDIyLnBkZlwiOyBmaWxlbmFtZSo9VVRGLTgnJ1ByYWt0aWprZXJ2YXJpbmclMjBHb3VkYSUyMFRpamRtYWNoaW5lJTIwMjAyMi5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjUyLjYxM1oiLCJwdXIiOiJibG9iX2tleSJ9fQ==--05de9526ab774cfd6c2e0945deb2caadc3cb146c/Praktijkervaring%20Gouda%20Tijdmachine%202022.pdf zijn getagd als afbeelding, maar alt-tekst ontbreekt. Zet de tekst uit deze afbeeldingen ook in de lopende tekst. De afbeeldingen kunnen daarna als decoratief worden aangemerkt.

Bevinding 5: Het logo op de titelpagina van de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJkNjM1MWFqeXZmZWZ1ZTQ3aHNicGZ2dG0zMW8xIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiU3RhcHBlbnBsYW4gaW1wbGVtZW50YXRpZSBQZXJzaXN0ZW50IElkZW50aWZpZXJzIHYxLjEucGRmXCI7IGZpbGVuYW1lKj1VVEYtOCcnU3RhcHBlbnBsYW4lMjBpbXBsZW1lbnRhdGllJTIwUGVyc2lzdGVudCUyMElkZW50aWZpZXJzJTIwdjEuMS5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjQyLjcwMVoiLCJwdXIiOiJibG9iX2tleSJ9fQ==--f1642b887e7486edc434daea6d5eed5c9a46abd1/Stappenplan%20implementatie%20Persistent%20Identifiers%20v1.1.pdf heeft geen alt-tekst. Verzorg alt-tekst om dit op te lossen.

Bevinding 6: In de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJkNjM1MWFqeXZmZWZ1ZTQ3aHNicGZ2dG0zMW8xIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiU3RhcHBlbnBsYW4gaW1wbGVtZW50YXRpZSBQZXJzaXN0ZW50IElkZW50aWZpZXJzIHYxLjEucGRmXCI7IGZpbGVuYW1lKj1VVEYtOCcnU3RhcHBlbnBsYW4lMjBpbXBsZW1lbnRhdGllJTIwUGVyc2lzdGVudCUyMElkZW50aWZpZXJzJTIwdjEuMS5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjQyLjcwMVoiLCJwdXIiOiJibG9iX2tleSJ9fQ==--f1642b887e7486edc434daea6d5eed5c9a46abd1/Stappenplan%20implementatie%20Persistent%20Identifiers%20v1.1.pdf kunnen de afbeeldingen in hoofdstuk 3 als decoratief aangemerkt worden, aangezien ze in de tekst worden beschreven. Pas dit aan in de codelaag. De laatste afbeelding van hoofdstuk 3 is een uitzondering. Hier is het beter om de tekst uit de afbeelding in de lopende tekst te zetten, zodat de afbeelding als decoratief aangemerkt kan worden. Datzelfde advies geldt voor de afbeeldingen in hoofdstukken 4,5, 6 en 7.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 7: In de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJqbGRucjBjazZweGxmbWxoZ3kyaGh0eDE3cXAxIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiUHJha3RpamtlcnZhcmluZyBHb3VkYSBUaWpkbWFjaGluZSAyMDIyLnBkZlwiOyBmaWxlbmFtZSo9VVRGLTgnJ1ByYWt0aWprZXJ2YXJpbmclMjBHb3VkYSUyMFRpamRtYWNoaW5lJTIwMjAyMi5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjUyLjYxM1oiLCJwdXIiOiJibG9iX2tleSJ9fQ==--05de9526ab774cfd6c2e0945deb2caadc3cb146c/Praktijkervaring%20Gouda%20Tijdmachine%202022.pdf is de kop op de titelpagina niet als een kop getagd, maar als paragraaf. Pas dit in de codelaag aan om dit op te lossen.

1.4 Onderscheidbaar

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 8: De blauwe koppen (#HEX #3F9180) op https://www.pidwijzer.nl/nl hebben onvoldoende contrast met de achtergrond (HEX #F7F6F5). De contrastverhouding is 3,49:1 waar het minstens 4,5:1 moet zijn voor normale tekst. Grote tekst vereist een contrastverhouding van 3:1. Grote tekst wordt gedefinieerd als 18pt (24 CSS-pixels) met een normaal lettertypegewicht of 14pt (18,67 CSS-pixels) vette tekst (font-weight minstens 700). Dit komt overal op de website voor waar koppen gebruikt worden. Pas de kleuren aan of maak het lettertype groter zodat het voldoet aan de vereisten voor grote tekst.

Bevinding 9: Bij de taalkeuze op iedere pagina van de website is de niet-geselecteerde taal lichtgrijs (HEX #CBCBCB). Dit levert te weinig contrast op met de achtergrond (HEX #F7F6F5). De contrastverhouding is 1,5:1, waar het minimaal 4,5:1 moet zijn.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 10: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 400% dan wordt op https://www.pidwijzer.nl/pid_results/new de tekst bij de grafieken na het beantwoorden bij elke stelling minder leesbaar doordat de tekst aan het begin van de grafiek wordt ingekort. Zorg ervoor dat die tekst leesbaar blijft.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 11: In het menu van de website wordt een lichtblauwe focusindicator (HEX #C4D6F7) gebruikt. Deze heeft te weinig contrast met de achtergrond (HEX #F7F6F5). De contrastverhouding is 1,4:1 waar het minimaal 3:1 moet zijn. Dit probleem doet zich op meerdere plaatsten voor, bijvoorbeeld als de focus staat op de "extra belangrijk" checkboxes op https://www.pidwijzer.nl/pid_results/new.

Bevinding 12: Op https://www.pidwijzer.nl/pid_results/new kun je bij een stelling aanvinken dat deze extra belangrijk is. De lichtgrijze checkbox (HEX #DDE2E6) heeft onvoldoende contrast met de achtergrond (HEX #FFFEFF). De contrastverhouding is 1,3:1 waar het minimaal 3:1 moet zijn.

Bevinding 13: De lichtgrijze ( HEX #DDE2E6) randen van de invoervelden op https://www.pidwijzer.nl/users/sign_in hebben onvoldoende contrast met de achtergrond (HEX #F7F6F5). De contrastverhouding is 1,2:1 waar het minimaal 3,1 moet zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 14: De pagina https://www.pidwijzer.nl/users/sign_in heeft als titel "pidwijzer". Deze titel is niet beschrijvend genoeg. Pas de titel aan naar bijvoorbeeld "Inloggen | pidwijzer".

Bevinding 15: De PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJqbGRucjBjazZweGxmbWxoZ3kyaGh0eDE3cXAxIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiUHJha3RpamtlcnZhcmluZyBHb3VkYSBUaWpkbWFjaGluZSAyMDIyLnBkZlwiOyBmaWxlbmFtZSo9VVRGLTgnJ1ByYWt0aWprZXJ2YXJpbmclMjBHb3VkYSUyMFRpamRtYWNoaW5lJTIwMjAyMi5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjUyLjYxM1oiLCJwdXIiOiJibG9iX2tleSJ9fQ==--05de9526ab774cfd6c2e0945deb2caadc3cb146c/Praktijkervaring%20Gouda%20Tijdmachine%202022.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat niet de bestandsnaam, maar de titel van het document wordt getoond. Dit speelt ook bij de PDF https://www.pidwijzer.nl/rails/active_storage/disk/eyJfcmFpbHMiOnsiZGF0YSI6eyJrZXkiOiJkNjM1MWFqeXZmZWZ1ZTQ3aHNicGZ2dG0zMW8xIiwiZGlzcG9zaXRpb24iOiJpbmxpbmU7IGZpbGVuYW1lPVwiU3RhcHBlbnBsYW4gaW1wbGVtZW50YXRpZSBQZXJzaXN0ZW50IElkZW50aWZpZXJzIHYxLjEucGRmXCI7IGZpbGVuYW1lKj1VVEYtOCcnU3RhcHBlbnBsYW4lMjBpbXBsZW1lbnRhdGllJTIwUGVyc2lzdGVudCUyMElkZW50aWZpZXJzJTIwdjEuMS5wZGYiLCJjb250ZW50X3R5cGUiOiJhcHBsaWNhdGlvbi9wZGYiLCJzZXJ2aWNlX25hbWUiOiJsb2NhbCJ9LCJleHAiOiIyMTI1LTAyLTA2VDEyOjMwOjQyLjcwMVoiLCJwdXIiOiJibG9iX2tleSJ9fQ==--f1642b887e7486edc434daea6d5eed5c9a46abd1/Stappenplan%20implementatie%20Persistent%20Identifiers%20v1.1.pdf.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 16: Wanneer bij een schermgrootte van 1280px breed ingezoomd wordt tot 400% krijgt men een hamburger-menu. Bij het openen van dit menu en na het tabben door het menu verdwijnt de toetsenbordfocus achter het geopende menu. Men kan dit op twee manieren oplossen: de focus in het menu vasthouden totdat de bezoeker deze zelf sluit, of het menu automatisch sluiten als men het verlaat.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 17: Bij stelling 25 op https://www.pidwijzer.nl/pid_results/new komt er Engelse tekst die niet als zodanig is aangeduid. Er is een taalswitch nodig om ervoor te zorgen dat screenreaders deze tekst met de juiste stem zullen voorlezen. Zet de Engelse tekst in een <span> en gebruik het lang-attribuut om de taal aan te geven.

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 18: Het formulier op pagina https://www.pidwijzer.nl/users/sign_in maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 19: In de laatste stap op https://www.pidwijzer.nl/pid_results/new kan men feedback geven aan PIDwijzer. De invoervelden voor feedback en e-mailadres hebben echter geen label (de placeholder bevat informatie maar verdwijnt indien een bezoeker begint te typen). Labels zijn belangrijk voor hulpsoftware zoals screenreader en spraakbesturing. Verzorg labels voor deze velden.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 20: Het formulier op pagina https://www.pidwijzer.nl/users/sign_in maakt alleen gebruik van HTML5-veldcontroles. Deze suggesties worden niet door alle browsers en hulpsoftware even goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf suggesties toe aan het formulier om dit probleem op te lossen.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 21: Op https://www.pidwijzer.nl/veelgestelde-vragen wordt de staat van in- en uitgeklapt niet gecommuniceerd naar hulpsoftware. Hierdoor zullen bezoekers niet weten dat er informatie beschikbaar is. Gebruik een knop in plaats van radiobuttons en gebruik het attribuut aria-expanded om de staat aan te geven.

Bevinding 22: Op https://www.pidwijzer.nl/pid_results/new kan men per stelling aanvinken of deze als extra belangrijk moet worden beschouwd. Dit zijn checkboxen, maar de rol wordt overschreven met role=switch. Dit betekent dat er een verplicht attribuut gebruikt moet worden (aria-checked), wat nu niet het geval is. Voeg dit attribuut toe. Wees er ook van bewust dat het gebruik van een ARIA-rol (zoals role-switch) niet voldoende is. Bedienbaarheid en gedrag moet altijd nog toegevoegd worden.

Onderbouwing van de evaluatie

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

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-03-09 22:42:18 v2.4-011