Issues:
Content-audit digitale toegankelijkheid website Kennisnetwerk Data en Samenleving
(Alleen de bevindingen)
Scope van de evaluatie
Naam website | Kennisnetwerk Data en Samenleving |
---|---|
Datum | 23 september 2024 |
Scope van de website |
Binnen de scope van het onderzoek valt:
|
Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: Op pagina https://kennisnetwerkdata.pleio.nl/ en op elke andere pagina waar de header wordt getoond staat het logo van VNG.
De alternatieve tekst van het logo is "Site icoon". Dit beschrijft niet de functie/unieke eigenschappen van deze afbeelding. Voor bezoekers die niet kunnen zien, is het belangrijk dat zij kunnen herkennen dat hier een logo te zien is. Wijzig deze bijvoorbeeld naar "Logo Kennisnetwerk Data en Samenleving".
Bevinding 2: Op pagina https://kennisnetwerkdata.pleio.nl/ staat infographic "Kennisnetwerk Data en Samenleving" met een leeg alt-attribuut. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe om dit probleem op te lossen.
Bevinding 3: Op pagina https://kennisnetwerkdata.pleio.nl/ staat onder de kop “Het kennisnetwerk in één oogopslag” een infographic met daarop de grote tekst "Kennisnetwerk Data en Samenleving". Deze afbeelding wordt nu genegeerd door hulpsoftware en dat is niet de bedoeling. Deze afbeelding heeft een tekstalternatief nodig. Dat tekstalternatief moet gelijkwaardig zijn en dus alle belangrijke informatie uit de afbeelding overbrengen. Op het moment dat het niet mogelijk is om dit in een simpel tekstalternatief te plaatsen kan het tekstalternatief ook verwijzen naar een andere plaats op de website waar de informatie op de infographic op een toegankelijke wijze aangeboden wordt. Andere oplossingen zoals het aanbieden van een uitgeschreven tekst zijn ook mogelijk. Dit type probleem komt ook op andere pagina’s voor zoals https://kennisnetwerkdata.pleio.nl/page/view/395adf90-bab5-4400-b8b1-37b8b1edf8a8/over-het-kennisnetwerk.
Bevinding 4: Op pagina https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws staat een nieuwsbericht met de kop “Online klankbordsessie resultaten onderzoek werklast invoering landelijke wegennetregistratie (WNR)”. Bij dat nieuwsbericht is een afbeelding met drie blauwe iconen en tekst gebruikt. De visuele informatie in deze afbeelding is niet toegankelijk op deze website. Het is niet vereist om deze afbeelding in het nieuwsoverzicht een tekstalternatief te geven, maar dan moet de informatie in deze afbeelding wel een alternatief hebben op de pagina van het nieuwsbericht zelf en dat is hier niet het geval.
1.2 Op tijd gebaseerde media
1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)
Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 5: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief wordt de video "Meetup 35 - Advies meervoudig cameragebruik" getoond. Deze video heeft een automatisch gegenereerde ondertiteling. Op een aantal plekken staan onjuiste woorden bijvoorbeeld op 1:08 waar de ondertiteling "mogelijk eh wanneer we niet eh de sprekers niet gehigheid zijn" wordt getoond. Ook ontbreekt de interpunctie waardoor de zinnen moeilijk te begrijpen zijn. Maak een goede ondertiteling.
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 6: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief is er in de video "Meetup 35 - Advies meervoudig cameragebruik" op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:05 en 01:30. 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 SC 1.2.5.
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 7: Op de pagina https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief is er in de video "Meetup 35 - Advies meervoudig cameragebruik" op verschillende plaatsen tekst in beeld, bijvoorbeeld rond 00:05 en 01:30. Er ontbreekt een voice-over die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien niet weten wat er wordt getoond in de video. Laat de teksten in beeld uitspreken door een voice-over of maak gebruik van een audiodescriptie.
Bevinding 8: Op de pagina https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief staat de video "Meetup 35 - Advies meervoudig cameragebruik" waar het logo aan het begin in beeld komt. Als je dat niet kan zien mis je dat dit een video van de VNG is. Voeg deze informatie toe aan de audiodescriptie, of laat alle informatie uitspreken door de voice-over waardoor de audiodescriptie overbodig wordt.
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevinding 9: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/5f678003-268e-4492-9e52-ca56184a0df0/contact zijn koppen opgemaakt met het strong-element, bijvoorbeeld "Heeft u vragen over deze Pleio?", "Projectleden Kennisnetwerk" en "Projectleiders/groepsbeheerders". Het strong-element is bedoeld om nadruk te geven aan een of enkele woorden. Ook mogen deze elementen niet worden gebruikt als visuele kop, omdat ze niet dezelfde betekenis hebben als een kop (bijvoorbeeld h2 of h3). Op deze pagina is gebruik gemaakt van een koptekst h3 én het strong-element.
Een soortgelijk probleem zien we terug op pagina https://kennisnetwerkdata.pleio.nl/, https://kennisnetwerkdata.pleio.nl/page/view/0862307d-a15a-4538-87d7-82b062120d9b/kennisbank, https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog/view/29b116aa-e7c3-41ae-a5da-194949bce06e/ontdek-de-diverse-perspectieven-in-datagedreven-projecten, https://kennisnetwerkdata.pleio.nl/groups/view/015ffe24-b752-47b7-9765-9edd03152ca4/digitale-grondrechten-en-ethiek, https://kennisnetwerkdata.pleio.nl/page/view/395adf90-bab5-4400-b8b1-37b8b1edf8a8/over-het-kennisnetwerk en https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief, https://kennisnetwerkdata.pleio.nl/page/view/848bcb5f-17b9-402f-9adf-ab36866c1799/faq.
Een soortgelijk probleem zien we terug op pagina https://kennisnetwerkdata.pleio.nl/page/view/848bcb5f-17b9-402f-9adf-ab36866c1799/faq. Hier worden koppen gecombineerd met het em-element.
Bevinding 10: Op pagina https://kennisnetwerkdata.pleio.nl/groups/view/015ffe24-b752-47b7-9765-9edd03152ca4/digitale-grondrechten-en-ethiek zijn koppen aanwezig die niet als koppen zijn opgemaakt, bijvoorbeeld "Waarom bestaat deze community?" en "Wat doen we concreet binnen deze community?". Gebruik de juiste HTML-code om deze koppen op te maken.
Bevinding 11: De PDF "ChecklistOntwikkelenInformatiesystemen20230929" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/6db9ada7-4ee8-49fd-804a-3a62c30f26ec is niet gecodeerd (van tags voorzien). Dit betekent dat er de documentstructuur niet is te bepalen. Software kan daardoor bijvoorbeeld niet bepalen wat koppen zijn, de alternatieve tekst bij afbeeldingen en wat de leesvolgorde is. Omdat tags ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF code laag zoals semantische koppen en ALT-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.`
Een soortgelijk probleem zien we terug bij de PDF "Resultaten van Onderzoek _ Perspectieven op Datagedreven Projecten" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/d86fd4cc-42d9-4d19-b70e-fc85c64425c9. Ook deze PDF is niet gecodeerd.
Bevinding 12: Advies: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/848bcb5f-17b9-402f-9adf-ab36866c1799/faq is onder de kop “Links” gebruik gemaakt van het u-element. Dit element geeft alleen visueel een andere weergave, let erop dat dit element niet gebruikt wordt om belangrijke informatie over te brengen. In deze gevallen gaat het goed, omdat uit de context blijkt waar de voorbeeldjes van links beginnen en eindigen.
1.4 Onderscheidbaar
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 13: Op pagina https://kennisnetwerkdata.pleio.nl/ staan een aantal lichtblauwe (HEX #009EE3) knoppen met witte tekst, bijvoorbeeld "Bekijk onze agenda", "Stel je vraag" en "Bekijk hier het archief". Het contrast van deze tekst in combinatie met de achtergrond is te laag. De contrastverhouding is hier 3:1, waar dit minimaal 4,5:1 moet zijn. Dit komt op deze pagina nog een aantal keer voor.
Bevinding 14: Op pagina https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws staat een oranje (HEX #E17000) knop met witte tekst "Log in om lid te worden". Het contrast van deze tekst in combinatie met de achtergrond is te laag. De contrastverhouding is hier 3.2:1, waar dit minimaal 4,5:1 moet zijn.
Deze knop komt ook voor op de volgende pagina's:
https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws, https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog/view/29b116aa-e7c3-41ae-a5da-194949bce06e/ontdek-de-diverse-perspectieven-in-datagedreven-projecten, https://kennisnetwerkdata.pleio.nl/groups/view/015ffe24-b752-47b7-9765-9edd03152ca4/digitale-grondrechten-en-ethiek, https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog/view/2b32a151-78fb-409b-b54e-6441fef86da0/vng-brengt-checklist-privacy-datagedreven-werken-uit, https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog en https://kennisnetwerkdata.pleio.nl/groups/view/647a9dd1-3dc8-481c-abd2-86b631175ae7/wmo-voorspelmodel.
Bevinding 15: In de PDF https://kennisnetwerkdata.pleio.nl/attachment/entity/d86fd4cc-42d9-4d19-b70e-fc85c64425c9 op pagina 1 hebben meerdere koppen zoals “Bestuurlijke ondersteuner” (#E49782) niet voldoende contrast met de achtergrond (#F3F1EA). Dit geldt ook voor koppen zoals “Verschillen” (#DB7356) en teksten zoals “Productbeheerder” (#F3F1EA).
Bevinding 16: In de PDF https://kennisnetwerkdata.pleio.nl/attachment/entity/6db9ada7-4ee8-49fd-804a-3a62c30f26ec op pagina 1 staan meerdere oranje (HEX #E26B0A) koppen op een witte achtergrond. Deze koppen hebben te weinig contrast, nl. 3.3:1 waar dit minimaal 4,5:1 moet zijn.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 17: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/395adf90-bab5-4400-b8b1-37b8b1edf8a8/over-het-kennisnetwerk staan er in de tweede infographic lijnen om elementen in deze afbeelding aan elkaar te koppelen. Het contrast van deze zijn is 2:1 waar dit minimaal 3:1 moet zijn. Maak gebruik van een kleurencombinatie met voldoende contrast.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 18: De PDF "Checklist Privacy Datagedreven Werken" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/6db9ada7-4ee8-49fd-804a-3a62c30f26ec heeft een documenttitel in de eigenschappen, maar deze beschrijft de inhoud van het document niet. Er staat nu "Microsoft Word - 2024-07-03_Checklist Privacy Datagedreven Werken (1)", zorg voor een titel die de inhoud van het document beschrijft.
Bevinding 19: De PDF "Resultaten van Onderzoek _ Perspectieven op Datagedreven Projecten" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/d86fd4cc-42d9-4d19-b70e-fc85c64425c9 heeft een documenttitel in de eigenschappen maar in de eigenschappen staat ingesteld dat de Bestandsnaam wordt getoond. Zorg dat niet de bestandsnaam maar de Documenttitel wordt getoond.
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Onvoldoende
Bevinding 20: In de eigenschappen van PDF "ChecklistOntwikkelenInformatiesystemen20230929" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/6db9ada7-4ee8-49fd-804a-3a62c30f26ec is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.
Een soortgelijk probleem zien we terug bij de PDF "Resultaten van Onderzoek _ Perspectieven op Datagedreven Projecten" op pagina https://kennisnetwerkdata.pleio.nl/attachment/entity/d86fd4cc-42d9-4d19-b70e-fc85c64425c9. Ook hier is de taal niet ingevuld.
3.3 Assistentie bij invoer
3.3.2 Labels of instructies (Niveau A)
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevinding 21: De datumvelden "Datum vanaf" en "Datum t/m" op pagina https://kennisnetwerkdata.pleio.nl/search?q=toegankelijkheid hebben wel een zichtbaar label, maar de instructie in welk formaat de datum moet worden ingevuld is een placeholder. Deze verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Zorg ervoor dat het voor alle bezoekers altijd duidelijk is welke input gevraagd wordt.
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 22: Op pagina https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief is een video via een iframe geplaatst. Daar ontbreekt het title-attribuut. Plaats het title-attribuut in dit iframe met een goede omschrijving van de inhoud van het iframe, bijvoorbeeld "Meetup 35 - Advies meervoudig cameragebruik".
Ook voor de andere video's op deze pagina geldt dat ze een toegankelijke naam moeten hebben. Dit kan bijvoorbeeld door middel van een title attribuut op het iframe waar de video in wordt geladen.
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:
https://kennisnetwerkdata.pleio.nl/ - Contact:
https://kennisnetwerkdata.pleio.nl/page/view/5f678003-268e-4492-9e52-ca56184a0df0/contact - Nieuws:
https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws - Nieuwsbericht + PDF bron:
https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog/view/29b116aa-e7c3-41ae-a5da-194949bce06e/ontdek-de-diverse-perspectieven-in-datagedreven-projecten - PDF 1:
https://kennisnetwerkdata.pleio.nl/attachment/entity/d86fd4cc-42d9-4d19-b70e-fc85c64425c9 - 404:
https://kennisnetwerkdata.pleio.nl/404 - Groepen:
https://kennisnetwerkdata.pleio.nl/groups - Groep:
https://kennisnetwerkdata.pleio.nl/groups/view/015ffe24-b752-47b7-9765-9edd03152ca4/digitale-grondrechten-en-ethiek - Over:
https://kennisnetwerkdata.pleio.nl/page/view/395adf90-bab5-4400-b8b1-37b8b1edf8a8/over-het-kennisnetwerk - Agenda:
https://kennisnetwerkdata.pleio.nl/events - Kennisbank:
https://kennisnetwerkdata.pleio.nl/page/view/0862307d-a15a-4538-87d7-82b062120d9b/kennisbank - Video's (Meetup 35 - Advies meervoudig cameragebruik):
https://kennisnetwerkdata.pleio.nl/page/view/f77fd07a-b2d2-45af-9166-b12c7ae15b5a/archief - Zoekresultaten:
https://kennisnetwerkdata.pleio.nl/search?q=toegankelijkheid - FAQ:
https://kennisnetwerkdata.pleio.nl/page/view/848bcb5f-17b9-402f-9adf-ab36866c1799/faq - PDF bron:
https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog/view/2b32a151-78fb-409b-b54e-6441fef86da0/vng-brengt-checklist-privacy-datagedreven-werken-uit - PDF 2:
https://kennisnetwerkdata.pleio.nl/attachment/entity/6db9ada7-4ee8-49fd-804a-3a62c30f26ec - Blog:
https://kennisnetwerkdata.pleio.nl/groups/view/5635563d-3ed7-4337-a81c-25a9798d4512/nieuws/blog - WMO Voorspelmodel:
https://kennisnetwerkdata.pleio.nl/groups/view/647a9dd1-3dc8-481c-abd2-86b631175ae7/wmo-voorspelmodel
Ondersteunende technieken
Bronnen
-
Evaluatiedocument WCAG 2.0
www.drempelvrij.nl/over-het-waarmerk -
Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG20-nl -
Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
www.w3.org/WAI/eval/conformance -
Web Content Accessibility Guidelines (WCAG)
www.w3.org/WAI/intro/wcag -
How to Meet WCAG 2.1 Quick Reference
www.w3.org/WAI/WCAG21/quickref/
Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.