Toegankelijkheidsonderzoek

Issues:
Content-audit digitale toegankelijkheid website Bureau LSP

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Website Bureau LSP
Datum 28 november 2022
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle content op het domein blsp.pleio.nl.
  • Alle PDF's op het domein blsp.pleio.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 blsp.pleio.nl met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 25

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: In de header van iedere pagina staat het logo van BLSP. Het img-element heeft een leeg alt-attribuut, maar op het linkelement is het aria-label 'Home' toegevoegd. De alternatieve tekst van een logo met ten minste de naam van de organisatie bevatten. Pas de linktekst aan, bijvoorbeeld naar 'BLSP - Home' om dit probleem op te lossen.

Bevinding 2: Op pagina https://blsp.pleio.nl/cms/view/33a5937a-b287-4645-9dd6-de445c7ee705/dc4eu staat het logo van 'Digital credentials 4 Europe'. De afbeelding heeft geen alternatieve tekst. De alternatieve tekst van een logo met ten minste de naam van de organisatie bevatten.

Bevinding 3: Het logo van BLSP in de PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf mist een alternatieve tekst. De alternatieve tekst van een logo moet, ten minste de eerste keer dat het verschijnt in een PDF, minstens de naam van de organisatie (en eventuele andere tekst op de afbeelding) bevatten.

Bevinding 4: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat afbeeldingen die niet getagd zijn en geen alternatieve tekst bevatten. Geef afbeeldingen die informatie bevatten een beschrijvende alternatieve tekst.

Bevinding 5: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat decoratieve elementen, zoals achtergrondblokken en decoratieve lijnen, die als figuur gecodeerd zijn. Verberg deze elementen voor hulpsoftware door deze elementen als artefact te coderen.

Bevinding 6: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/view/f455077b-da8a-446d-a06c-ca1ee391cf5e/online-edi-heartbeat staat naast de knop 'Meld je aan' een icoon van een naar beneden wijzende pijl. Dit element is een knop, maar mist een alternatieve tekst. Bezoekers die het scherm niet kunnen zien weten daarom niet waar deze knop voor dient.

Bevinding 7: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer op pagina https://blsp.pleio.nl/search?q=large%20scale de filter 'Potential' is geselecteerd staat deze filter in het veld met een sluitknop. Deze sluitknop is gelabeld met een X-icoon zonder alternatieve tekst. Bezoekers die het scherm niet kunnen zien weten niet waar deze knop voor dient.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 8: De tekst 'Afbeelding: Photo by Towfiqu barbhuiya on Unsplash' op pagina https://blsp.pleio.nl/news/view/7e4b5ea9-1806-431d-bc5b-15dab677acc4/brede-meet-up-blsp is opgemaakt met het em-element. Het em-element geeft gesproken nadruk aan een woord of korte zin en mag daarom niet puur voor opmaak gebruikt worden. Gebruik CSS of een vergelijkbare techniek om een vergelijkbaar visueel effect te creëren zonder de semantische waarde van het em-element.

Bevinding 9: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat ongetagde content, omdat slides als figuur zijn toegevoegd in plaats van als tekst die leesbaar is voor hulpsoftware. Hierdoor is de PDF niet (goed) leesbaar voor bezoekers die gebruik maken van bijvoorbeeld voorleessoftware. Omdat codes ontbreken kan de PDF niet volledig onderzocht worden (alle succescriteria met betrekking tot de PDF-codelaag zoals semantische koppen en alt-teksten bij afbeeldingen). Let daarom op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 10: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat visueel semantisch opgemaakte tekst, die in de codering niet als zodanig is opgemaakt. Denk aan koppen (zoals 'EU Verordening 883/2004 en 987/2009:' op pagina 28) en opsommingen (pagina 29). Let op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 11: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat codering zonder inhoud. Dit is verwarrend voor bezoekers die gebruik maken van voorleessoftware, zij weten niet of content niet goed gecodeerd is of volledig mist. Let op dat bij het oplossen van dit probleem nieuwe toegankelijkheidsproblemen kunnen ontstaan.

Bevinding 12: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat geen document-tag. Net als het HTML-element op een website, is dit de basis tag voor een PDF document, waar alle andere tags onder vallen. Voeg deze tag toe en plaats hier alle andere tags in.

Bevinding 13: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/add staan selectievakjes, bijvoorbeeld 'Sta gebruikers toe hun aanwezigheid te registreren'. Met een aria-label is de toegankelijke naam 'Schakel in' of 'Schakel uit' (afhankelijk van de staat) toegevoegd op in invoer-element. Hierdoor wordt het label, dat goed gekoppeld is met for en id, overschreven. Bezoekers die gebruik maken van voorleessoftware krijgen daardoor niet dezelfde informatie als zichtbaar op scherm voorgelezen en weten niet waar zij antwoord op geven met het in- of uitschakelen van de selectievakjes.

Bevinding 14: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/view/f455077b-da8a-446d-a06c-ca1ee391cf5e/online-edi-heartbeat kunnen bezoekers reageren. Wanneer zij met het toetsenbord of de muis op 'Reageer' klikken, verschijnt er een invoerveld. Dit invoerveld mist een toegankelijke naam. Zorg ervoor dat het voor bezoekers die het scherm niet kunnen zien duidelijk is welke invoer van hen gevraagd wordt.

