Issues:
Audit digitale toegankelijkheid website Bureau LSP
(Alleen de bevindingen)
Scope van de evaluatie
| Naam website | Bureau LSP |
|---|---|
| Datum | 16 december 2025 |
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 1: Op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staat boven de contactgegevens een afbeelding met het logo van BLSP. Op de eerstgenoemde pagina heeft deze afbeelding geen tekstalternatief en op de tweede pagina heeft dit logo het tekstalternatief "Logo BLSP". Logo's zijn in principe altijd informatief en hebben daarom een tekstalternatief nodig. Geef beide logo's een tekstalternatief waarin alle zichtbare tekst aanwezig is, inclusief "Logo".
Bevinding 2: Op pagina https://blsp.pleio.nl/page/view/7eabbe4c-fcb6-44de-9bf0-0c27b58aa210/large-scale-pilots staat een infographic met het tekstalternatief "Overzicht van de vier consortia met logo's van deelnemende Nederlandse organisaties". Dit tekstalternatief geeft op zich wel aan wat op de afbeelding te zien is, maar de afbeelding bevat nog veel meer informatie die nu niet beschikbaar is voor blinde bezoekers. Het gaat onder andere om de namen van de pilots en van de organisaties. Voeg deze informatie toe, bijvoorbeeld uitgeschreven onder de afbeelding of via een link naar een andere pagina waar deze informatie in tekst aanwezig is. Andere oplossingen zijn ook mogelijk.
Bevinding 3: Op pagina https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc staat een afbeelding van de kaart van Europa. Het tekstalternatief "Kaartje met de 19 deelnemende landen die hierboven worden opgesomd" geeft op zich wel aan wat op de afbeelding te zien is, maar de afbeelding bevat nog meer informatie, namelijk welke landen meedoen aan EWC én welke landen lid zijn van de EU. Voor het eerste is een alternatief aanwezig in de tekst erboven. Het is goed gedaan dat het tekstalternatief van de afbeelding naar deze tekst verwijst. Informatie over welke landen lid zijn van de EU mist echter nog. Dit kan aan de tekst toegevoegd worden of aangeboden worden via een andere tekst, bijvoorbeeld onder de afbeelding. Andere oplossingen zijn ook mogelijk.
Bevinding 4: Op pagina https://blsp.pleio.nl/page/view/4fe4d92c-8e4c-452a-a341-1a666addb55c/community staan meerdere blokken met links naar een bepaalde community. Elk blok is ook voorzien van een afbeelding. Deze afbeelding is daarmee functioneel en moet dan een tekstalternatief hebben dat de zichtbare tekst bevat én aangeeft waar de link naartoe gaat. Dat is nu niet het geval. Daarnaast zijn de afbeeldingen via aria-hidden="true" verborgen voor hulpsoftware. Zie succescriterium 2.4.4 voor meer informatie en een oplossingssuggestie.
Bevinding 5: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staat op meerdere pagina's een kader met groene en witte kleuren als achtergrond voor de tekst. Dit kader heeft geen tekstalternatief en is niet als artefact opgemaakt. Decoratieve afbeeldingen moeten als artefact worden opgemaakt, zodat deze verborgen kunnen worden voor hulpsoftware. Dit komt vaker voor.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 6: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staat op pagina 1 een decoratieve afbeelding van de Domtoren. Deze afbeelding heeft het tekstalternatief "Afbeelding met buitenshuis, hemel, zwart-wit, gebouw Automatisch gegenereerde beschrijving". Dit is geen goede beschrijving van de afbeelding. Daarnaast is de afbeelding decoratief. Decoratieve afbeeldingen moeten als artefact worden opgemaakt, zodat deze verborgen kunnen worden voor hulpsoftware. Dit komt vaker voor.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 7: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staat op pagina 7 het logo van BLSP. Deze informatieve afbeelding heeft geen tekstalternatief. Deze afbeelding is niet puur decoratief en heeft daarom een alternatieve tekst nodig. Voeg een alternatieve tekst toe met daarin in ieder geval de zichtbare tekst om dit probleem op te lossen. Dit komt vaker voor, bijvoorbeeld op pagina's 23, 26 en 27.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 8: Advies: op pagina's https://blsp.pleio.nl/news/view/18eca63d-c9fa-4f06-9edb-72979158e398/call-for-experts-werkgroep-certificeringseisen-edi-wallets-eidas2 en https://blsp.pleio.nl/page/view/60490384-4894-4385-961e-d22dcceb6ce7/over-blsp staat een decoratieve afbeelding zonder tekstalternatief, maar wel met een bijschrift: "Afbeelding via Unsplash" en "Foto: Alina Grubnyak on Unsplash". Dit zou verwarrend kunnen zijn, omdat bezoekers die hulpsoftware (zoals een schermlezer) gebruiken geen afbeelding 'zien', maar wel het bijschrift. Hier is echter geoordeeld dat het bijschrift duidelijk maakt dat het om een afbeelding gaat die waarschijnlijk decoratief is. Daarom is dit niet afgekeurd.
Bevinding 9: Advies: op pagina https://blsp.pleio.nl/ staat boven "This page in English" een afbeelding met het tekstalternatief "Engelse vlag". Dit tekstalternatief beschrijft wel de afbeelding, maar deze afbeelding kan gezien worden als decoratief. Daarom kan het tekstalternatief beter leeg gemaakt worden (alt=""), zodat de afbeelding genegeerd kan worden door hulpsoftware.
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: Voldoende
Bevinding 10: Advies: op pagina https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staan twee video's met goede Engelstalige ondertiteling. Eigenlijk is het de bedoeling van dit succescriterium dat de ondertiteling in dezelfde taal is als de taal van de video, omdat dit bedoeld is voor bezoekers die doof of slechthorend zijn. In dit geval is dat Nederlands. Aangezien het merendeel van de content op deze pagina in het Engels is en er een toegankelijk alternatief is op pagina https://blsp.pleio.nl/, wordt dit niet afgekeurd.
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 11: Op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staan twee video's waarin informatie in beeld komt. De meeste informatie wordt ook uitgesproken door de voice-over en dat is goed. Aan het einde wordt een deel van de informatie in beeld echter niet uitgesproken. Het gaat om "en delen" en "en vrijwillig" rond 2:17 en alle tekst vanaf "Deze video is gemaakt…" rond 2:28. 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.
Bevinding 12: Op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staat een video over de leeftijdscontrole. Hier komt rond 0:18 en 1:18 het logo "NIX18" in beeld. 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.
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevinding 13: Op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staan twee video's waarin informatie in beeld komt. De meeste informatie wordt ook uitgesproken door de voice-over en dat is goed. Aan het einde wordt een deel van de informatie in beeld echter niet uitgesproken. Het gaat om "en delen" en "en vrijwillig" rond 2:17 en alle tekst vanaf "Deze video is gemaakt…" rond 2:28. 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. Maak gebruik van een (extra) audiospoor waarin deze informatie wel wordt uitgesproken.
Bevinding 14: Advies: op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staat een video over de leeftijdscontrole. Hier komt rond 0:18 en 1:18 het logo "NIX18" in beeld. 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. Voor dit succescriterium is een audiodescriptie verplicht als er ruimte of pauze aanwezig is in de video. Dat is nu niet het geval en daarom wordt dit hier niet afgekeurd. Zie echter 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
Uitkomst: Onvoldoende
Bevinding 15: Op pagina https://blsp.pleio.nl/page/view/6e30821f-6138-4d0f-8a66-e0d1dd5aa7d0/woordenlijst staan meerdere begrippen uitgelegd. Hier is het strong-element gebruikt om o.a. de begrippen aan te duiden. Dit is een verkeerd gebruik van dit element, want strong is bedoeld om woorden aan te geven die belangrijk zijn. Dat is niet dezelfde semantische betekenis. Dit kan het beste worden opgelost door hier een descriptielijst van te maken (dl-element), waarin de termen (dt-elementen) en beschrijvingen (dd-elementen) semantisch opgemaakt zijn. Die kunnen dan ook via CSS opgemaakt worden. Andere oplossingen zijn ook mogelijk.
Bevinding 16: Op pagina https://blsp.pleio.nl/page/view/6e30821f-6138-4d0f-8a66-e0d1dd5aa7d0/woordenlijst staat de introparagraaf schuingedrukt. Dit is gedaan met het em-element. Dat is echter niet toegestaan, want dat element is niet bedoeld voor opmaak, maar om een woord of enkele woorden te benadrukken. Verwijder het element en gebruik CSS voor de opmaak.
Bevinding 17: Op pagina https://blsp.pleio.nl/news staat een dropdown bij "Use cases - Filter op". In deze dropdown zit een opsomming (ul-element) zonder lijst-items (li-elementen). Dit is verwarrend voor bezoekers die hulpsoftware gebruiken. Verwijder deze lijst of vul het met lijst-items.
Bevinding 18: De PDF op pagina https://blsp.pleio.nl/file/download/a26f646e-d879-4b85-92b7-0d29fe8b8013/blsp-infographic-1.pdf is niet gecodeerd (van tags voorzien). Dit betekent dat 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 codes of tags ontbreken, kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag, zoals semantische koppen en alternatieve teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.
Bevinding 19: De PDF op pagina https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf bevat wel tags, maar hier zijn verschillende problemen mee. Hier volgen enkele voorbeelden.
Op pagina 2 is "Programma - deel 1" niet getagd als kop, bijvoorbeeld H1 of H2. Dit komt vaker voor, bijvoorbeeld op pagina's 3-6.
Op pagina 18 is een opsommingslijst op een verkeerde manier genest in een andere lijst, waardoor de relaties verbroken zijn. Maak hier een enkele lijst op één niveau van.
Op pagina 28 staan twee lijst-onderdelen die elk een aparte opsommingslijst zijn. Dit moet één opsommingslijst (L) met twee lijst-onderdelen (LI) zijn. Dit komt vaker voor, bijvoorbeeld op pagina's 32 en 33.
Op pagina 33 staat een tabel, waarbij de eerste rij met tabelkoppen slechts 2 cellen bevat, terwijl de overige rijen 3 cellen bevatten. Dit is onregelmatig, dus zorg dat elke rij 3 cellen heeft.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 20: Advies: op meerdere pagina's, waaronder https://blsp.pleio.nl/page/view/eef991b9-4742-45e5-a800-bc544eca63e3/paul-den-hertog-surf-dc4eu, https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc en https://blsp.pleio.nl/news/view/18eca63d-c9fa-4f06-9edb-72979158e398/call-for-experts-werkgroep-certificeringseisen-edi-wallets-eidas2, worden niveau's in de koppenstructuur overgeslagen. Zo is de titel bijvoorbeeld een kop op niveau 1 (h1) en de eerstvolgende tussenkop een op niveau 3 (h3) of 5 (h5). Dit is niet direct een toegankelijkheidsprobleem, maar het is beter om geen niveau's over te slaan.
1.3.2 Betekenisvolle volgorde (Niveau A)
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Onvoldoende
Bevinding 21: De leesvolgorde in PDF-documenten wordt bepaald door de volgorde van de tags (zie ook succescriterium 1.3.1). Deze volgorde moet logisch zijn voor hulpsoftware (zoals screenreaders), zodat die de content op een logische manier kunnen presenteren. De leesvolgorde in het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf is niet overal logisch. Hier volgen enkele voorbeelden.
Op pagina 6 komt de opsommingslijst vóór de koptekst. Dit moet andersom.
Op pagina 25 komt eerst de opsomming onder "Terugblik", dan de koptekst "Programma EDI-stelsel…". Daarna komt de opsomming onder "Vooruitblik" en tot slot de kopteksten "Terugblik" en "Vooruitblik". De leesvolgorde moet gelijk zijn aan de zichtbare logische volgorde.
Op pagina 45 komen eerst de teksten van de drie pilots, dan "See EWC website" en tot slot de koptekst bovenaan. De leesvolgorde moet gelijk zijn aan de zichtbare logische volgorde.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
1.3.3 Zintuiglijke eigenschappen (Niveau A)
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevinding 22: Op pagina https://blsp.pleio.nl/page/view/6e30821f-6138-4d0f-8a66-e0d1dd5aa7d0/woordenlijst staat de instructie "Vetgedrukte woorden worden elders in de lijst uitgelegd.". Deze instructie is afhankelijk van zintuiglijke kenmerken, namelijk hoe woorden eruit zien. Dit kan daarom gemist worden door bezoekers die een visuele beperking hebben of de pagina op een andere manier gebruiken. Dit is misschien op te lossen door hier links van te maken die naar de woorden verwijzen. Andere oplossingen zijn ook mogelijk, bijvoorbeeld het gebruik van het em-element. Daarmee worden de woorden cursief getoond en worden ze mogelijk met nadruk gepresenteerd door schermlezers, hoewel veel schermlezers dit gedrag standaard uit hebben staan. Deze woorden zijn nu opgemaakt met het strong-element, wat feitelijk betekent dat die woorden belangrijk zijn en dat klopt niet, zie ook succescriterium 1.3.1.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevinding 23: Op pagina https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc staat een afbeelding van een kaart van Europa. Hierin is met een blauwe kleur (HEX #123293) aangegeven welke landen lid zijn van de EU. Hier wordt alleen kleur gebruikt om informatie over te brengen en dit kan gemist worden door bezoekers met een visuele beperking. De contrastratio ten opzichte van de grijze landen (HEX #707173) is met 2,3:1 te laag om goed onderscheiden te worden. Dit moet minimaal 3,0:1 zijn, maar het is beter om niet alleen kleur, maar ook bijvoorbeeld een arcering te gebruiken.
Bevinding 24: Op pagina https://blsp.pleio.nl/search?q=blsp staan twee invoervelden bij "Datum vanaf" en "Datum t/m". Als hier handmatig een datum wordt ingevuld die niet aan het format "dd-mm-yyyy" voldoet, kleurt de rand en het label "dd-mm-yyyy" rood om aan te geven dat het fout is. Hier wordt dus alleen kleur gebruikt om informatie over te brengen. Zie ook succescriterium 3.3.1 voor meer informatie en een oplossingssuggestie.
Bevinding 25: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf wordt op verschillende pagina's alleen kleur gebruikt om informatie over te brengen. Hier volgen enkele voorbeelden.
Op pagina 50 staat een kaart van Europa waarin met gele, groene en zwarte kleuren informatie over de openheid wordt getoond. Het contrast tussen geel (HEX #FFC000) en groen (HEX #00B050) is met 1,7:1 te laag om goed onderscheiden te kunnen worden. Dit moet minimaal 3,0:1 zijn, maar het is beter om niet alleen kleur, maar ook bijvoorbeeld een arcering te gebruiken.
Op pagina 56 is een gele arcering gebruikt om informatie over tekst weer te geven. Gebruik ook een andere visuele hint. Dit komt vaker voor.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
1.4.3 Contrast (minimum) (Niveau AA)
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevinding 26: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staan meerdere teksten met een te laag contrast ten opzichte van de achtergrond. Hier volgen enkele voorbeelden.
Op pagina 25 heeft de witte tekst "Vooruitblik" een te lage contrastratio van 2,1:1 op de lichtblauwe achtergrond (HEX #8EB4E3). Omdat dit grote tekst is, moet dit minimaal 3,0:1 zijn.
Op pagina 39 staan meerdere rode teksten (HEX #FF0000) op een witte achtergrond, bijvoorbeeld "No prior consultation…". De contrastratio is hier 4,0:1 waar dat minimaal 4,5:1 moet zijn. Dit komt vaker voor.
Op pagina 45 staat de groene tekst (HEX #49C2C1) "Video program…" op een witte achtergrond. De contrastratio is hier 2,1:1 waar dat minimaal 4,5:1 moet zijn. Dit komt vaker voor.
Op pagina 50 staat gele (HEX #FFC000) en groene (HEX #00B050) tekst op een witte achtergrond. De contrastratio is hier 1,6:1 en 2,9:1 waar dat minimaal 4,5:1 moet zijn.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Onvoldoende
Bevinding 27: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staat op pagina 23 een afbeelding van tekst: "PAUZE". Voor bezoekers met een visuele beperking is het nodig dat zij tekst kunnen lezen als 'echte' tekst en eventueel deze tekst kunnen selecteren, kopiëren en plakken in een ander programma, zodat ze de weergave ervan kunnen aanpassen.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevinding 28: Op pagina's https://blsp.pleio.nl/ en https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staan video's in een YouTube-videospeler. Als de toetsenbordfocus op knoppen en links in deze videospeler staat, verschijnt een lichtblauwe rand (HEX #3C8CCA). Deze heeft niet overal voldoende contrast ten opzichte van de achtergrond, bijvoorbeeld op de grijze 'overlay' bovenaan (HEX #808080). De contrastratio is hier 1,1:1 waar dat minimaal 3,0:1 moet zijn.
Bevinding 29: Op pagina https://blsp.pleio.nl/page/view/7eabbe4c-fcb6-44de-9bf0-0c27b58aa210/large-scale-pilots staan in de afbeelding meerdere lichtgroene kaders (HEX #EAFFC9) op een witte achtergrond die aangeven welke organisaties bij welke pilot horen. De contrastratio is hier 1,1:1 waar dat minimaal 3,0:1 moet zijn.
Bevinding 30: Op pagina https://blsp.pleio.nl/events/view/cc9228fb-5fd9-4d9a-84fc-dfd6f0a0fd06/bijeenkomst-voor-deelnemers-lsps staat een invoerveld met de tekst "Schrijf een reactie. Dit invoerveld heeft geen rand, maar wel een grijze achtergrond (HEX #F5F5F5). De contrastratio van deze achtergrond ten opzichte van de witte pagina is 1,1:1 waar dat minimaal 3,0:1 moet zijn. Hierdoor kunnen bezoekers met een visuele beperking mogelijk missen waar ze iets kunnen invullen.
Bevinding 31: In het PDF-document https://blsp.pleio.nl/file/download/a26f646e-d879-4b85-92b7-0d29fe8b8013/blsp-infographic-1.pdf staan lichtgroene kaders (HEX #EAFFC9) op een witte achtergrond die aangeven welke organisaties bij welke pilot horen. De contrastratio is hier 1,1:1 waar dat minimaal 3,0:1 moet zijn.
Bevinding 32: In het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf staat op pagina 50 een kaart van Europa. De gele kleur (HEX #FFC000) heeft een te lage contrastratio van 1,6:1 op de witte achtergrond en 1,5:1 ten opzichte van de lichtgrijze landen (HEX #F2F2F2). De groene kleur (HEX #00B050) heeft een te lage contrastratio van 2,9:1 op de witte achtergrond en 2,6:1 ten opzichte van de lichtgrijze landen (HEX #F2F2F2). Dit moet minimaal 3,0:1 zijn.
Op pagina 56 staan gele arceringen (HEX #FDFD00) op een witte achtergrond. De contrastratio is hier 1,1:1 waar dat minimaal 3,0:1 moet zijn.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 33: Advies: op pagina https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc staat een afbeelding met een kaart van Europa. Hierin wordt een wit icoon op een groene achtergrond gebruikt om aan te geven welke landen meedoen aan EWC. Dit icoon heeft een te lage contrastratio van 2,7:1 op de groene achtergrond (HEX #51B134). Dit moet minimaal 3,0:1 zijn. Er is echter een alternatief aanwezig in de tekst en daarom wordt dit niet afgekeurd. Wel kan het beter aangepast worden.
2. Bedienbaar
2.4 Navigeerbaar
2.4.2 Paginatitel (Niveau A)
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Onvoldoende
Bevinding 34: De PDF op pagina https://blsp.pleio.nl/file/download/a26f646e-d879-4b85-92b7-0d29fe8b8013/blsp-infographic-1.pdf heeft de documenttitel "230036 BLSP Infographic_230912". Dit omschrijft niet het onderwerp of doel van het document. Wijzig dit naar bijvoorbeeld "Infographic Large Scale Pilots EUDI Wallet" of iets dergelijks. Dit is aan te passen in de documenteigenschappen.
Bevinding 35: De PDF op pagina https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf heeft de documenttitel "BLSP Deelnemer sessie". Dit omschrijft niet het onderwerp of doel van het document. Wijzig dit naar bijvoorbeeld "Presentatie Netwerkbijeenkomst BLSP EUDI Wallet 6 februari 2025" of iets dergelijks. Dit is aan te passen in de documenteigenschappen.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
2.4.4 Linkdoel (in context) (Niveau A)
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevinding 36: Op pagina https://blsp.pleio.nl/page/view/4fe4d92c-8e4c-452a-a341-1a666addb55c/community staan meerdere blokken met links naar een bepaalde community. Hier zijn meerdere problemen met linkdoelen. Ten eerste is de afbeelding een link. Deze afbeelding heeft geen tekstalternatief en is via aria-hidden="true" verborgen voor hulpsoftware (zie ook succescriterium 1.1.1). De links om de afbeelding kan echter wel toetsenbordfocus ontvangen en moet daarom een duidelijk linkdoel hebben. Ten tweede is de tekst "Naar community" ook een link met alleen deze tekst als linkdoel. Deze tekst komt vaker voor en heeft niet automatisch context met de content erboven. Dit betekent dat het linkdoel van elke link "Naar community" niet duidelijk is, omdat het steeds een andere community is. Elk blok heeft nog een derde link, namelijk om de koptekst (bijvoorbeeld "LSP breed") heen. Het doel van deze link is wel duidelijk. Om de bovenstaande problemen op te lossen, kunnen de drie links het beste samengevoegd worden tot één link met bijvoorbeeld de tekst "Naar community LSP breed" etc. als linkdoel. Het hele blok kan met JavaScript klikbaar worden gemaakt voor de muis. Dan gelden de afbeeldingen als decoratief en hoeft er geen alt-tekst voorzien te worden.
2.5 Input modaliteiten
2.5.3 Label in naam (Niveau A)
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Onvoldoende
Bevinding 37: Op pagina https://blsp.pleio.nl/search?q=blsp staat een knop onder "Use cases". Deze knop heeft geen naam (zie ook succescriterium 4.1.2), wat betekent dat de zichtbare tekst "Use cases" niet gebruikt kan worden om dit element te bedienen met spraakbedieningssoftware. Zorg ervoor dat het element een naam krijgt waarin in ieder geval de zichtbare tekst staat, het liefst vooraan.
Bevinding 38: Advies: op pagina https://blsp.pleio.nl/page/view/4fe4d92c-8e4c-452a-a341-1a666addb55c/community staan meerdere blokken met links naar een bepaalde community. Hier zijn afbeeldingen links zonder toegankelijke naam. De zichtbare tekst van de logo's kan daarom niet gebruikt worden met spraakbedieningssoftware. Dit wordt echter niet afgekeurd, omdat er meer links zijn die naar dezelfde pagina verwijzen en daarmee een alternatief zijn. Zie ook succescriterium 2.4.4.
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 39: In de eigenschappen van het PDF-document ttps://blsp.pleio.nl/file/download/a26f646e-d879-4b85-92b7-0d29fe8b8013/blsp-infographic-1.pdf is de taal niet ingevuld. Zorg ervoor dat de taalinstelling overeenkomt met de taal die gebruikt wordt in de PDF.
Bevinding 40: Het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf heeft de taal "English" gekregen, maar de meeste content is in het Nederlands. De taal van het document moet daarom gewijzigd worden naar Nederlands. Dit kan worden aangepast in de documenteigenschappen. Zie ook succescriterium 3.1.2.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
3.1.2 Taal van onderdelen (Niveau AA)
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevinding 41: Op pagina https://blsp.pleio.nl/ staat de link met de tekst "This page in English". Voor deze Engelstalige tekst is geen taalwisseling in de code aanwezig. Dit is wel nodig, zodat hulpsoftware het in de juiste taal kan presenteren. Voeg het attribuut lang="en" toe aan het element dat deze taal bevat.
Let op: in de naam van deze link staat ook "(opent in nieuw venster)". Aangezien deze tekst in het Nederlands is, is de taalwisseling hierop niet van toepassing. Het zou wel beter zijn om deze tekst te vertalen naar het Engels en dat vervolgens ook een taalwissel te geven, omdat deze link bedoeld is voor mensen die Engels willen lezen.
Bevinding 42: De content op pagina https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english is in het Engels. De taal van de pagina is Nederlands en dat is correct, omdat de header nog in het Nederlands is. Voor de Engelstalige content moet echter wel een taalwisseling worden aangegeven, zodat hulpsoftware het in de juiste taal kan presenteren. Dit kan door in het element dat de Engelstalige content bevat het volgende toe te voegen: lang="en". Dit kan gedaan worden op het hoogste niveau.
Dit probleem komt ook voor op pagina https://blsp.pleio.nl/page/view/6797cb6a-638f-4b82-8aaa-e8e0a8dd37c5/rob-brand-ministery-of-economic-affairs-ewcpotential-english.
Bevinding 43: Het PDF-document https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf bevat content in het Nederlands en in het Engels. De taal van het document is Engels en dan moet voor de Nederlandstalige content worden aangegeven dat deze in het Nederlands is. Dat is nu niet het geval. Er is zelfs Engelstalige content waarvan de taal "nl" (Nederlands) is aangegeven en dat klopt niet. Zie bijvoorbeeld op pagina 36. Dit kan worden aangepast door de betreffende tekst te selecteren in het bronbestand (waarschijnlijk PowerPoint) en vervolgens de taal te wijzigen.
Let op: als de taal van het document wordt gewijzigd naar het Nederlands (zie succescriterium 3.1.1), dan moet voor de Engelstalige content de juiste taal worden aangegeven.
Voor deze content geldt mogelijk een wettelijke uitzondering vanwege inhoud van derden. Hier kan eventueel in de toegankelijkheidsverklaring op beroepen worden.
Bevinding 44: Advies: op pagina https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english staan twee video's in videospelers. Deze hebben de taal "Nederlands" gekregen en dat klopt ook, omdat de knoppen "Afspelen" etc. in het Nederlands zijn. Het zou echter beter zijn om een Engelstalige variant van de videospeler in te voegen, omdat de rest van de content ook in het Engels is.
Bevinding 45: Advies: op meerdere pagina's, waaronder https://blsp.pleio.nl/page/view/7eabbe4c-fcb6-44de-9bf0-0c27b58aa210/large-scale-pilots, https://blsp.pleio.nl/page/view/6e30821f-6138-4d0f-8a66-e0d1dd5aa7d0/woordenlijst en https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc, staan Engelstalige namen en termen, zoals "Large Scale Pilots", Architecture Reference Framework" en "Digital Identity Wallet". Hiervoor geldt een uitzondering, wat inhoudt dat hiervoor geen taalwisseling hoeft te worden aangegeven. Dit is daarom niet afgekeurd.
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevinding 46: Op pagina https://blsp.pleio.nl/search?q=blsp staan twee invoervelden bij "Datum vanaf" en "Datum t/m". Als hier handmatig een datum wordt ingevuld die niet aan het format "dd-mm-yyyy" voldoet, kleurt de rand en het label "dd-mm-yyyy" rood om aan te geven dat het fout is. Dit is geen duidelijke foutmelding. Een goede foutidentificatie vermeldt tekstueel welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "De datum is niet ingevuld volgens het format 'dd-mm-yyyy'." of iets dergelijks.
3.3.3 Foutsuggestie (Niveau AA)
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevinding 47: Op pagina https://blsp.pleio.nl/search?q=blsp staan twee invoervelden bij "Datum vanaf" en "Datum t/m". Als hier handmatig een datum wordt ingevuld die niet aan het format "dd-mm-yyyy" voldoet, kleurt de rand en het label "dd-mm-yyyy" rood om aan te geven dat het fout is. Dit is geen duidelijke foutmelding. Een goede foutidentificatie vermeldt tekstueel welke fout is gemaakt en waar de fout is gemaakt. Bijvoorbeeld "De datum is niet ingevuld volgens het format 'dd-mm-yyyy'." of iets dergelijks.
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 48: Op pagina https://blsp.pleio.nl/ staat onder "Filmpje: auto huren met ID-wallet" een iframe met een YouTube-videospeler. Dit iframe-element heeft geen naam. Geef het een unieke naam, bijvoorbeeld via het title-attribuut of een aria-label-attribuut in het iframe-element.
Dit geldt ook voor de iframe onder "Video: Showing your age with an ID-wallet" op pagina https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english.
Bevinding 49: Op pagina https://blsp.pleio.nl/search?q=blsp staat een knop onder "Use cases". Deze knop heeft geen naam. Dit komt doordat het attribuut aria-labelledby verwijst naar een id dat niet aanwezig is op de pagina. Geef de knop een naam, bijvoorbeeld door de waarde van het aria-labelledby-attribuut te wijzigen. Zie ook succescriterium 2.5.3.
Bevinding 50: Op pagina https://blsp.pleio.nl/events/view/cc9228fb-5fd9-4d9a-84fc-dfd6f0a0fd06/bijeenkomst-voor-deelnemers-lsps kan de bezoeker een reactie schrijven. Als het reactieveld getoond wordt, is er een div-element met het attribuut aria-expanded="false". Dit attribuut is niet toegestaan op een div-element zonder semantische rol. Daarnaast klopt de waarde niet. Dit attribuut lijkt overbodig en kan daardoor eventueel helemaal verwijderd worden.
Bevinding 51: Op pagina https://blsp.pleio.nl/page/view/4fe4d92c-8e4c-452a-a341-1a666addb55c/community staan meerdere blokken met links naar een bepaalde community. Hier is de afbeelding ook een link, terwijl het via aria-hidden="true" verborgen voor hulpsoftware. Verwijder deze link of anders het aria-hidden-attribuut. In het laatste geval moet de link dan wel een naam krijgen. Zie ook succescriteria 1.1.1 en 2.4.4.
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://blsp.pleio.nl/ - Home EN:
https://blsp.pleio.nl/page/view/1dadadb5-e79f-4bb2-97c3-e649d8df23ed/blsp-english - Large Scale Pilots:
https://blsp.pleio.nl/page/view/7eabbe4c-fcb6-44de-9bf0-0c27b58aa210/large-scale-pilots - Interview:
https://blsp.pleio.nl/page/view/eef991b9-4742-45e5-a800-bc544eca63e3/paul-den-hertog-surf-dc4eu - Woordenlijst:
https://blsp.pleio.nl/page/view/6e30821f-6138-4d0f-8a66-e0d1dd5aa7d0/woordenlijst - EWC:
https://blsp.pleio.nl/page/view/6b381ba5-4dc0-475f-94ce-0543ae6560a9/ewc - Community:
https://blsp.pleio.nl/page/view/4fe4d92c-8e4c-452a-a341-1a666addb55c/community - Nieuws:
https://blsp.pleio.nl/news - Nieuwsbericht:
https://blsp.pleio.nl/news/view/18eca63d-c9fa-4f06-9edb-72979158e398/call-for-experts-werkgroep-certificeringseisen-edi-wallets-eidas2 - Bijeenkomst:
https://blsp.pleio.nl/events/view/cc9228fb-5fd9-4d9a-84fc-dfd6f0a0fd06/bijeenkomst-voor-deelnemers-lsps - Over BLSP:
https://blsp.pleio.nl/page/view/60490384-4894-4385-961e-d22dcceb6ce7/over-blsp - Toegankelijkheid:
https://blsp.pleio.nl/page/view/dd279a9a-9852-464b-bbb3-9e93be3b0ca1/toegankelijkheid - Zoek:
https://blsp.pleio.nl/search?q=blsp - PDF Infographic:
https://blsp.pleio.nl/file/download/a26f646e-d879-4b85-92b7-0d29fe8b8013/blsp-infographic-1.pdf - PDF Presentatie:
https://blsp.pleio.nl/file/download/8351825f-37c0-4841-a208-c82dc9507806/20250206-blsp-totaalpresentatie-netwerkbijeenkomst.pdf - Interview EN:
https://blsp.pleio.nl/page/view/6797cb6a-638f-4b82-8aaa-e8e0a8dd37c5/rob-brand-ministery-of-economic-affairs-ewcpotential-english - Foutpagina:
https://blsp.pleio.nl/404
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.