Toegankelijkheidsonderzoek

Issues:
Content audit digitale toegankelijkheid website van CompetentNL

(Alleen de bevindingen)

Scope van de evaluatie

Naam website CompetentNL
Datum 24 oktober 2023
Scope van de website - De content van alle pagina's op competentnl.nl
Buiten de scope van het onderzoek valt:
  • De techniek waarop deze website is gebouwd (onderdeel van ander onderzoek)
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 29

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://www.competentnl.nl/contact staat een afbeelding met tekst en logo's. De alternatieve tekst van de afbeelding luidt: "CompetentNL wordt ontwikkeld door UWV, SBB, TNO en CBS in opdracht van de ministeries SZW en OCW". Deze tekst is geen letterlijke beschrijving van wat er p de afbeelding staat. Hierdoor kunnen slechtzienden die gebruik maken van hulpsoftware moeite hebben met het lezen van de tekst. Pas de alternatieve tekst aan. Beter nog is om een deel van de tekst als tekst op te nemen in de pagina. Zie SC 1.4.5.

Bevinding 2: Op pagina https://www.competentnl.nl/actueel/nieuwsbrieven/nieuwsbrief-competentnl/2023/8 staat boven het kopje 'Pilots CompetentNL gestart' een afbeelding met de alternatieve tekst 'Werkenden lunchen op moderne industriële werkvloer'. De afbeelding is afkomstig van iStock, en deze alt-tekst lijkt niets bij te dragen aan de inhoud van deze pagina. In de meeste gevallen zijn dit soort afbeeldingen decoratief, zoals hier. Laat het alt-attribuut van deze afbeelding leeg om het te verbergen voor hulpsoftware.

Bevinding 3: Op pagina https://www.competentnl.nl/actueel/nieuwsbrieven/nieuwsbrief-competentnl/2023/8 staat boven het kopje 'Bekijk de infographic' een infographic met de alternatieve tekst 'Afbeelding van de infographic van product en proces van CompetentNL'. Onder deze afbeelding staat een link naar een pagina waar de informatie uit deze afbeelding te vinden is. Om deze infographic toegankelijker te maken, moeten twee zaken worden aangepast. Ten eerste, gebruik geen woorden als 'afbeelding' in de alt-teksten van afbeeldingen, dit geldt voor alle afbeeldingen. De voorleessoftware kondigt zelf aan dat het een afbeelding is. Ten tweede, moet de alt-tekst van deze afbeelding verwijzen naar de link eronder. Een goede alternatieve tekst zou zijn: 'Onder deze afbeelding staat een link naar de uitgeschreven tekst.’

Bevinding 4: Op de pagina https://www.competentnl.nl/documenten/brochures/2023/9/12/infographic-competentnl staat de infographic uit de vorige alinea. De alternatieve tekst, 'Afbeelding van de infographic van product en proces van CompetentNL', bevat geen informatie uit de afbeelding. Om deze afbeelding toegankelijk te maken, moet de tekst uit de afbeelding als platte tekst op de pagina worden geplaatst. Hoewel er een alternatief is geboden in de vorm van een link naar een pdf-bestand, bevat dit bestand geen uitgeschreven tekst en kan daarom niet als een toegankelijk alternatief worden beschouwd. Het is belangrijk om de inhoud van de infographic op de pagina zelf beschikbaar te maken voor bezoekers die de afbeelding niet kunnen zien.

Bevinding 5: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf zijn er 35 afbeeldingen die via figure element zijn toegevoegd en waarvan de beschrijving ontbreekt. De meeste van deze afbeeldingen zijn decoratief, maar er komen ook grafieken voor die informatief zijn. Markeer de decoratieve afbeeldingen als artefacts en geef de informatieve afbeeldingen beschrijvingen van informatie die op de grafiek te zien is.

Bevinding 6: De logo’s op pagina 77 zijn toegevoegd als achtergrond en worden niet door de voorleessoftware voorgelezen.