Bevinding 15: Advies:
Onder 'Links' op de homepage staat visueel een opsomming (zonder opsommingstekens), maar deze is niet als opsomming opgemaakt in de code. Maak de tekst op als ongeordende opsomming, zodat bezoekers die gebruik maken van voorleessoftware ook weten dat er een opsomming aanwezig is en uit hoeveel items de opsomming bestaat. Dit helpt hen ook bij het navigeren.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 16: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf bevat geen logische leesvolgorde. Bijvoorbeeld: op pagina 3 krijgt eerst de linktekst focus, vervolgens de tekst in de opsomming, daarna de afbeelding van tekst en daarna de namen onderaan de pagina. Zorg ervoor dat de leesvolgorde voor bezoekers die gebruik maken van hulpsoftware ook logisch is.

1.4 Onderscheidbaar

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: De PDF op pagina https://blsp.pleio.nl/file/download/748101eb-0cc0-43d7-bd51-6a4415978d3c/221104-meetup-blsp-breed.pdf is niet voor alle bezoekers even goed leesbaar. De contrastratio tussen het geel (HEX #FCD819) van de opsommingstekens op onder andere pagina 15 en de witte achtergrond is 1,4:1 waar dat minimaal 3:1 moet zijn.

Bevinding 18: Deze bevinding vereist mogelijk een technische oplossing:

Op pagina https://blsp.pleio.nl/groups/view/dafd9fe9-b400-4c6f-a3d6-5619536808d1/eu-digital-identity-wallet-consortium staat de knop 'Word lid'. Wanneer deze knop focus heeft is dat niet goed zichtbaar. De contrastwaarde tussen de zwarte focusrand en de donkergroene achtergrond van de knop (HEX #021802) is 1,1:1 waar dat minimaal 3:1 moet zijn. Dit probleem komt op meerdere pagina's voor, waaronder op pagina:

2. Bedienbaar

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 19: Advies:
Op pagina https://blsp.pleio.nl/events/view/f455077b-da8a-446d-a06c-ca1ee391cf5e/online-edi-heartbeat wordt de linktekst 'hier' gebruikt. Uit de context van de zin is duidelijk waar de link naar verwijst, maar bezoekers die gebruik maken van een elementenlijst waarbij zij een overzicht van alle links op een pagina opvragen, missen deze context. Pas de linktekst aan naar bijvoorbeeld 'Registreer je voor het evenement Online EDI heartbeat'.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 20: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/add staan selectievakjes, bijvoorbeeld 'Sta gebruikers toe hun aanwezigheid te registreren'. Met een aria-label is de toegankelijke naam 'Schakel in' of 'Schakel uit' (afhankelijk van de staat) toegevoegd op in invoer-element. Hierdoor wordt het label, dat goed gekoppeld is met for en id, overschreven. Bezoekers die gebruik maken van spraakgestuurde navigatie kunnen de selectievakjes hierdoor niet bedienen. Zorg dat het visuele label van de selectievakjes voorkomt in de toegankelijke naam, het liefst vooraan.

3. Begrijpelijk

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: Op pagina https://blsp.pleio.nl/events/add wordt met een asterisk (*) aangegeven dat het invoerveld 'Titel' verplicht ingevuld moet worden. Dit is echter niet voor alle bezoekers duidelijk, omdat deze instructie mist. Plaats ergens op de pagina (liefst bovenaan) bijvoorbeeld de tekst 'Velden met een sterretje (*) zijn verplicht' 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 22: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/view/f455077b-da8a-446d-a06c-ca1ee391cf5e/online-edi-heartbeat kunnen bezoekers reageren. Wanneer zij met het toetsenbord of de muis op 'Reageer' klikken, verschijnt er een invoerveld. Dit invoerveld heeft geen toegankelijke naam.

Bevinding 23: Deze bevinding vereist mogelijk een technische oplossing:
Op pagina https://blsp.pleio.nl/events/view/f455077b-da8a-446d-a06c-ca1ee391cf5e/online-edi-heartbeat staat naast de knop 'Meld je aan' een icoon van een naar beneden wijzende pijl. Dit element is een knop, zonder toegankelijke naam.

Bevinding 24: Deze bevinding vereist mogelijk een technische oplossing:
Wanneer op pagina https://blsp.pleio.nl/search?q=large%20scale de filter 'Potential' is geselecteerd staat deze filter in het veld met een sluitknop. Deze sluitknop heeft geen toegankelijke naam.

Bevinding 25: Advies:
Op de datums, zoals '1 nov' op pagina https://blsp.pleio.nl/news/view/c79ff21d-8aec-4fc2-95b5-16e4600eac65/tweede-meet-up-nederlandse-deelnemers-potential en bij de datums bij de contentblokken op de homepage, wordt het aria-expanded attribuut gebruikt op een element met aria-hidden. Er is geen uitklapbare content dus het aria-expanded attribuut wordt hier onnodig gebruikt. Verwijder aria-expanded van het element.

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: 2024-11-23 15:12:20 v2.4-011