Bevinding 7: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf bevatten 35 afbeeldingen die via het "figure" element zijn toegevoegd geen beschrijving. De meeste van deze afbeeldingen zijn decoratief en er zijn ook grafieken aanwezig die informatief zijn. Markeer de decoratieve afbeeldingen als "artefacts" en voorzie de informatieve afbeeldingen van beschrijvingen die de informatie op de grafiek weergeven. Het is belangrijk om ervoor te zorgen dat alle grafieken en afbeeldingen die informatie bevatten, toegankelijk zijn voor voorleessoftwaregebruikers.

Bevinding 8: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf zijn de logo's op pagina 77 toegevoegd als achtergrond en worden niet voorgelezen door de voorleessoftware. Dit zijn informatieve afbeeldingen.

Bevinding 9: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/nieuwsbrieven/2023/januari/1/index/nieuwsbrief_competentnl_januari2023_tcm95-444925.pdf ontbreken tekstalternatieven voor drie afbeeldingen die via het "figure" element zijn toegevoegd. Deze afbeeldingen bevinden zich op pagina 1, 3 en 7. Op pagina 1 is een afbeelding van tekst aanwezig, op pagina 3 staat een decoratieve afbeelding van een videospeler, en op pagina 7 staan logo's. Het is noodzakelijk om tekstalternatieven toe te voegen voor de eerste en de derde afbeeldingen. Verder in het document komen decoratieve afbeeldingen voor met alternatieve teksten zoals 'Dame bekijkt bord met vacatures'. Deze beschrijvingen moeten worden verwijderd en de afbeeldingen moeten als decoratief worden gemarkeerd.

Bevinding 10: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf ontbreken alternatieve teksten voor afbeeldingen. In de meeste gevallen betreft het grafieken en andere informatieve afbeeldingen die niet toegankelijk zijn voor mensen die de afbeelding niet kunnen zien. Dit geldt bijvoorbeeld voor slide 14, 20, 25, 26 en andere dia's. Sommige afbeeldingen, zoals de achtergrond van teksten op slide 26, zijn echter decoratief en moeten worden gemarkeerd als "artefact" om ze te verbergen voor hulpsoftware. Meer voorbeelden van decoratieve afbeeldingen zijn te vinden op slides 32 en 35.

Bevinding 11: Advies: Op de pagina https://www.competentnl.nl/actueel/nieuws/2023/09/25/werken-aan-competentnl-het-datateam staan foto's van medewerkers. De afbeeldingen zijn in "figure" elementen opgenomen. Elk "figure" element is voorzien van een "figcaption" met een beschrijving van de foto. De foto's, die via het "img" element zijn geplaatst, zijn voorzien van "alt"-attributen die nagenoeg dezelfde tekst herhalen als de "figcaption" elementen. Om dubbele informatie te voorkomen en redundantie te verminderen, wordt geadviseerd om de "alt"-attributen van de afbeeldingen leeg te laten. Hiermee wordt voorkomen dat dezelfde tekst twee keer wordt voorgelezen, wat de toegankelijkheid van de pagina verbetert.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 12: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/nieuwsbrieven/2023/januari/1/index/nieuwsbrief_competentnl_januari2023_tcm95-444925.pdf komt de visuele koppenstructuur niet overeen met de structuur van de tags. Op de eerste pagina zijn de koppen niet opgemaakt als kopteksten, maar eerder als alinea's. Ze lijken visueel groter gemaakt te zijn om op koppen te lijken.
Dit probleem kan de toegankelijkheid en de leesbaarheid van het document voor gebruikers met hulpsoftware belemmeren. Het wordt aanbevolen om de structuur van de tags in overeenstemming te brengen met de visuele koppenstructuur om een betere toegankelijkheid te garanderen. Koppen moeten worden opgemaakt als kopteksten met behulp van de juiste tag-elementen om de leesvolgorde en navigatie voor alle gebruikers te verbeteren.

Bevinding 13: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/nieuwsbrieven/2023/januari/1/index/nieuwsbrief_competentnl_januari2023_tcm95-444925.pdf staan tien onderwerpen. Alle koppen die beginnen met een cijfer zijn opgemaakt als kop 1, waardoor het document een groot aantal koppen van niveau 1 bevat. Het advies is om deze structuur te herzien. Het titel van het document moet als kop 1 worden behouden, terwijl de overige hoofdstukken moeten worden opgemaakt als koppen van niveau 2 of lager. Tenslotte, onderaan het document staan lege koppen en alinea's. Het wordt aanbevolen om deze lege koppen en alinea's te verwijderen om de documentstructuur te optimaliseren.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 14: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf op pagina 5 is de visuele volgorde als volgt: eerst de kop 2 'Inhoudsopgave', gevolgd door de opsomming van hoofdstukken. Echter, in de documentstructuur van de tags is deze volgorde omgedraaid. Dit kan leiden tot verwarring en problemen met de toegankelijkheid voor gebruikers van hulpsoftware. Het is belangrijk om de structuur van de tags in overeenstemming te brengen met de visuele volgorde om een betere toegankelijkheid te garanderen.
Op pagina 74 staan drie kolommen met alinea's tekst onder kopjes. De volgorde van tags is chaotisch, en de focus springt van de ene kolom naar de andere. Dit kan de leesbaarheid en begrijpelijkheid van de inhoud negatief beïnvloeden, vooral voor gebruikers van schermlezers. Dit moet worden opgelost door de tags op een logische en consistente manier te ordenen om een soepele en begrijpelijke leeservaring te bieden voor alle gebruikers, ongeacht de gebruikte hulpsoftware.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 15: Op de pagina https://www.competentnl.nl/actueel/nieuws/2023/09/25/werken-aan-competentnl-het-datateam staat onder het kopje ‘Voorbeeld: één skill in drie kwalificaties’ een afbeelding. Boven deze afbeelding staat tekst: ‘In onderstaande afbeelding is de verwante skill ‘administratie afhandelen’ met een blauw stipje aangeduid.’ In deze tekst wordt ervan uit gegaan dat alle bezoekers de kleur kunnen waarnemen.

Bevinding 16: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf staat op pagina 73 en 75 een grafiek waarin kleur wordt gebruikt om informatie te geven.

Bevinding 17: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf op slide 38 is keur gebruikt om de relatie tussen verschillende teksten aan te geven. Voor een bezoeker die de kleur niet kan onderscheiden is het niet duidelijk wanneer de feedbackgroepen in beeld komen. Gebruik naast de kleur ook vorm om deze informatie te geven. Op slide 44 staan twee vierkanten: groen en rood waarmee feedback gegeven kan worden. Sommige mensen zien het verschil tussen deze kleuren niet en zullen mogelijk een verkeerde feedback geven. Voeg tekst toe om dit op te lossen.

Bevinding 18: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf op slide 75 is kleur gebruikt in de grafiek om verschillende behoeftes aan te geven. Deze informatie is niet toegankelijk voor iemand die de kleur niet kan zien.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 19: Op de pagina https://www.competentnl.nl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl staat aan afbeelding met lichtblauwe tekst ‘Najaarsbijeenkomst (..)’. Het kleurcontrast van deze tekst met de witte achtergrond van de pagina is 2,5:1. Dit moet minimaal 4,5:1 zijn.

Bevinding 20: Op de pagina https://www.competentnl.nl/documenten/brochures/2023/9/12/infographic-competentnl staat een infographic. Bepaalde klerencombinatie voldoen niet aan de minimale kleurcontrast eisen. Zie witte tekst ‘Afnemers’ op een blauwe achtergrond 3,0:1, ‘Bronnen en data’ op een groene achtergrond 3,0:1, daaronder onleesbaar gele tekst op een bruine achtergrond 1,9:1, de witte tekst boven figuren van mensen op een blauwe achtergrond 1,8:1.

Bevinding 21: In de pdf-documenten https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf en https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf worden dezelfde kleurencombinaties gebruikt waardoor deze documenten dezelfde issues bevatten.
De kleurcontrast issues in https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf zijn: op slide 2 witte tekst op limekleurige achtergrond (HEX#A2C62C): 2,0:1. Op slide 9 blauwe tekst op donkere achtergrond: 2,9:1. Op slide 17 staat een limekleurig tekst op een witte achtergrond. Het kleurcontrast is 2,0:1. De oranje tekst op slide 18 heeft kleurcontrast van 1,6:0. Op slide 20 staat witte tekst in blokjes met een lichtgroene achtergrond. Het kleurcontrast is slechts 1,5:1. Op slide 25 staat de infographic die eerder beschreven is.

Bevinding 22: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf staat limekleurige tekst op slide 1, 2, 6 en meer (kleurcontrast is 2,0:1). Op slide 26 staan blauwe teksten (HEX#259EC4) in de grafiek met kleurcontrast 3,1:1. Dit moet minimaal 4,5:1 zijn. Deze kleurencombinatie komt op meerdere pagina’s voor.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 23: Op pagina https://www.competentnl.nl/contact staat een afbeelding over de opdrachtgever en de betrokkenen. Slechtzienden kunnen deze tekst niet aanpassen om de leesbaarheid te verhogen. De tekst op de afbeelding "CompetetntNL wordt in opdracht van de ministeries OCW en SZW ontwikkeld door:" komt verder niet voor op de pagina. Plaats deze tekst daarom als HTML-tekst op de pagina. Deze afbeelding kent meer issues; zie SC 1.1.1

Bevinding 24: Op de pagina https://www.competentnl.nl/aansluiten/onderwijs staat onder het kopje ‘Omscholing op basis van skills’ een afbeelding. ​​Dit is een afbeelding met veel tekst. Mensen die slechtziend zijn en de tekst willen aanpassen zodat ze het beter kunnen lezen kunnen dat niet doen als de tekst in een afbeelding staat. De tekst kan dus beter niet in een afbeelding geplaatst worden, of er moet een alternatief geboden worden waarbij de tekst ook op een toegankelijke manier wordt aangeboden. Bijvoorbeeld door de informatie in de infographic ook als tekst op de pagina zelf (of op een andere pagina waar direct naar gelinkt wordt) te plaatsen. Deze gewone tekst kan dan wel aangepast worden. Deze tekst moet dan wel dezelfde informatie bevatten als in de infographic. De informatie moet equivalent zijn. Maar de visuele presentatie mag natuurlijk wel anders zijn.
Zie ook https://www.competentnl.nl/actueel/nieuws/2023/09/25/werken-aan-competentnl-het-datateam.

Bevinding 25: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf staan afbeeldingen met tekst. Deze tekst kon ook als een platte tekst worden geplaatst. Deze tekst kan dan eenvoudig worden voorgelezen door hulpsoftware en schaalt automatisch mee met vergroten. Zie bijvoorbeeld slide 35 en 37.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 26: In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf staat op slide 26 limekleurige balken in de grafiek. Het kleurcontrast is 2,0:1. Dit moet minimaal 3,0:1 zijn.

2. Bedienbaar

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 27: In de onderstaande pdf-documenten ontbreken de titels en de weergave van het titel is niet ingesteld bij het openen van het document. Hierdoor wordt een bestandsnaam getoond in plaats van een titel. Zie https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf en
https://www.competentnl.nl/binaries/competentnl/documenten/nieuwsbrieven/2023/januari/1/index/nieuwsbrief_competentnl_januari2023_tcm95-444925.pdf.
In het pdf-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/september/13/presentatie-najaarsbijeenkomst-competentnl/ppt+Najaarspresentatie+web+20230913.pdf is de titel ingevuld, maar bevat een nietszeggende tekst: ‘Titel van deze presentatie over twee regels’. Zorg voor een titel die de inhoud van het document beschrijft.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Voldoende

Bevinding 28: Advies. Op pagina https://www.competentnl.nl/pilots/veelgestelde-vragen staan veelgestelde vragen. In drie antwoorden staan links met tekst ‘hier’. Uit de paragraaf waarin de link staat is te begrijpen waar deze links naartoe gaan. Echter, het zou nog toegankelijker zijn om de tekst van elke link meer context te geven. Dus in plaats van linktekst ‘hier’ zou ‘Informatie over de feedbackgroep en het aanmeldformulier’ beter linktekst kunnen zijn.

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 29: In de PDF-document https://www.competentnl.nl/binaries/competentnl/documenten/publicaties/2023/mei/23/index/Eindrapport+Marktreview+CompetentNL+mei+2023.pdf is de taal ingesteld als Engels. Dit document is in het Nederlands. Verander de taalcode.

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-10-06 00:44:24 v2.4-011