Rapport:
Audit digitale toegankelijkheid website Leerbanenmarkt
- Onderzoeker
- Sterre, Swink; Sophie, Swink
- Datum
- 29 september 2025
- Opdrachtgever
- Samenwerkingsorganisatie Beroepsonderwijs Bedrijfsleven (SBB)
Samenvatting onderzoeksresultaat
De website Leerbanenmarkt voldoet nog niet aan WCAG 2.1 niveau AA. Er zijn 26 van de 50 succescriteria waar één of meer fouten zijn gevonden. In dit document is vastgelegd in hoeverre de website voldoet aan de toegankelijkheidseisen die vastgelegd zijn in WCAG, de Web Content Accessibility Guidelines.
De website leerbanenmarkt.nl is onderzocht tussen 10 en 24 september 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om de vervolgstappen te bepalen om tot een toegankelijke website te komen.
Het is duidelijk dat er op meerdere vlakken al is nagedacht over digitale toegankelijkheid. Er zijn echter nog een paar aandachtspunten waarvan de voornaamste zijn:
- Niet alle interactieve elementen (zoals knoppen) beschikken over een toegankelijkheidsnaam. Als die ontbreekt, leest hulpsoftware bijvoorbeeld alleen het woord "knop" voor. Daardoor weten bezoekers die hulpsoftware gebruiken niet wat het element doet. Ook ontbreekt bij sommige interactieve elementen de juiste rol.
- Er zijn situaties waarbij visuele relaties tussen content niet in de code zijn vastgelegd. Deze informatie wordt daardoor niet gecommuniceerd aan bezoekers die hulpsoftware gebruiken. Denk bijvoorbeeld aan visuele koppen en lijsten die in de code niet als koppen en lijsten zijn opgemaakt.
- Er ontbreken bij diverse informatieve afbeeldingen tekstuele alternatieven. Dit is belangrijk voor bezoekers die de pagina niet (goed) kunnen bekijken.
Het onderzoek richt zich specifiek op de toegankelijkheid van de website voor mensen met een functiebeperking, zoals mensen die blind, doof, laaggeletterd zijn of andere functieproblemen hebben. Voor hen is het van belang dat de website technisch en inhoudelijk zo is ingericht dat de site voor hen goed bruikbaar is. Een website optimaliseren voor toegankelijkheid heeft meer voordelen; het maakt de website beter bruikbaar voor iedereen (bijvoorbeeld ook voor mensen die op hun mobieltje kijken in een zonnige omgeving) en het maakt de site beter vindbaar in zoekmachines.
Scope van de evaluatie
| Naam website | Leerbanenmarkt |
|---|---|
| Scope van de website |
Binnen de scope van het onderzoek valt:
|
| Conformiteitsdoel | WCAG 2.1 niveau AA |
| Basisniveau van toegankelijkheid ondersteund | Gangbare browsers en hulpsoftware. |
Overzicht toetsresultaat
| Principe | Voldoende | Onvoldoende | Onbekend |
|---|---|---|---|
| 1 Waarneembaar | 7 | 13 | 0 |
| 2 Bedienbaar | 10 | 7 | 0 |
| 3 Begrijpelijk | 6 | 4 | 0 |
| 4 Robuust | 1 | 2 | 0 |
| Totaal | 24 | 26 | 0 |
Leeswijzer
Dit onderzoek is een momentopname. De website kan inmiddels veranderd zijn. De gevonden problemen zijn slechts voorbeelden. Ga daarom bij elk probleem de gehele website na of dit ook op andere plaatsen voorkomt. Dit onderzoek is slechts een steekproef van een aantal pagina's. Er zijn zo veel mogelijk verschillende type pagina's opgenomen in de sample om zo een goede indruk te krijgen van de toegankelijkheid. Let op! Bij het aanbrengen van verbeteringen of wijzigingen op de website/app kunnen nieuwe problemen ontstaan. Succescriteria gemarkeerd met "Niet aanwezig" worden automatisch goedgekeurd. Succescriteria gemarkeerd met "Onbekend" worden niet goedgekeurd.
Uitgebreide toetsresultaten
1. Waarneembaar
1.1 Tekstalternatieven
1.1.1 Niet-tekstuele content (Niveau A)
Alle niet-tekstuele content die aan de gebruiker wordt gepresenteerd, heeft een tekstalternatief dat een gelijkwaardig doel dient, behalve voor de hierna vermelde situaties.
- Bedieningselementen, invoer: Als niet-tekstuele content een bedieningselement is of gebruikersinvoer accepteert, dan heeft ze een naam die het doel ervan beschrijft. (We verwijzen naar succescriterium 4.1.2 voor aanvullende eisen over bedieningselementen en content die gebruikersinvoer accepteren.)
- Op tijd gebaseerde media: Als niet-tekstuele content op tijd gebaseerde media is, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content. (We verwijzen naar Richtlijn 1.2 voor aanvullende eisen ten aanzien van media.)
- Test: Als niet-tekstuele content een test of oefening is die, als ze door middel van tekst gepresenteerd wordt onjuist zou zijn, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
- Zintuiglijk: Als niet-tekstuele content primair is bedoeld om een specifieke zintuiglijke ervaring te creëren, dan leveren tekstalternatieven ten minste een beschrijving van de niet-tekstuele content.
- CAPTCHA: Als het doel van niet-tekstuele content is om te bevestigen dat content wordt gebruikt door een persoon in plaats van een computer, dan worden tekstalternatieven geleverd die het doel van de niet-tekstuele content identificeren en beschrijven. En er worden alternatieve vormen van CAPTCHA aangeboden gebruikmakend van uitvoermodes voor verschillende soorten van zintuiglijke perceptie om tegemoet te komen aan verschillende functiebeperkingen.
- Decoratie, opmaak, onzichtbaar: Als niet-tekstuele content puur decoratief is, slechts voor visuele opmaak wordt gebruikt, of niet aan gebruikers wordt gerepresenteerd, dan wordt het op zo'n manier geïmplementeerd dat het genegeerd kan worden door hulptechnologie.
Informatie over succescriterium 1.1.1 Niet-tekstuele content
Uitkomst: Onvoldoende
Bevindingen: Op elke pagina binnen de steekproef staat zowel bovenaan als onderaan een afbeelding van het logo van Leerbanen Markt. Deze afbeeldingen hebben momenteel geen tekstuele alternatieven. Een logo is altijd informatief en dient een beschrijvend tekstueel alternatief te hebben. Een mogelijke oplossing is om via het alt-attribuut een beschrijvende tekst, zoals "Leerbanen Markt", toe te voegen. Deze tekst fungeert dan ook als linkdoel. Deze situatie vormt ook een probleem onder succescriteria 2.4.4 en 4.1.2.
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" meerdere knoppen met iconen, zoals het kompas-icoontje, het naar beneden wijzende chevron-icoontje en het x-icoontje wanneer een postcode of plaats is ingevuld. Voor deze iconen ontbreken momenteel tekstuele alternatieven. Een mogelijke oplossing is beschrijvende tekstuele alternatieven toe te voegen middels een aria-label op het button-element, zoals "Zoek mijn locatie" voor het kompas-icoontje. Deze fungeren dan ook als toegankelijkheidsnaam. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Ook komt deze situatie voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij een vergelijkbare functionaliteit. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster met de tekst "Stap:" en de knoppen "1", "2" en "3". De voltooide stap wordt visueel gecommuniceerd met een vink-icoon. Voor deze iconen ontbreken momenteel tekstuele alternatieven. Ook staat binnen dit venster een knop met een x-icoon. Hier ontbreekt ook een tekstueel alternatief. Een mogelijke oplossing is beschrijvende tekstuele alternatieven toe te voegen middels een aria-label op het button-element, zoals "Stap 1: voltooid". Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Bovengenoemde functionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176. De functionaliteit verschijnt wanneer de knop met het zoek-icoon wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen staat, wanneer deze ingezoomd wordt bekeken (vanaf 175% bij een browservenster van 1280x1024px), een knop met een zoek-icoon. Er ontbreekt momenteel een tekstueel alternatief voor dit icoon. Een mogelijke oplossing is een beschrijvend tekstueel alternatief toe te voegen middels een aria-label op het button-element, zoals "Zoek jouw leerbaan". Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 en op pagina https://leerbanenmarkt.nl/over-ons.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat een visuele lijst met leerbanen. Per leerbaan zijn twee afbeeldingen aanwezig; een sfeerbeeld, en het logo van de leerbaan aanbieder (zoals McDonald's). Deze afbeeldingen hebben tekstuele alternatieven zoals "1e Medewerker fastservice" en "McDonald's Beverwijk logo". Deze informatie voegt inhoudelijk niets toe, omdat deze ook naast de afbeeldingen staat bij de leerbaan informatie. Ook zijn de tekstuele alternatieven niet altijd correct - er is maar één McDonald's logo, maar momenteel wordt er een onderscheid gemaakt met bijvoorbeeld "McDonald's Beverwijk logo", "McDonald's Hoogezand logo" en "McDonald's Amstelveen logo". Ook wanneer er een afbeelding staat met de tekst "Leerbanen Markt geen afbeelding" wordt alsnog de functietitel gebruikt als tekstueel alternatief, zoals "1e Medewerker fastservice". Ook zorgen deze tekstuele alternatieven ook voor dubbele informatie in de linkdoelen, wat onprettig is voor gebruikers van hulpsoftware. Een mogelijke oplossing is deze afbeeldingen als decoratief te markeren met lege alt-attributen (alt="") zodat deze afbeeldingen worden genegeerd door hulpsoftware en er geen dubbele informatie ontstaat. Bovengenoemde situatie komt ook voor binnen de interactieve kaart op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat een carrousel met diverse afbeeldingen. Deze afbeeldingen beschikken niet over tekstuele alternatieven. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=1 staat onderaan een paginering. Binnen deze paginering staan meerdere knoppen met chevron-iconen. Voor deze iconen ontbreken momenteel tekstuele alternatieven. Een mogelijke oplossing is beschrijvende tekstuele alternatieven toe te voegen middels een aria-label op het button-element, zoals "Ga 1 pagina terug". Deze fungeren dan ook als toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat boven de koptekst "Begeleider maatschappelijke zorg" een knop waarmee de leerbaan kan worden gedeeld, met een delen-icoontje. Voor dit icoon ontbreekt momenteel een tekstueel alternatief. Een mogelijke oplossing is een beschrijvend tekstueel alternatief toe te voegen middels een aria-label op het button-element, zoals "Leerbaan delen". Dit fungeert dan ook als toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan knoppen waarmee contactinformatie over de opleider kan worden weergegeven, zoals de knop met het telefoon-icoontje. Voor deze iconen ontbreken momenteel tekstuele alternatieven. Een mogelijke oplossing is beschrijvende tekstuele alternatieven toe te voegen middels een aria-label op het button-element, zoals "Telefoonnummer tonen". Deze fungeren dan ook als toegankelijkheidsnaam. Deze knoppen staan ook onderaan op dezelfde pagina, bij de opleiders onder de koptekst "Opleiders in de buurt". Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een kaart. Wanneer de toetsenbordfocus op het buitenste div-element staat, wordt de inhoud van de pop-up en de 'zoom in' en 'zoom out' knoppen voorgelezen als tekstueel alternatief, bijvoorbeeld "Video Schaay B.V. Dienstenstraat 9, 3161 GN Rhoon Route op Google Maps Close popup Zoom in Zoom out". Dit is geen beschrijvend tekstueel alternatief. Een mogelijke oplossing is de kaart als decoratief te markeren zodat hulpsoftware deze negeert, en elders op de pagina een "Route op Google Maps" knop aan te bieden (bijvoorbeeld bij het adres bij de contactinformatie van de opleider). Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780.
Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een kaart. Binnen deze kaart staat een knop met een icoon van een donkergroene cirkel. Er is geen tekstueel alternatief aanwezig voor dit icoon. Deze situatie vormt ook een probleem onder succescriterium 4.1.2. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780.
Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een kaart. Binnen deze kaart staat de knop "Route op Google Maps". Naast deze tekst staat een icoon dat communiceert dat deze link in een nieuw venster opent. Er is momenteel geen tekstueel alternatief aanwezig voor deze visuele informatie. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780.
Op pagina https://leerbanenmarkt.nl/over-ons staat naast de tekst "Over ons" een afbeelding van een slot met een sleutel. Het tekstuele alternatief van deze afbeelding is "image". Dit is geen beschrijvend tekstueel alternatief. Op deze pagina staan meerdere afbeeldingen, bijvoorbeeld naast de tekst "Beveiliging" en "Waarom verwerken wij persoonsgegevens?". De tekstuele alternatieven van deze afbeeldingen zijn "Beveiliging" en "Waarom verwerken wij persoonsgegevens?" (de teksten die ook naast de afbeeldingen staan). Deze tekstuele alternatieven omschrijven de afbeeldingen niet. Bovengenoemde afbeeldingen zouden kunnen worden beschouwd als decoratief. Een mogelijke oplossing is om de afbeeldingen als decoratief te markeren middels een leeg alt-attribuut (alt=""), zodat hulpsoftware deze afbeeldingen kan negeren. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen en op pagina https://leerbanenmarkt.nl/ontwikkelpaden-jouw-route-naar-nieuwe-kansen. Controleer de hele steekproef op bovenstaande bevinding.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Het tekstuele alternatief van de kaart bestaat uit de hele inhoud van de kaart, bijvoorbeeld "3 4 3 Marker Marker Zoom in Zoom out". Dit is geen beschrijvend tekstueel alternatief. Een voorbeeld van een beschrijvend tekstueel alternatief zou zijn "Interactieve kaart met informatie over leerbanen in de buurt".
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Binnen deze kaart staan diverse knoppen met een gebouw-icoontje. Het tekstuele alternatief is "Marker". Dit is geen beschrijvend tekstueel alternatief. Deze situatie vormt ook een probleem onder succescriterium 2.4.6. Een mogelijke oplossing is om een toegankelijk alternatief te bieden voor de interactieve kaart. Dit kan bijvoorbeeld door gebruikers de mogelijkheid te geven om een gebied in te vullen en vervolgens een lijstweergave van de beschikbare leerbanen in dat gebied te tonen.
Op pagina https://leerbanenmarkt.nl/help-informatiepagina staat een afbeelding van een voorbeeld CV. Vanuit de begeleidende tekst wordt verwezen naar de cijfers binnen deze afbeelding. Veel informatie is in tekstuele vorm aanwezig in deze begeleidende tekst, maar dit geldt niet voor alle visuele informatie uit de afbeelding. Zo mist hier de informatie dat er een foto en geboortedatum op het voorbeeld CV staat, en kan er meer informatie gegeven worden over de opbouw van het CV. Daarnaast heeft het voorbeeld CV momenteel het tekstuele alternatief "Toelichting bij de nummers uit het voorbeeld cv:". Dit is geen correcte beschrijving van de inhoud van de afbeelding. Een mogelijke oplossing is dit tekstuele alternatief aan te passen naar bijvoorbeeld "Voorbeeld CV".
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer dit formulier wordt verstuurd middels de "Sollicitatie versturen" knop, wordt de tekst "Sollicitatie versturen" vervangen door een laadicoon. Er is momenteel geen tekstueel alternatief voor deze visuele informatie. Een mogelijke oplossing is een tekstueel alternatief toe te voegen zoals "Aan het laden..." (en deze op te maken als statusbericht). Deze situatie vormt ook een probleem onder succescriteria 4.1.2 en 4.1.3. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan cirkels met de letter 'i' naast de teksten "Reiskostenvergoeding", "Onkostenvergoeding" en "Met uitzicht op een vaste baan". Deze iconen fungeren als tooltips met aanvullende informatie. Er zijn geen tekstuele alternatieven aanwezig voor deze visuele informatie. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
1.2 Op tijd gebaseerde media
1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen) (Niveau A)
Voor media met vooraf opgenomen louter-geluid en vooraf opgenomen louter-videobeeld is het volgende waar, behalve als de audio of video een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld:
- Vooraf opgenomen louter-geluid: Er wordt een alternatief geleverd voor op tijd gebaseerde media dat equivalente informatie geeft voor vooraf opgenomen louter-geluid content.
- Vooraf opgenomen louter-videobeeld: Er wordt een alternatief geleverd voor op tijd gebaseerde media of een geluidsspoor dat equivalente informatie geeft voor vooraf opgenomen louter-videobeeld content.
Informatie over succescriterium 1.2.1 Louter-geluid en louter-videobeeld (vooraf opgenomen)
Uitkomst: Niet aanwezig
1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle vooraf opgenomen audiocontent in gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een video met de titel [lang lang="en"]"On the road with Schaay-AV"[/lang]. Deze video bevat momenteel alleen automatisch gegenereerde Thaise ondertiteling, die onjuist en niet relevant is, omdat de taal niet overeenkomt en er alleen achtergrondmuziek te horen is. Een mogelijke oplossing is om de foutieve ondertiteling te vervangen door een duidelijke ondertitel die aangeeft dat er alleen achtergrondmuziek te horen is, bijvoorbeeld "[Vrolijke instrumentale muziek]".
1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)
Er wordt een alternatief geleverd voor op tijd gebaseerde media of audiodescriptie van de vooraf opgenomen videocontent geleverd voor gesynchroniseerde media, behalve als het mediabestand een media-alternatief voor tekst is en duidelijk als zodanig is gelabeld.
Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een video met visuele informatie, met de titel [lang lang="en"]"On the road with Schaay-AV"[/lang]. Niet al deze informatie is beschikbaar voor bezoekers die de video niet (goed) kunnen zien. Het gaat hier bijvoorbeeld om het Schaay logo aan het begin van de video, de tekst "Op pad met Schaay-AV" op minuut 0:09 en de tekst "Zowel verhuur als verkoop" op minuut 0:30. Een mogelijke oplossing is om deze informatie op te nemen in het audiospoor van de video, of een apart audiospoor toe te voegen waarin verteld wordt wat er in beeld te zien is (audiodescriptie). Ook mag voor dit succescriterium een transcript worden aangeboden waar deze en alle andere belangrijke informatie uit de video in wordt beschreven.
1.2.4 Ondertitels voor doven en slechthorenden (live) (Niveau AA)
Er worden ondertitels voor doven en slechthorenden geleverd voor alle live audiocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.4 Ondertitels voor doven en slechthorenden (live)
Uitkomst: Niet aanwezig
1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)
Er wordt een audiodescriptie geleverd voor alle vooraf opgenomen videocontent in gesynchroniseerde media.
Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een video met visuele informatie, met de titel [lang lang="en"]"On the road with Schaay-AV"[/lang]. Niet al deze informatie is beschikbaar voor bezoekers die de video niet (goed) kunnen zien. Het gaat hier bijvoorbeeld om het Schaay logo aan het begin van de video, de tekst "Op pad met Schaay-AV" op minuut 0:09 en de tekst "Zowel verhuur als verkoop" op minuut 0:30. Een mogelijke oplossing is om deze informatie op te nemen in het audiospoor van de video, of een apart audiospoor toe te voegen waarin verteld wordt wat er in beeld te zien is (audiodescriptie).
1.3 Aanpasbaar
1.3.1 Info en relaties (Niveau A)
Informatie, structuur en relaties overgebracht door presentatie kunnen door software bepaald worden of zijn beschikbaar in tekst.
Informatie over succescriterium 1.3.1 Info en relaties
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staan links met de linkdoelen "Leerbanen in de buurt", "Sectoren met veel leerbanen" en "Ontdek ontwikkelpaden". Binnen deze a-elementen staan knoppen met dezelfde tekst en functie. Dit is ongeldige HTML. Hulpsoftware presenteert deze elementen mogelijk op een verwarrende manier. Bovendien voegt deze opmaak momenteel inhoudelijk niets toe en veroorzaakt het dubbele informatie. Een mogelijke oplossing is de knoppen te verwijderen, de links te behouden (met de 'card' titels als linkteksten) en de rest van de card klikbaar te maken met Javascript. Deze situatie komt ook voor bij de links onder de koptekst "Werken en leren combineren? Bekijk onze tips!" op dezelfde pagina.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster met de tekst "Stap:" en de knoppen "1", "2" en "3". De huidige stap wordt visueel gecommuniceerd met een witte cirkel. Deze informatie is niet programmatisch te bepalen. Een mogelijke oplossing is aria-current="step" toe te voegen aan de huidige stap.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat een visuele lijst met leerbanen. Deze visuele (ongeordende) lijst is in de code niet als dusdanig opgemaakt. Een mogelijke oplossing is gebruik te maken van een ul-element en li-elementen.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat onderaan een paginering met de knoppen "1", "2", "3" en zo verder. Deze knoppen hebben kenmerken van een ongeordende lijst, maar dit is niet programmatisch te bepalen. Een mogelijke oplossing is een nav-element te gebruiken, met hierin een ul-element en li-elementen.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat een paginering met de knoppen "1", "2", "3" en zo verder. De huidige pagina wordt visueel gecommuniceerd met een donkergroene cirkel en een wit cijfer. Deze informatie is niet programmatisch te bepalen. Een mogelijke oplossing is aria-current="page" toe te voegen aan het huidige paginanummer.
Op pagina https://leerbanenmarkt.nl/over-ons staat de tekst "Inleiding". Deze tekst fungeert als koptekst, maar is opgemaakt met een strong-element. Dit brengt niet de juiste semantische betekenis over aan bezoekers die hulpsoftware gebruiken. Een mogelijke oplossing is een h2-element te gebruiken voor deze tekst. Vergelijkbare situaties komen op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/ontwikkelpaden-jouw-route-naar-nieuwe-kansen bij diverse vergelijkbare teksten en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 bij de visuele kopteksten "Inizo Stompwijk B.V.", "Adres:', "Telefoonnummer:", "E-mail:", "Website:" en "Contact persoon:". Controleer de hele steekproef op bovenstaande bevinding.
Op pagina https://leerbanenmarkt.nl/wat-is-een-leerbaan staat de tekst "Inspiratie nodig? Klik dan hier en lees meer over ervaringen van andere bij zij-instromers in de bouw ". Deze tekst is opgemaakt met een em-element. Het em-element is niet bedoeld voor het creëren van een visuele weergave van tekst, zoals hier wel het geval lijkt te zijn. Het em-element is bedoeld om de klemtoon op een woord (of in enkele gevallen twee of drie woorden) te leggen in een zin. Een mogelijke oplossing is gebruik te maken van CSS voor de visuele opmaak. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/help-informatiepagina.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan onder de kopteksten "Wie zoeken wij?" en "Wat bieden wij?" visuele ongeordende lijsten. Deze zijn in de code niet als dusdanig opgemaakt. Momenteel is in beide gevallen één div-element gebruikt. Een mogelijke oplossing is gebruik te maken van een ul-element en li-elementen. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 en op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan onder de koptekst "Opleiders in de buurt" diverse 'cards' met informatie over opleiders, zoals de bedrijfsnaam (bijvoorbeeld "MBOzaak") en standplaats (bijvoorbeeld "MBOzaak Zoetermeer"). Deze zien er visueel uit als kopteksten, maar zijn in de code niet als dusdanig opgemaakt. Een mogelijke oplossing is een h3-element te gebruiken voor de bedrijfsnaam, en een h2-element te gebruiken voor de standplaats.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Er kan informatie getoond worden over specifieke leerbanen middels de knoppen met cijfers of gebouw-icoontjes. Wanneer zo'n knop wordt geactiveerd, verschijnt er een venster met informatie. Binnen dit venster staat de functietitel, zoals "Monteur werktuigkundige installaties". Deze ziet er visueel uit als koptekst, maar is in de code niet als dusdanig opgemaakt.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer er in de invoervelden geen, of foutieve, waarden worden ingevuld, verschijnen er foutmeldingen. Deze foutmeldingen zijn niet gekoppeld aan de invoervelden in de code. Als foutmeldingen niet gekoppeld zijn aan de bijbehorende invoervelden, kan hulpsoftware deze relatie niet herkennen. Hierdoor krijgen bezoekers die hulpsoftware gebruiken geen duidelijke aanwijzing bij welk veld de fout hoort, wat het lastig maakt om de fout te vinden en te herstellen. Ook instructies moeten aan het invoerveld worden gekoppeld. Zo staat er onder het invoerveld "Bericht of motivatie" een tekenteller met de tekst "[aantal tekens]/1000" en staat de tekst "pdf, docx of txt (Max. 5Mb)" bij de "Bestand toevoegen" functionaliteit. Een mogelijke oplossing is om deze foutmeldingen en instructies aan de invoervelden te koppelen met gebruik van aria-describedby. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/sollicitatie-verzonden?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621&selectedType=1 staan de kopteksten "Wat zijn de vervolgstappen?" en "1. Beoordeling en selectie". Deze kopteksten volgen elkaar direct op en zijn beide opgemaakt met h2-elementen. Dit maakt van de koptekst "Wat zijn de vervolgstappen?" een kop zonder content. Een mogelijke oplossing is voor de kopteksten "1. Beoordeling en selectie", "2. Gesprekken" en "3. Arbeidsvoorwaarden en aanbod" h3-elementen te gebruiken.
Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan onder de koptekst "Jouw werkzaamheden?" meerdere 'cards' met werkzaamheden. Deze 'cards' zijn opgemaakt met detail- en summary-elementen. Momenteel wordt er bij elk summary-element gebruik gemaakt van een aria-label. Deze aria-labels zijn overbodig, omdat ze de tekst bevatten die ook als zichtbare tekst aanwezig is, zoals "Bieden van ondersteunende, activerende begeleiding en zorg". Het advies is de aria-labels te verwijderen. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 en op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621.
1.3.2 Betekenisvolle volgorde (Niveau A)
Als de volgorde waarin content wordt gepresenteerd van invloed is op zijn betekenis, kan een correcte leesvolgorde door software bepaald worden.
Informatie over succescriterium 1.3.2 Betekenisvolle volgorde
Uitkomst: Voldoende
1.3.3 Zintuiglijke eigenschappen (Niveau A)
Instructies die geleverd worden om content te begrijpen en te bedienen zijn niet alleen afhankelijk van zintuiglijke eigenschappen van componenten zoals vorm, kleur, omvang, visuele locatie, oriëntatie of geluid.
Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/over-ons staat de knop "Cookie instellingen bekijken". Wanneer deze knop wordt geactiveerd, verschijnt een dialoogvenster waar cookie instellingen kunnen worden bekeken en aangepast. Binnen dit dialoogvenster staat de tekst "Hieronder kunt u aangeven welke andere soorten cookies u wilt accepteren.". Echter, de content die direct onder deze tekst volgt zijn niet de visuele switches waarmee andere soorten cookies geaccepteerd of geweigerd kunnen worden, maar de knoppen "Alles accepteren" en "Wat zijn cookies?". Een mogelijke oplossing is de tekst aan te passen naar "Onder de koptekst "Uw cookie instellingen" kunt u aangeven welke andere soorten cookies u wilt accepteren.".
Op pagina https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen staat de tekst "Als je een beroep hebt gevonden, klik dan op de zoeken knop rechtsboven om te zien welke leerbanen er beschikbaar zijn.". Ook staat op deze pagina diverse keren de tekst "Interesse in een beroep? Klik rechtsboven op 'Zoeken'.". De knop waarnaar verwezen wordt is echter geen "Zoeken" knop, maar een "Zoek een leerbaan" knop. Een mogelijke oplossing is deze teksten aan te passen naar "Als je een beroep hebt gevonden, klik dan op de "Zoek een leerbaan" knop rechtsboven om te zien welke leerbanen er beschikbaar zijn." en "Interesse in een beroep? Klik rechtsboven op 'Zoek een leerbaan'.".
Op pagina https://leerbanenmarkt.nl/ontwikkelpaden-jouw-route-naar-nieuwe-kansen staat diverse keren de tekst "Als je een functie hebt gevonden in het Ontwikkelpad of op het leeroverzicht, vul deze dan in wanneer je via de onderstaande knop een leerbaan zoekt om op te solliciteren.". De 'knop' waarnaar verwezen wordt staat echter niet direct onder deze verwijzing; ook is het in de code geen knop, maar een link. Een mogelijke oplossing is de tekst aan te passen naar "Als je een functie hebt gevonden in het Ontwikkelpad of op het leeroverzicht, vul deze dan in wanneer je via de "Vind jouw leerbaan of leerbedrijf" link een leerbaan zoekt om op te solliciteren.".
1.3.4 Weergavestand (Niveau AA)
De content beperkt de weergave en bediening niet tot een enkele presentatie-oriëntatie, zoals staand of liggend, tenzij een specifieke presentatie-oriëntatie essentieel is.
Informatie over succescriterium 1.3.4 Weergavestand
Uitkomst: Voldoende
1.3.5 Identificeer het doel van de input (Niveau AA)
Het doel van elk invoerveld waarmee informatie van de gebruiker wordt verzameld, kan door software bepaald worden wanneer:
- Het invoerveld een doel dient dat is geïdentificeerd in de paragraaf Inputdoelen voor Componenten van de Gebruikersinterface; en
- De content wordt geïmplementeerd met behulp van technologieën die ondersteuning bieden bij het identificeren van de verwachte betekenis van formulier-invoergegevens.
Informatie over succescriterium 1.3.5 Identificeer het doel van de input
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Op deze pagina staan meerdere invoervelden waar geen autocomplete-attribuut is toegevoegd waar dit wel nodig is, zoals "Naam" en "E-mailadres". Het gebruik van een autocomplete-attribuut (waar mogelijk) is nodig zodat hulpsoftware het formulier gedeeltelijk automatisch kan invullen of zodat pictogrammen kunnen worden weergegeven om te helpen bij het invullen van het formulier. Dit is met name handig voor mensen met cognitieve of motorische beperkingen. Zie https://www.w3.org/Translations/WCAG22-nl/#input-purposes voor meer informatie. Deze situatie komt ook voor bij het contactformulier op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
1.4 Onderscheidbaar
1.4.1 Gebruik van kleur (Niveau A)
Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden.
Informatie over succescriterium 1.4.1 Gebruik van kleur
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" meerdere knoppen, zoals de uitklapbare "Leerbaan" knop. Wanneer de toetsenbordfocus op deze knop staat, verandert de achtergrondkleur van de knop van wit naar lichtgroen. De gemeten contrastverhouding tussen de lichtgroene achtergrond (bij toetsenbordfocus) en de witte achtergrond (zonder toetsenbordfocus) is 1,2:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn ten opzichte van elkaar. Op deze manier is de informatie welk element de toetsenbordfocus heeft afhankelijk van het gebruik van kleur. Een mogelijke oplossing is de standaard focusindicator van de browser te gebruiken zoals is gedaan bij de meeste elementen op deze pagina. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=4 staan de uitklapbare knoppen "Startdatum", "Sorteren" en "Lijst". Wanneer de toetsenbordfocus op deze knoppen staat, verandert de achtergrondkleur van de knop van wit naar lichtgroen. De gemeten contrastverhouding tussen de lichtgroene achtergrond (bij toetsenbordfocus) en de witte achtergrond (zonder toetsenbordfocus) is minder dan 1,1:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn ten opzichte van elkaar. Op deze manier is de informatie welk element de toetsenbordfocus heeft afhankelijk van het gebruik van kleur. Een mogelijke oplossing is de standaard focusindicator van de browser te gebruiken zoals is gedaan bij de meeste elementen op deze pagina. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij de uitklapbare knoppen "Startdatum" en "Waar wil je zoeken?".
Op https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een knop met een kompas-icoontje. Wanneer deze knop wordt geactiveerd en vervolgens de "Waar wil je zoeken?" knop wordt geactiveerd, veranderen de iconen en de achtergrondkleur (wanneer de locatie niet kan worden gevonden) naar rood. Wanneer de toetsenbordfocus op de knop met het kompas-icoontje staat, verandert de achtergrondkleur van de knop van rood naar lichtgroen. De gemeten contrastverhouding tussen de lichtgroene achtergrond (bij toetsenbordfocus) en de rode achtergrond (zonder toetsenbordfocus) is minder dan 1,1:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn ten opzichte van elkaar. Op deze manier is de informatie welk element de toetsenbordfocus heeft afhankelijk van het gebruik van kleur.
1.4.2 Geluidsbediening (Niveau A)
Als een geluidsweergave op een webpagina automatisch meer dan 3 seconden speelt, is er of een mechanisme beschikbaar om de geluidsweergave te pauzeren of te stoppen, of er is een mechanisme beschikbaar om het geluidsvolume onafhankelijk van het overall systeemvolume te regelen.
Informatie over succescriterium 1.4.2 Geluidsbediening
Uitkomst: Niet aanwezig
1.4.3 Contrast (minimum) (Niveau AA)
De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen:
- Grote tekst: Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1;
- Incidenteel: Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface, die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis.
- Woordmerken: Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.
Informatie over succescriterium 1.4.3 Contrast (minimum)
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" meerdere knoppen, zoals de uitklapbare knoppen "Wat voor leerbaan zoek je?" en "Waar wil je zoeken?". Wanneer deze knoppen worden geactiveerd, verschijnen de lichtgroene/lichtblauwe teksten "Zoek leerbaan" en "Zoek plaats of postcode". De gemeten contrastverhouding tussen de lichtgroene/lichtblauwe tekst en de witte achtergrond is 1,8:1. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Ook komt deze situatie voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij een vergelijkbare functionaliteit.
Op pagina https://leerbanenmarkt.nl/ staat onder de koptekst "Je nieuwe functie in 3 stappen" de uitklapbare knop "Waar wil je zoeken?" en een knop met een kompas-icoontje. Wanneer de knop met het kompas-icoontje wordt geactiveerd en de locatie niet kan worden gevonden, verschijnen de rode teksten "Zoek plaats of postcode" en "We kunnen je ... plaatsnaam of postcode". De gemeten contrastverhouding tussen de tekst "Zoek plaats of postcode" en de lichtrode achtergrond is 3,2:1. De gemeten contrastverhouding tussen de tekst "We kunnen je ... plaatsnaam of postcode" en de witte achtergrond is 4,0:1. Dit is beide onvoldoende en moet tenminste 4,5:1 zijn. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Ook komt deze situatie voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij een vergelijkbare functionaliteit.
Op pagina https://leerbanenmarkt.nl/help-informatiepagina staat een afbeelding van een voorbeeld CV. Op deze afbeelding staan cijfers waarnaar verwezen wordt vanuit de tekst op de pagina. De gemeten contrastverhouding tussen de witte cijfers en de rode achtergrond is 3,7:1. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Op pagina https://leerbanenmarkt.nl/404 staat de tekst "Oeps, deze pagina ... verder te zoeken.". De gemeten contrastverhouding tussen delen van deze tekst (zoals "heeft bestaan") en de lichtgroene achtergrond is gemiddeld 3,0:1. Dit is onvoldoende en moet tenminste 4,5:1 zijn.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Binnen dit formulier staan de placeholder teksten "Denk bijvoorbeeld aan je LinkedIN-profiel, persoonlijke video of website" en "Vertel waarom deze leerbaan bij je past". De gemeten contrastverhouding tussen deze grijze teksten en de witte achtergrond is 2,5:1. Dit is onvoldoende en moet tenminste 4,5:1 zijn. Let op: deze placeholder teksten vormen ook een probleem onder succescriterium 3.3.2. Zie succescriterium 3.3.2 voor advies.
1.4.4 Herschalen van tekst (Niveau AA)
Behalve voor ondertitels voor doven en slechthorenden en afbeeldingen van tekst, kan tekst zonder hulptechnologie tot 200% geschaald worden zonder verlies van content of functionaliteit.
Informatie over succescriterium 1.4.4 Herschalen van tekst
Uitkomst: Onvoldoende
Bevindingen: Dit succescriterium heeft als doel dat content bruikbaar en leesbaar blijft bij vergroting tot 200%, zonder verlies van informatie of functionaliteit. Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 200%, mag er geen content verloren gaan en mag horizontaal scrollen niet nodig zijn om de inhoud te kunnen lezen. Dit is belangrijk voor mensen met een visuele beperking die het beeld vergroten om informatie beter te kunnen zien.
Zoomen is uitgeschakeld in de code door middel van 'maximum-scale=1.0' en 'user-scalable=0' in het meta-element. Dit veroorzaakt problemen op mobiel. Verwijder deze restricties.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend menu. Wanneer bovengenoemde instellingen worden aangehouden, valt de link "Voor partners" buiten beeld. Verticaal scrollen is niet mogelijk binnen dit menu.
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat de tekst "De hoogte van de stagevergoeding bedraagt € 400,- bruto per maand voor een stage van gem. 36 uur.". Wanneer bovengenoemde instellingen worden aangehouden, is alleen de tekst "De hoogte van de stagevergoeding bedraagt € 400,- bruto per maand voor een stage va" nog leesbaar. Deze situatie vormt ook een probleem onder succescriterium 1.4.10 maar is daar niet nogmaals benoemd.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan knoppen waarmee contactinformatie over de opleider kan worden weergegeven, zoals de knop met het telefoon-icoontje waarmee het telefoonnummer van de opleider kan worden getoond. Wanneer bovengenoemde instellingen worden aangehouden, kan die informatie worden bereikt via een "Over ons" knop. Wanneer deze knop wordt geactiveerd, verschijnt de contactinformatie van de opleider in beeld. De knop "Heb je een vraag?" valt echter gedeeltelijk buiten beeld. Deze situatie vormt ook een probleem onder succescriterium 1.4.10 maar is daar niet nogmaals benoemd. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 en op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/over-ons staat de knop "Cookie instellingen bekijken". Wanneer deze knop wordt geactiveerd, opent er een venster. Binnen dit venster staat de koptekst "Cookie instellingen aanpassen". Wanneer bovengenoemde instellingen worden aangehouden, valt deze tekst buiten beeld. Verticaal scrollen is niet mogelijk binnen dit venster.
Op pagina https://leerbanenmarkt.nl/help-informatiepagina staat een afbeelding van een voorbeeld CV. Wanneer bovengenoemde instellingen worden aangehouden, is deze afbeelding niet volledig meer zichtbaar. Deze situatie vormt ook een probleem onder succescriterium 1.4.10, maar is daar niet nogmaals benoemd.
1.4.5 Afbeeldingen van tekst (Niveau AA)
Als de gebruikte technologieën de visuele weergave tot stand kunnen brengen, wordt tekst gebruikt in plaats van afbeeldingen van tekst om informatie over te brengen, behalve in de volgende gevallen:
- Aanpasbaar: De afbeelding van tekst kan visueel aangepast worden aan de eisen van de gebruiker;
- Essentieel: Een specifieke weergave van tekst is essentieel voor de informatie die wordt overgebracht.
Informatie over succescriterium 1.4.5 Afbeeldingen van tekst
Uitkomst: Voldoende
1.4.10 Reflow (Niveau AA)
Content kan zonder verlies van informatie of functionaliteit en zonder te moeten scrollen in twee dimensies, worden weergegeven voor:
- Verticaal scrollbare content met een breedte gelijkwaardig aan 320 CSS-pixels;
- Horizontaal scrollbare content met een hoogte gelijkwaardig aan 256 CSS-pixels.
Met uitzondering van delen van de content die voor het gebruik of de betekenis een tweedimensionale lay-out vereisen.
Informatie over succescriterium 1.4.10 Reflow
Uitkomst: Onvoldoende
Bevindingen: Dit succescriterium heeft als doel dat content bruikbaar en leesbaar blijft bij vergroting tot 400%, zonder verlies van informatie of functionaliteit. Wanneer de website wordt bekeken bij een resolutie van 1280×1024 en wordt ingezoomd tot 400% (wat vergelijkbaar is met een schermbreedte van 320 pixels), mag er geen content verloren gaan en mag horizontaal scrollen niet nodig zijn om de inhoud te kunnen lezen. Dit is belangrijk voor mensen met een visuele beperking die het beeld vergroten om informatie beter te kunnen zien.
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend menu. Wanneer bovengenoemde instellingen worden aangehouden, vallen de links "Financieel", "Handige links" en "Voor partners" buiten beeld. Verticaal scrollen is niet mogelijk binnen dit menu.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat onderaan de pagina de tekst "Copyright 2025 Leerbanenmarkt.nl Powered by SBB". Wanneer bovengenoemde instellingen worden aangehouden, is alleen de tekst "yright 2025 Leerbanenmarkt.nl Powered by S" nog leesbaar.
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/ staan onder de kopteksten "Ontdek jouw kansen voor de toekomst!" en "Werken en leren combineren? Bekijk onze tips!" diverse 'cards' met content. Wanneer bovengenoemde instellingen worden aangehouden, valt bepaalde content binnen deze 'cards' gedeeltelijk buiten beeld (in Chrome) of vallen hier teksten over elkaar heen (in Firefox). Bij de tekst "Op de arbeidsmarkt ... je kansen liggen." valt het woord "sectoren" bijvoorbeeld gedeeltelijk buiten beeld. Het is belangrijk dat de content volledig leesbaar is van de 'card' die op dat moment in beeld is. Vergelijkbare situaties komen op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons en op pagina https://leerbanenmarkt.nl/wat-is-een-leerbaan. Controleer de hele steekproef op bovenstaande bevinding.
Op pagina https://leerbanenmarkt.nl/over-ons staat de knop "Cookie instellingen bekijken". Wanneer deze knop wordt geactiveerd, opent er een venster. Wanneer bovengenoemde instellingen worden aangehouden, valt een groot gedeelte van de content binnen dit venster buiten beeld, zo ook de visuele switches waarmee specifieke cookies kunnen worden geaccepteerd of afgewezen. Verticaal scrollen is niet mogelijk binnen dit venster.
Op pagina https://leerbanenmarkt.nl/over-ons staat een tabel met informatie over cookies. Wanneer bovengenoemde instellingen worden aangehouden, valt een groot gedeelte van deze tabel buiten beeld. Een mogelijke oplossing is een horizontale scrollbar binnen het tabel aan te bieden, zodat alle content in beeld kan worden gescrold.
Op pagina https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen staat de tekst "(Eerste) monteur middenspanningsdistributie". Wanneer bovengenoemde instellingen worden aangehouden, is alleen de tekst "(Eerste) monteur middenspanningsdistrib" nog leesbaar.
Op pagina https://leerbanenmarkt.nl/help-informatiepagina vallen, wanneer bovengenoemde instellingen worden aangehouden, diverse teksten gedeeltelijk buiten beeld. Zo is van de tekst "Onderwijsinstellingen zoals" alleen "Onderwijsinstellingen zo" leesbaar, is van de tekst "kijken naar je ontwikkelingsmogelijkheden." alleen de tekst "kijken naar je ontwikkelingsmogelijkhe" leesbaar en is van de tekst "Krijg ik reiskostenvergoeding bij werken en leren?" alleen "Krijg ik reiskostenvergoe bij werken en leren?" leesbaar.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Binnen dit formulier staat de placeholder tekst "Denk bijvoorbeeld aan je LinkedIN-profiel, persoonlijke video of website". Wanneer bovengenoemde instellingen worden aangehouden, is alleen de tekst "Denk bijvoorbeeld aan je LinkedI" nog leesbaar.
1.4.11 Contrast van niet-tekstuele content (Niveau AA)
De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:
- Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
- Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.
Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" meerdere knoppen met iconen, zoals een naar beneden wijzend chevron-icoontje en een kompas-icoontje. Wanneer de toetsenbordfocus op deze knoppen staat, wordt dit gecommuniceerd met een lichtgroene rand en een lichtgroene achtergrond. De gemeten contrastwaarde tussen de lichtgroene rand en de witte achtergrond is 1,8:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Deze situatie komt diverse keren voor binnen deze zoekfunctionaliteit, zoals bij de elementen die verschijnen wanneer de uitklapbare knoppen "Leerbaan" en "Wat voor leerbaan zoek je?" worden geactiveerd. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Bovengenoemde situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij de uitklapbare knop "Waar wil je zoeken?".
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat een carrousel met diverse afbeeldingen. Er kan worden gewisseld tussen de afbeeldingen middels de chevron- en bolletjes knoppen. Wanneer de toetsenbordfocus op deze knoppen staat, wordt dit gecommuniceerd met een lichtblauwe rand. De gemeten contrastwaarde tussen de lichtblauwe rand en de witte achtergrond is 2,2:1. De gemeten contrastwaarde tussen de lichtblauwe rand en de afbeeldingen is gemiddeld 1,9:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn. De bolletjes-knoppen staan nogmaals onderaan de pagina onder de koptekst "Opleiders in de buurt". Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717. Controleer de hele steekproef op bovenstaande situatie.
Op https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een knop met een kompas-icoontje. Wanneer deze knop wordt geactiveerd en vervolgens de "Waar wil je zoeken?" knop wordt geactiveerd, veranderen de iconen en de achtergrondkleur (wanneer de locatie niet kan worden gevonden) naar rood. Wanneer de toetsenbordfocus op de knop met het chevron-icoontje staat, wordt dit gecommuniceerd met een lichtgroene achtergrond en een lichtgroene rand. De gemeten contrastverhouding tussen de lichtgroene rand en de rode achtergrond is 1,5:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn.
Op pagina https://leerbanenmarkt.nl/over-ons staat de knop "Cookie instellingen bekijken". Wanneer deze knop wordt geactiveerd, opent er een venster. Binnen dit venster staan diverse visuele switches. Wanneer een switch niet is geactiveerd, is het bolletje wit en de achtergrond lichtgrijs. De gemeten contrastverhouding tussen de lichtgrijze achtergrond en het witte bolletje, en ten opzichte van de achtergrond van het venster, is 1,6:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. De gemeten contrastverhouding tussen de grijze randen van de invoervelden en de witte achtergrond is 1,2:1. Dit is onvoldoende en moet tenminste 3,0:1 zijn. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
1.4.12 Tekstafstand (Niveau AA)
Bij content die wordt geïmplementeerd met opmaaktalen die de volgende stijleigenschappen voor tekst ondersteunen, is er geen sprake van verlies van content of functionaliteit door het instellen van alle volgende, en door het niet wijzigen van andere stijleigenschappen:
- Regelhoogte (regelafstand) naar minstens 1,5 keer de lettergrootte;
- Afstand tussen alinea's naar minstens 2 keer de lettergrootte;
- Letterafstand (spatieren van letters) naar minstens 0,12 keer de lettergrootte;
- Spatieren van woorden naar minstens 0,16 keer de lettergrootte.
Uitzondering: Menselijke talen en scripts die geen gebruik maken van een of meer van deze stijleigenschappen voor tekst in schriftelijke tekst, kunnen voldoen aan de eisen door alleen gebruik te maken van de eigenschappen die bestaan voor de betreffende combinatie van taal en script.
Informatie over succescriterium 1.4.12 Tekstafstand
Uitkomst: Onvoldoende
Bevindingen: De stijlkenmerken zoals in dit succescriterium zijn beschreven bij een resolutie van 1280x1024 pixels, zijn van belang voor gebruikers met dyslexie. Zij kunnen hiermee de tekst beter lezen. Het toepassen van deze stijlkenmerken mag echter niet leiden tot verlies van content of functionaliteit. De website voldoet niet aan dit succescriterium, doordat bepaalde content niet (volledig) zichtbaar is na het instellen van deze stijleigenschappen.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat de uitklapbare knop "Sorteren". Wanneer bovengenoemde stijleigenschappen worden toegepast is alleen de tekst "Sorter..." nog leesbaar.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Binnen dit formulier staat de placeholder tekst "Denk bijvoorbeeld aan je LinkedIN-profiel, persoonlijke video of website". Wanneer bovengenoemde stijleigenschappen worden toegepast is alleen de tekst "Denk bijvoorbeeld aan je LinkedIN-profiel, persoonlijke video of web" nog leesbaar.
1.4.13 Content bij hover of focus (Niveau AA)
Wanneer aanvullende content zichtbaar wordt en daarna weer verborgen, door het gebruik van hover met de aanwijzer of focus met het toetsenbord, gelden de volgende zaken:
- Sluiten: Er is een mechanisme beschikbaar waarmee de aanvullende content kan worden gesloten zonder de aanwijzer hover of de toetsenbordfocus te verplaatsen, tenzij de aanvullende content een invoerfout communiceert of andere content niet verbergt of vervangt;
- Aanwijsbaar: Wanneer een aanwijzer hover aanvullende content kan activeren, dan kan de aanwijzer over de aanvullende content worden bewogen zonder dat deze verdwijnt;
- Aanhouden: De aanvullende content blijft zichtbaar totdat de oorzaak voor de hover of focus is verwijderd, de gebruiker de content sluit of de informatie niet langer geldig is.
Uitzondering: De visuele weergave van de aanvullende content wordt beheerd door de user agent en wordt niet aangepast door de auteur.
Informatie over succescriterium 1.4.13 Content bij hover of focus
Uitkomst: Niet aanwezig
2. Bedienbaar
2.1 Toetsenbordtoegankelijk
2.1.1 Toetsenbord (Niveau A)
Alle functionaliteit van de content is bedienbaar via een toetsenbordinterface zonder dat afzonderlijke toetsaanslagen aan tijd gebonden zijn, behalve als de onderliggende functie een invoer vereist die afhangt van het pad dat de gebruiker aflegt en niet alleen van de eindpunten.
Informatie over succescriterium 2.1.1 Toetsenbord
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat de knop "Waar wil je zoeken?". Wanneer hiermee op een postcode of plaats wordt gezocht, verschijnt er een kaart. In deze kaart staan meerdere genummerde knoppen die wel toetsenbordfocus ontvangen, maar niet met het toetsenbord bediend kunnen worden. Ook staan er binnen de kaart knoppen met gebouw-icoontjes. Deze kunnen helemaal niet worden bereikt met het toetsenbord. Een mogelijke oplossing is om een toegankelijk alternatief te bieden voor de interactieve kaart. Dit kan bijvoorbeeld door gebruikers de mogelijkheid te geven om een gebied in te vullen en vervolgens een lijstweergave van de beschikbare leerbanen in dat gebied te tonen.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. De visuele knop (in de code een label-element) "Bestanden toevoegen" kan niet worden bediend met een toetsenbord. Deze situatie vormt ook een probleem onder succescriterium 4.1.2.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan tooltips met aanvullende informatie naast de teksten "Reiskostenvergoeding", "Onkostenvergoeding" en "Met uitzicht op een vaste baan". Deze tooltips zijn niet bedienbaar met een toetsenbord. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
2.1.2 Geen toetsenbordval (Niveau A)
Als de toetsenbordfocus met de toetsenbordinterface verplaatst kan worden naar een component van de pagina, dan kan de focus ook met alleen de toetsenbordinterface weer van dat component weg worden bewogen. En, als er meer nodig is dan de standaard pijl- of tabtoetsen of andere standaard methoden om de focus te verplaatsen, dan wordt de gebruiker geïnformeerd over de manier waarop de focus kan worden verplaatst.
Informatie over succescriterium 2.1.2 Geen toetsenbordval
Uitkomst: Voldoende
Bevindingen: Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat de uitklapbare knop "Startdatum". Wanneer deze knop met het toetsenbord wordt geactiveerd, verschijnt er een dropdown. Momenteel is het niet mogelijk de dropdown met het toetsenbord te verlaten zonder een optie te selecteren. Het kan voorkomen dat de bezoeker toch geen startdatum wil instellen; nu is de bezoeker gedwongen om dit wel te doen om de dropdown te kunnen verlaten. Het zou beter zijn als de dropdown ook gesloten kan worden met bijvoorbeeld de Esc-toets. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 bij de uitklapbare knoppen "Startdatum", "Sorteren" en "Lijst".
2.1.4 Enkel teken sneltoets (Niveau A)
Wanneer een sneltoets in content wordt geïmplementeerd door alleen letters (inclusief hoofdletters en kleine letters), leestekens, cijfers of symbolen te gebruiken, geldt ten minste één van de volgende zaken:
- Uitzetten: Er is een mechanisme beschikbaar waarmee de sneltoets kan worden uitgezet;
- Opnieuw toewijzen: Er is een mechanisme beschikbaar om de sneltoets opnieuw toe te wijzen aan één of meerdere niet-afdrukbare tekens (bijvoorbeeld Ctrl, Alt, enz.);
- Alleen actief bij focus: De sneltoets voor een component van de gebruikersinterface is alleen actief wanneer de betreffende component de focus heeft.
Informatie over succescriterium 2.1.4 Enkel teken sneltoets
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een video met de titel [lang lang="en"]"On the road with Schaay-AV"[/lang]. In de videospeler van YouTube zijn sneltoetsen actief die met een enkel karakter werken. Een voorbeeld hiervan is de letter "K" om de video mee af te spelen of te pauzeren en de letter "M" om het geluid te dempen en weer aan te zetten. Zo zijn meer sneltoetsen actief. Dit kan problemen veroorzaken voor gebruikers van spraakbediening, omdat deze letters kunnen voorkomen in de woorden die zij uitspreken. Dit kan onverwachte acties activeren wanneer de focus binnen de videospeler staat. Bij de YouTube videospeler kan dit eventueel opgelost worden door de parameter "disablekb=1" toe te voegen aan de URI van de video in de HTML code.
2.2 Genoeg tijd
2.2.1 Timing aanpasbaar (Niveau A)
Voor elke tijdslimiet die door de content wordt ingesteld, geldt ten minste één van de volgende zaken:
- Uitzetten: De gebruiker kan de tijdslimiet uitzetten voordat die wordt bereikt; of
- Aanpassen: De gebruiker mag de tijdslimiet aanpassen voordat deze is verstreken over een bereik van ten minste tien keer de standaardinstelling; of
- Verlengen: De gebruiker wordt gewaarschuwd voor de tijd afloopt en krijgt ten minste 20 seconden om de tijdslimiet met een eenvoudige handeling te verlengen (bijvoorbeeld, "druk op de spatiebalk"), en de gebruiker mag de tijdslimiet ten minste tien keer verlengen; of
- Real-time uitzondering: De tijdslimiet is onderdeel van een realtime gebeurtenis (een veiling bijvoorbeeld) en er is geen alternatief voor de tijdslimiet mogelijk; of
- Essentiële uitzondering: De tijdslimiet is essentieel en verlenging zou de activiteit ongeldig maken; of
- 20 uur uitzondering: De tijdslimiet is langer dan 20 uur.
Informatie over succescriterium 2.2.1 Timing aanpasbaar
Uitkomst: Voldoende
2.2.2 Pauzeren, stoppen, verbergen (Niveau A)
Voor alle bewegende, knipperende, scrollende of automatisch actualiserende informatie gelden alle volgende zaken:
- Bewegen, knipperen, scrollen: Voor bewegende, knipperende of scrollende informatie die (1) automatisch start, (2) langer dan vijf seconden duurt, en (3) parallel met andere content wordt getoond, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen, tenzij de beweging, knippering of scrolling, onderdeel is van een activiteit waar ze essentieel is en
- Automatisch actualiserend: Voor elke soort automatisch actualiserende informatie die (1) automatisch start en (2) parallel met andere content wordt gepresenteerd, is er een mechanisme voor de gebruiker om dit te pauzeren, te stoppen of te verbergen of de frequentie van de actualisering in te stellen, tenzij de automatische actualisering onderdeel is van een activiteit waar ze essentieel is.
Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen
Uitkomst: Voldoende
2.3 Toevallen en fysieke reacties
2.3.1 Drie flitsen of beneden drempelwaarde (Niveau A)
Webpagina's bevatten niets wat meer dan drie keer flitst in enige periode van één seconde of de flits is beneden de algemene flits- en rodeflitsdrempelwaarden.
Informatie over succescriterium 2.3.1 Drie flitsen of beneden drempelwaarde
Uitkomst: Voldoende
2.4 Navigeerbaar
2.4.1 Blokken omzeilen (Niveau A)
Er is een mechanisme beschikbaar om blokken content die op meerdere webpagina's worden herhaald te omzeilen.
Informatie over succescriterium 2.4.1 Blokken omzeilen
Uitkomst: Onvoldoende
Bevindingen: Op elke pagina binnen de steekproef ontbreekt momenteel een mechanisme om herhalende content over te slaan. Bezoekers die de website met het toetsenbord bedienen en/of gebruikmaken van hulpsoftware, moeten daardoor op elke pagina langs dezelfde onderdelen navigeren voordat ze bij de hoofdinhoud komen. Dit kan worden opgelost door een link toe te voegen die de focus verplaatst naar de eerste unieke inhoud op de pagina (skiplink). Het is belangrijk dat deze link als eerste focus krijgt op de pagina (zodra de cookiemelding niet meer aanwezig is). Standaard mag de link onzichtbaar zijn voor bezoekers, maar hij moet zichtbaar worden zodra de toetsenbord focus erop staat.
https://leerbanenmarkt.nl
2.4.2 Paginatitel (Niveau A)
Webpagina's hebben titels die het onderwerp of doel beschrijven.
Informatie over succescriterium 2.4.2 Paginatitel
Uitkomst: Voldoende
2.4.3 Focus volgorde (Niveau A)
Als een webpagina sequentieel genavigeerd kan worden en de navigatiesequenties hebben invloed op de betekenis of het gebruik, dan krijgen focusbare componenten de focus in de juiste volgorde waardoor betekenis en bedienbaarheid behouden blijft.
Informatie over succescriterium 2.4.3 Focus volgorde
Uitkomst: Onvoldoende
Bevindingen: Wanneer de website voor het eerst wordt geladen, verschijnt er een dialoogvenster waar cookie voorkeuren kunnen worden aangepast. Dit dialoogvenster is niet het eerste onderdeel van de pagina dat de toetsenbordfocus krijgt. De toetsenbordfocus start bovenaan de onderliggende pagina, 'achter' het venster. Dit is geen logische focusvolgorde; de toetsenbordfocus dient als eerste op het cookievenster te komen.
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/over-ons staat de knop "Cookie instellingen bekijken". Wanneer deze knop wordt geactiveerd, opent er een venster. De toetsenbordfocus wordt echter niet naar dit venster verplaatst, maar blijft doorgaan op de onderliggende pagina, 'achter' het venster. Pas wanneer de focus de gehele pagina is doorgegaan, verplaatst deze naar het cookie instellingen venster. Dit is geen logische focus volgorde. De focus dient na activatie van de "Cookie instellingen bekijken" knop direct naar het cookie instellingen venster te gaan. Wanneer binnen dit venster de "Wat zijn cookies" knop wordt geactiveerd en vervolgens de "Cookie instellingen" knop wordt geactiveerd, verplaatst de focus zich weer 'achter' het venster, bovenaan de onderliggende pagina. Wanneer het cookie instellingen venster wordt gesloten middels de "Instellingen opslaan" knop, verplaatst de focus zich naar de bovenkant van de pagina in plaats van op de "Cookie instellingen bekijken" te landen. Ook dit is een onlogische focus volgorde.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster. De toetsenbordfocus wordt echter niet naar dit venster verplaatst, maar blijft doorgaan op de onderliggende pagina, 'achter' het venster. Pas wanneer de focus de gehele pagina is doorgegaan, verplaatst deze naar het "Zoek jouw leerbaan" venster. Dit is geen logische focus volgorde. Binnen deze functionaliteit zijn meer problemen aanwezig met de focusvolgorde en ontstaan daardoor ook problemen met de toetsenbordbediening. Het is mogelijk door alle stappen heen te tabben zonder een optie te selecteren. Als gevolg zijn de elementen die in beeld komen tijdens het tabben niet bedienbaar met het toetsenbord. Een mogelijke oplossing is de toetsenbordfocus binnen de huidige stap te houden tot er een keuze wordt gemaakt; op die manier zijn alle elementen met het toetsenbord bedienbaar en is de focus volgorde logisch. Bovengenoemde functionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176. De functionaliteit verschijnt wanneer de knop met het zoek-icoon wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Er kan informatie getoond worden over specifieke leerbanen middels de knoppen met cijfers of gebouw-icoontjes. De toetsenbordfocus lijkt van willekeurige knop naar willekeurige knop te gaan; een volgorde gebaseerd op plaats of postcode wordt hier niet gevolgd. Dit is geen logische focusvolgorde. Een mogelijke oplossing is om een toegankelijk alternatief te bieden voor de interactieve kaart. Dit kan bijvoorbeeld door gebruikers de mogelijkheid te geven om een gebied in te vullen en vervolgens een lijstweergave van de beschikbare leerbanen in dat gebied te tonen.
2.4.4 Linkdoel (in context) (Niveau A)
Het linkdoel kan bepaald worden uit enkel de linktekst of uit de linktekst samen met zijn door software bepaalde linkcontext, behalve daar waar het doel van de link een dubbelzinnige betekenis zou kunnen hebben voor gebruikers in het algemeen.
Informatie over succescriterium 2.4.4 Linkdoel (in context)
Uitkomst: Onvoldoende
Bevindingen: Op elke pagina binnen de steekproef staat zowel bovenaan als onderaan een afbeelding van het logo van Leerbanen Markt. Deze afbeeldingen fungeren als links naar de homepage, maar hebben momenteel geen linkdoel. Deze situatie vormt ook een probleem onder succescriteria 1.1.1 en 4.1.2. Zie succescriterium 1.1.1 voor een mogelijke oplossing.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat in de footer de links "KiesMBO.nl", "Stagemarkt.nl", "SBB.nl" en "MijnSBB.nl". Deze links navigeren echter allemaal naar de pagina https://leerbanenmarkt.nl/handige-links. Op deze manier zijn dit geen beschrijvende linkdoelen.
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/over-ons staat de link "Meer informatie". Dit linkdoel is onvoldoende beschrijvend. Er wordt niet gecommuniceerd waar meer informatie over geopend kan worden. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen aan de visuele linktekst waarmee het linkdoel wordt verduidelijkt, zodat het bijvoorbeeld "Meer informatie over het melden van discriminatie" wordt. Let op: de visueel zichtbare tekst moet één op één terugkomen in het linkdoel. Een visueel verborgen tekst moet beschikbaar zijn voor hulpsoftware, en wordt idealiter aan het einde van de visuele linktekst geplaatst.
Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://leerbanenmarkt.nl/over-ons staat een tabel met informatie over cookies. Binnen dit tabel staan diverse links met cookienamen als linkdoel, zoals "_ga_". De linkcontext is in principe af te leiden uit de kolomkop ("Naam"). Toch kan het linkdoel duidelijker worden gemaakt voor gebruikers van hulpsoftware. Zo kan er bijvoorbeeld een visueel verborgen tekst worden toegevoegd om het linkdoel te verduidelijk, zodat dit bijvoorbeeld "Meer informatie over de cookie: _ga_" wordt.
2.4.5 Meerdere manieren (Niveau AA)
Er is meer dan één manier beschikbaar om een webpagina binnen een verzameling webpagina's te vinden, behalve wanneer de webpagina het resultaat is van, of een stap in, een proces.
Informatie over succescriterium 2.4.5 Meerdere manieren
Uitkomst: Voldoende
2.4.6 Koppen en labels (Niveau AA)
Koppen en labels beschrijven het onderwerp of doel.
Informatie over succescriterium 2.4.6 Koppen en labels
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster met de tekst "Stap:" en de knoppen "1", "2" en "3". Deze toegankelijkheidsnamen zijn onvoldoende beschrijvend. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen, zodat de toegankelijkheidsnaam bijvoorbeeld "Stap 1" wordt. Bovengenoemde functionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176. De functionaliteit verschijnt wanneer de knop met het zoek-icoon wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat onderaan een paginering. De toegankelijkheidsnamen van deze knoppen zijn "1", "2", "3", en zo verder. Dit is onvoldoende beschrijvend. Een mogelijke oplossing is een visueel verborgen tekst toe te voegen, zodat de toegankelijkheidsnaam bijvoorbeeld "Ga naar pagina 2" wordt.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Binnen deze kaart staan diverse knoppen met een gebouw-icoontje. De toegankelijkheidsnamen zijn "Marker". Dit is geen beschrijvende toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Een mogelijke oplossing is om een toegankelijk alternatief te bieden voor de interactieve kaart. Dit kan bijvoorbeeld door gebruikers de mogelijkheid te geven om een gebied in te vullen en vervolgens een lijstweergave van de beschikbare leerbanen in dat gebied te tonen.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart met hierbinnen diverse knoppen. De toegankelijkheidsnamen van deze knoppen zijn "1", "2", "3" en zo verder. Dit is onvoldoende beschrijvend. Een mogelijke oplossing is om een toegankelijk alternatief te bieden voor de interactieve kaart. Dit kan bijvoorbeeld door gebruikers de mogelijkheid te geven om een gebied in te vullen en vervolgens een lijstweergave van de beschikbare leerbanen in dat gebied te tonen.
Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat een carrousel met diverse afbeeldingen. Het buitenste element is een div-element met role="region" en een aria-label met de waarde [lang lang="en"]"The carousel with thumbnails. Selecting a thumbnail will change the main carousel"[/lang]. Naast dat dit Engelse tekst is op een pagina met een Nederlandse taalinstelling (zie succescriterium 3.1.2) kan de inhoud van deze toegankelijkheidsnaam ook worden verduidelijkt. Het advies is de toegankelijkheidsnaam aan te passen naar iets dat de functionaliteit beter en korter omschrijft, zoals "Afbeeldingscarrousel met 4 dia’s".
2.4.7 Focus zichtbaar (Niveau AA)
Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.
Informatie over succescriterium 2.4.7 Focus zichtbaar
Uitkomst: Onvoldoende
Bevindingen: Wanneer de website voor het eerst wordt geladen, verschijnt er een dialoogvenster waar cookie voorkeuren kunnen worden aangepast. Binnen dit venster staan de knoppen "Alles accepteren" en "Cookie instellingen". Wanneer de toetsenbordfocus op deze knoppen staat, ontbreekt een zichtbare focusindicator. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/over-ons bij de meeste elementen binnen het venster dat opent wanneer de "Cookie instellingen bekijken" knop wordt geactiveerd.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Wanneer deze knop wordt geactiveerd verschijnt er aan de rechterkant van de pagina een menu, met bovenaan een knop met een x-icoon waarmee het menu kan worden gesloten. Wanneer de toetsenbordfocus op deze knop staat, ontbreekt een zichtbare focusindicator.
https://leerbanenmarkt.nl
Op pagina https://leerbanenmarkt.nl/over-ons staat bovenaan de pagina een "Zoek een leerbaan" knop. Wanneer deze knop wordt geactiveerd, verschijnt er een zoekfunctionaliteit. Wanneer de toetsenbordfocus op de "Zoek een leerbaan" knop staat wanneer de zoekfunctionaliteit is verschenen, ontbreekt een zichtbare focusindicator. Deze "Zoek een leerbaan" knop komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt en op pagina https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=4 staan de uitklapbare knoppen "Startdatum", "Sorteren" en "Lijst". Wanneer hier opties worden geselecteerd, zoals "Binnen 3 maanden", "Afstand" en "Lijst, en de toetsenbordfocus vervolgens op deze knoppen staat, ontbreekt er een zichtbare focusindicator.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=1 staat onderaan een paginering. Wanneer de toetsenbordfocus op de knoppen in deze paginering staat, ontbreekt een zichtbare focusindicator.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat boven de koptekst "Begeleider maatschappelijke zorg" een knop waarmee de leerbaan kan worden gedeeld (met het delen-icoontje). Wanneer de toetsenbordfocus op deze knop staat, ontbreekt een zichtbare focusindicator. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 staan knoppen waarmee contactinformatie over de opleider kan worden weergegeven, zoals de knop met het telefoon-icoontje. Wanneer een van deze knoppen is geselecteerd, wordt dit aangegeven met een groene achtergrondkleur. Wanneer de toetsenbordfocus op de geselecteerde knop staat, ontbreekt een zichtbare focusindicator. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 en op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Het volgende wordt niet afgekeurd, maar kan wel worden verbeterd:
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Wanneer de toetsenbord focus op deze knop staat, verdwijnt de lichtgroene rand en blijft alleen de witte cirkel over. Het is op deze manier niet erg duidelijk dat deze knop de toetsenbord focus heeft. Alhoewel dit niet wordt afgekeurd, kan het wel worden verduidelijkt. Vergelijkbare situaties komen op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/ bij de "Zoeken" knop en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 bij de "Solliciteer nu" knop.
https://leerbanenmarkt.nl
2.5 Input modaliteiten
2.5.1 Aanwijzergebaren (Niveau A)
Alle functionaliteit waarmee bij de bediening gebruik wordt gemaakt van meerpunts- of padgebaseerde gebaren, kan worden bediend met een enkele aanwijzer zonder een padgebaseerd gebaar, tenzij een meerpunts- of padgebaseerd gebaar essentieel is.
Informatie over succescriterium 2.5.1 Aanwijzergebaren
Uitkomst: Niet aanwezig
2.5.2 Aanwijzerannulering (Niveau A)
Voor functionaliteit die kan worden bediend met een enkele aanwijzer, geldt ten minste één van de volgende zaken:
- Geen down-event: Het down-event van de aanwijzer wordt niet gebruikt om enig onderdeel van de functie uit te voeren;
- Afbreken of ongedaan maken: De functie wordt voltooid door het up-event en er is een mechanisme beschikbaar om de functie af te breken voordat deze wordt voltooid of om de functie ongedaan te maken als deze is voltooid;
- Up reversal: Met het up-event wordt elk resultaat van het voorgaande down-event ongedaan gemaakt;
- Essentieel: Het voltooien van de functie met het down-event is essentieel.
Informatie over succescriterium 2.5.2 Aanwijzerannulering
Uitkomst: Voldoende
2.5.3 Label in naam (Niveau A)
Bij componenten van de gebruikersinterface met labels die tekst of afbeeldingen van tekst bevatten, bevat de naam de tekst die visueel wordt weergegeven.
Informatie over succescriterium 2.5.3 Label in naam
Uitkomst: Voldoende
2.5.4 Bewegingsactivering (Niveau A)
Functionaliteit die kan worden bediend door de beweging van een apparaat of beweging van een gebruiker, kan ook worden bediend met componenten van de gebruikersinterface. De reactie op de beweging kan worden uitgeschakeld om onbedoelde activering te voorkomen, behalve wanneer:
- Ondersteunde interface: De beweging wordt gebruikt om de functionaliteit te bedienen via een door toegankelijkheid ondersteunde interface;
- Essentieel: De beweging is essentieel voor de functie en wanneer de reactie op de beweging wordt uitgeschakeld, wordt de activiteit ongeldig gemaakt.
Informatie over succescriterium 2.5.4 Bewegingsactivering
Uitkomst: Niet aanwezig
3. Begrijpelijk
3.1 Leesbaar
3.1.1 Taal van de pagina (Niveau A)
De standaard menselijke taal van elke webpagina kan door software bepaald worden.
Informatie over succescriterium 3.1.1 Taal van de pagina
Uitkomst: Voldoende
3.1.2 Taal van onderdelen (Niveau AA)
De menselijke taal van elke passage of zin in de content kan door software bepaald worden, behalve waar het gaat om eigennamen, technische termen, woorden uit een onbepaalde taal en woorden of zinsdelen die deel zijn gaan uitmaken van het jargon van de onmiddellijk omringende tekst.
Informatie over succescriterium 3.1.2 Taal van onderdelen
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat een carrousel met diverse afbeeldingen. Binnen de carrousel worden diverse Engelse teksten gebruikt, zoals [lang lang="en"]"The carousel with thumbnails. Selecting a thumbnail will change the main carousel"[/lang] als toegankelijkheidsnaam en bij de knoppen [lang lang="en"]"Next slide", "Go to first slide", "Previous slide"[/lang] en [lang lang="en"]"Go to last slide".[/lang]. Dit zijn Engelse teksten op een pagina met een Nederlandse taalinstelling, zonder dat hier een taalwisseling aanwezig is. Een mogelijke oplossing is Nederlandse teksten te gebruiken. Deze situatie komt ook voor bij de bolletjes-knoppen direct onder de carrousel en onderaan de pagina onder de koptekst "Opleiders in de buurt". Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 en op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt staat een interactieve kaart. Er kan informatie getoond worden over specifieke leerbanen middels de knoppen met cijfers of gebouw-icoontjes. Wanneer zo'n knop wordt geactiveerd, verschijnt er een venster met informatie. Binnen dit venster staan knoppen met chevron-iconen en de toegankelijkheidsnamen "Next slide" en "Previous slide". Dit zijn Engelse teksten op een pagina met een Nederlandse taalinstelling, zonder dat hier een taalwisseling aanwezig is. Een mogelijke oplossing is Nederlandse teksten te gebruiken.
3.2 Voorspelbaar
3.2.1 Bij focus (Niveau A)
Als een component van de gebruikersinterface de focus krijgt, dan veroorzaakt dat geen contextwijziging.
Informatie over succescriterium 3.2.1 Bij focus
Uitkomst: Voldoende
3.2.2 Bij input (Niveau A)
Verandering van de instelling van een component van de gebruikersinterface veroorzaakt niet automatisch een contextwijziging, tenzij de gebruiker geïnformeerd is over het gedrag vóór het gebruik van de component.
Informatie over succescriterium 3.2.2 Bij input
Uitkomst: Voldoende
3.2.3 Consistente navigatie (Niveau AA)
Navigatiemechanismen, die op meerdere webpagina's binnen een verzameling webpagina's herhaald worden, komen elke keer dat ze worden herhaald in dezelfde relatieve volgorde voor, tenzij een verandering wordt geïnitieerd door de gebruiker.
Informatie over succescriterium 3.2.3 Consistente navigatie
Uitkomst: Voldoende
3.2.4 Consistente identificatie (Niveau AA)
Componenten die dezelfde functionaliteit hebben binnen een verzameling webpagina's worden consistent geïdentificeerd.
Informatie over succescriterium 3.2.4 Consistente identificatie
Uitkomst: Voldoende
3.3 Assistentie bij invoer
3.3.1 Foutidentificatie (Niveau A)
Als een invoerfout automatisch ontdekt wordt, dan wordt het onderdeel waar de fout zit geïdentificeerd en wordt de fout tekstueel aan de gebruiker meegedeeld.
Informatie over succescriterium 3.3.1 Foutidentificatie
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer er in de invoervelden geen, of foutieve, waarden worden ingevuld, verschijnen er foutmeldingen. Voorbeelden van deze meldingen zijn "Vul je volledige naam in" en "Vul hier precies 10 cijfers in". Dit zijn geen foutmeldingen, maar instructies. Een goede foutmelding geeft aan dat er een fout is gemaakt, wat er fout is gegaan en mogelijk hoe dit kan worden opgelost. In de meeste gevallen bevat een foutmelding een ontkenning. Een voorbeeld van een goede foutmelding is "Het veld is niet (goed) ingevuld.". Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
3.3.2 Labels of instructies (Niveau A)
Als de content gebruikersinvoer vereist, dan worden labels of instructies geleverd.
Informatie over succescriterium 3.3.2 Labels of instructies
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" invoervelden met de placeholderteksten "Wat voor leerbaan zoek je?" en "Waar wil je zoeken?". Wanneer de invoervelden worden geactiveerd, veranderen deze teksten naar "Zoek leerbaan" en "Zoek plaats of postcode". Deze instructies verdwijnen zodra in de invoervelden wordt getypt. Dit is niet voldoende; deze instructies moeten beschikbaar blijven, ook wanneer in de invoervelden wordt getypt. Een mogelijke oplossing is deze tekst buiten de invoervelden te plaatsen (en deze teksten programmatisch te koppelen aan de invoervelden). Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Bovengenoemde situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij de uitklapbare knop "Waar wil je zoeken?".
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier met de placeholder teksten "Vertel waarom deze leerbaan bij je past" en "Denk bijvoorbeeld aan je LinkedIN-profiel, persoonlijke video of website". Deze instructies verdwijnen zodra in de invoervelden wordt getypt. Dit is niet voldoende; deze instructies moeten beschikbaar blijven, ook wanneer in de invoervelden wordt getypt. Een mogelijke oplossing is deze tekst buiten de invoervelden te plaatsen (en deze teksten programmatisch te koppelen aan de invoervelden).
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier met het invoerveld "Bericht of motivatie". Wanneer hier een waarde onder 50 tekens wordt ingevoerd verschijnt de foutmelding "Vul hier tussen de 50 en 1000 tekens in". Als een bepaald format nodig is voor de invoer (in dit geval een minimaal aantal tekens), dan moet dit vooraf als instructie vermeld worden. Dit wordt nu niet gedaan. Een placeholder tekst voldoet niet, omdat deze verdwijnt zodra er in het invoerveld wordt getypt. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier met het invoerveld "Telefoonnummer". Wanneer hier een telefoonnummer met streepje ("06-12345678") of spatie ("06 12345678") wordt ingevoerd verschijnt de foutmelding "Vul hier precies 10 cijfers in". Als een bepaald format nodig is voor de invoer, dan moet dit vooraf als instructie vermeld worden. Dit wordt nu niet gedaan. Een placeholder tekst voldoet niet, omdat deze verdwijnt zodra er in het invoerveld wordt getypt. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
3.3.3 Foutsuggestie (Niveau AA)
Als een invoerfout automatisch ontdekt wordt en suggesties voor verbetering bekend zijn, dan worden de suggesties aan de gebruiker geleverd, tenzij dit de beveiliging of het doel van de content in gevaar zou brengen.
Informatie over succescriterium 3.3.3 Foutsuggestie
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer er een ongeldig e-mailadres wordt ingevuld in het "E-mailadres" invoerveld, verschijnt de foutmelding "Vul een geldig e-mailadres in". Er wordt hier geen suggestie gegeven wat een geldig e-mailadres is.
3.3.4 Foutpreventie (wettelijk, financieel, gegevens) (Niveau AA)
Voor webpagina's die wettelijke verplichtingen of financiële transacties voor de gebruiker uitvoeren, die, door de gebruiker te beheren gegevens in gegevensopslagplaatsen verwijderen of wijzigen, of die antwoorden van de gebruiker verzenden, geldt minstens één van de volgende zaken:
- Omkeerbaar: Verzendingen kunnen ongedaan gemaakt worden.
- Gecontroleerd: Door de gebruiker ingevoerde gegevens worden gecontroleerd op invoerfouten en de gebruiker wordt de mogelijkheid gegeven om ze te verbeteren.
- Bevestigd: Er is een mechanisme beschikbaar voor het beoordelen, bevestigen en verbeteren van informatie voordat de verzending wordt voltooid.
Informatie over succescriterium 3.3.4 Foutpreventie (wettelijk, financieel, gegevens)
Uitkomst: Niet aanwezig
4. Robuust
4.1 Compatibel
4.1.1 Parsen (Niveau A)
In content die geïmplementeerd is met opmaaktalen hebben elementen volledige begin- en eindtags, zijn elementen genest volgens hun specificatie, bevatten elementen geen dubbele attributen en zijn alle ID's uniek, behalve waar de specificatie deze eigenschappen toelaat.
Informatie over succescriterium 4.1.1 Parsen
Uitkomst: Voldoende
4.1.2 Naam, rol, waarde (Niveau A)
Voor alle componenten van de gebruikersinterface (inclusief, maar niet uitsluitend voor formulierelementen, links en door scripts gegenereerde componenten), kunnen de naam (name) en rol (role) door software bepaald worden; toestanden (states), eigenschappen (properties) en waarden (values) die door de gebruiker ingesteld kunnen worden, kunnen door software ingesteld worden; en kennisgeving van veranderingen in deze items is beschikbaar voor user agents, met inbegrip van hulptechnologieën.
Informatie over succescriterium 4.1.2 Naam, rol, waarde
Uitkomst: Onvoldoende
Bevindingen: Wanneer de website voor het eerst wordt geladen, verschijnt er een dialoogvenster waar cookie voorkeuren kunnen worden aangepast. In de code is dit venster opgemaakt met een div-element dat de standaardrol role="generic" heeft. De juiste rol, role="dialog", ontbreekt. Daarnaast moet er een beschrijvende toegankelijkheidsnaam worden toegevoegd, bijvoorbeeld "Cookie voorkeuren". Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/over-ons bij het venster dat opent wanneer de "Cookie instellingen bekijken" knop wordt geactiveerd.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat zowel bovenaan als onderaan een afbeelding van het logo van Leerbanen Markt. Deze afbeeldingen fungeren als links naar de homepage, maar hebben momenteel geen toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriteria 1.1.1 en 2.4.4. Zie succescriterium 1.1.1 voor een mogelijke oplossing.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Dit menu staat binnen een nav-element dat verborgen is voor hulpsoftware middels het aria-hidden-attribuut. Verwijder dit aria-hidden-attribuut zodat het menu niet wordt verborgen voor hulpsoftware.
https://leerbanenmarkt.nl/
Op elke pagina binnen de steekproef staat bovenaan de pagina een menu, te herkennen aan de drie liggende streepjes. Wanneer deze knop wordt geactiveerd verschijnt er aan de rechterkant van de pagina een menu. In de code is dit menu opgemaakt met een div-element dat de standaardrol role="generic" heeft. De juiste rol, role="dialog", ontbreekt. Daarnaast moet er een beschrijvende toegankelijkheidsnaam worden toegevoegd, bijvoorbeeld "Menu".
https://leerbanenmarkt.nl/
Op pagina https://leerbanenmarkt.nl/ staan onder de koptekst "Je nieuwe functie in 3 stappen" meerdere knoppen met icoontjes, zoals het kompas-icoontje, het naar beneden wijzende chevron-icoontje en het x-icoontje wanneer een postcode of plaats is ingevuld. Er ontbreken momenteel toegankelijkheidsnamen bij deze knoppen. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Bovengenoemde zoekfunctionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/over-ons. De zoekfunctionaliteit verschijnt wanneer de "Zoek een leerbaan" knop wordt geactiveerd. Ook komt deze situatie voor op pagina https://leerbanenmarkt.nl/leerbanen-in-de-buurt bij een vergelijkbare functionaliteit.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster. In de code is dit menu opgemaakt met een div-element dat de standaardrol role="generic" heeft. De juiste rol, role="dialog", ontbreekt. Daarnaast moet er een beschrijvende toegankelijkheidsnaam worden toegevoegd, bijvoorbeeld "Zoek jouw leerbaan". Bovengenoemde functionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176. De functionaliteit verschijnt wanneer de knop met het zoek-icoon wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 150% bij een browservenster van 1280x1024px), de knop "Zoek jouw leerbaan". Wanneer deze knop wordt geactiveerd verschijnt er een beeldvullend venster met de tekst "Stap:" en de knoppen "1", "2" en "3". De voltooide stap wordt visueel gecommuniceerd met een vink-icoon. Er ontbreken momenteel toegankelijkheidsnamen bij deze 'voltooide stap' knoppen. Ook staat binnen dit venster een knop met een x-icoon. Hier ontbreekt ook een toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Bovengenoemde functionaliteit komt op de meeste pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176. De functionaliteit verschijnt wanneer de knop met het zoek-icoon wordt geactiveerd.
Op pagina https://leerbanenmarkt.nl/ staat, wanneer deze ingezoomd wordt bekeken (vanaf 175% bij een browservenster van 1280x1024px), een knop met een zoek-icoon. Er ontbreekt momenteel een toegankelijkheidsnaam bij deze knop. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 en op pagina https://leerbanenmarkt.nl/over-ons.
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176 staat de uitklapbare knop "Startdatum". Wanneer deze knop wordt geactiveerd, klapt er een lijst met opties uit: "Binnen 1 maand", "Binnen 3 maanden" en "Binnen 6 maanden". In de code wordt role="menu" gebruikt. Dit is niet de juiste rol voor deze keuzelijst; deze rol is enkel bedoeld voor bestandsmenu's in online applicaties, zoals Gmail en Office. Verwijder deze rol van het ul-element. Deze situatie komt ook voor op dezelfde pagina bij de uitklapbare knoppen "Sorteren" en "Lijst".
Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=1 staat onderaan een paginering. Binnen deze paginering staan meerdere knoppen met chevron-iconen. Er ontbreken momenteel toegankelijkheidsnamen bij deze knoppen. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staat boven de koptekst "Begeleider maatschappelijke zorg" een knop waarmee de leerbaan kan worden gedeeld (met het delen-icoontje). Er ontbreekt momenteel een toegankelijkheidsnaam bij deze knop. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan knoppen waarmee contactinformatie over de opleider kan worden weergegeven, zoals de knop met het telefoon-icoontje. Er ontbreken momenteel toegankelijkheidsnamen bij deze knoppen. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Deze knoppen komen ook voor op dezelfde pagina, bij de 'cards' met informatie over opleiders onder de koptekst "Opleiders in de buurt". Deze situatie komt op meerdere pagina's binnen de steekproef voor, zoals op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
Op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717 staat een kaart. Binnen deze kaart staat een knop met een icoon van een donkergroene cirkel. Deze knop heeft geen toegankelijkheidsnaam. Deze situatie vormt ook een probleem onder succescriterium 1.1.1. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621 en op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. De visuele knop (in de code een label-element) "Bestanden toevoegen" beschikt niet over de juiste rol. Een mogelijke oplossing is een button-element te gebruiken. Deze situatie vormt ook een probleem onder succescriterium 2.1.1.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer dit formulier wordt verstuurd middels de "Sollicitatie versturen" knop, wordt de tekst "Sollicitatie versturen" vervangen door een laadicoon. De knop heeft op dat moment geen toegankelijkheidsnaam meer. Deze situatie vormt ook een probleem onder succescriteria 1.1.1 en 4.1.3. Zie succescriterium 1.1.1 voor een mogelijke oplossing. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780 staan cirkels met de letter 'i' naast de teksten "Reiskostenvergoeding", "Onkostenvergoeding" en "Met uitzicht op een vaste baan". Deze visuele knoppen fungeren als tooltips met aanvullende informatie, maar beschikken niet over toegankelijkheidsnamen en de juiste rol. Een mogelijke oplossing is een button-element te gebruiken en een beschrijvende toegankelijkheidsnaam toe te voegen. Deze situatie vormt ook een probleem onder succescriteria 1.1.1 en 2.1.1. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717.
4.1.3 Statusberichten (Niveau AA)
In content die is geïmplementeerd met opmaaktalen kunnen statusberichten door software bepaald worden met behulp van rol (role) of eigenschappen (properties), zodat hulptechnologieën de berichten aan de gebruiker kunnen presenteren zonder dat ze de focus krijgen.
Informatie over succescriterium 4.1.3 Statusberichten
Uitkomst: Onvoldoende
Bevindingen: Op pagina https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176&page=4 staan de uitklapbare knoppen "Startdatum", "Sorteren" en "Lijst". Wanneer hier opties worden geselecteerd, zoals "Binnen 3 maanden", "Afstand" en/of "Lijst", verschijnt er een gefilterd leerbaan overzicht. Bovenaan dit leerbaan overzicht staat de tekst "214 leerbanen gevonden voor [zoekterm]". Dit is een statusbericht, maar is niet als dusdanig opgemaakt in de code. Hierdoor is niet voor alle bezoekers duidelijk dat er andere leerbanen zijn verschenen. Een mogelijke oplossing is aria-live="polite" toe te voegen aan het element waar de "214 leerbanen gevonden voor [zoekterm]" tekst in staat.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer er in de invoervelden geen, of foutieve, waarden worden ingevuld, verschijnen er foutmeldingen. Dit zijn statusberichten, maar zijn niet als dusdanig opgemaakt in de code. Bezoekers die hulpsoftware gebruiken missen hierdoor belangrijke informatie. Een mogelijke oplossing is aria-live="polite" toe te voegen aan de foutmeldingen. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
Op pagina https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621 staat een sollicitatieformulier. Wanneer dit formulier wordt verstuurd middels de "Sollicitatie versturen" knop, wordt de tekst "Sollicitatie versturen" vervangen door een laadicoon. Dit laadicoon is een statusbericht, maar is momenteel niet als dusdanig opgemaakt in de code. Hierdoor informeert hulpsoftware de bezoeker niet dat er iets wordt geladen. Deze situatie vormt ook een probleem onder succescriteria 1.1.1 en 4.1.2. Deze situatie komt ook voor op pagina https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621.
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
- http://leerbanenmarkt.nl
- https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176
- https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780
- https://leerbanenmarkt.nl/over-ons
- https://leerbanenmarkt.nl/leerbanen-in-de-buurt
- https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen
- https://leerbanenmarkt.nl/ontwikkelpaden-jouw-route-naar-nieuwe-kansen
- https://leerbanenmarkt.nl/wat-is-een-leerbaan
- https://leerbanenmarkt.nl/help-informatiepagina
- https://leerbanenmarkt.nl/leerbaan-en-geld
- https://leerbanenmarkt.nl/handige-links
- https://leerbanenmarkt.nl/404
- https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621
- https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621
- https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717
- https://leerbanenmarkt.nl/sollicitatie-verzonden?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621&selectedType=1
- https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621
- https://leerbanenmarkt.nl/voor-partners
Ondersteunende technieken
Webbrowsers (useragents) en andere software
Bij dit onderzoek is de volgende software gebruikt:Google Chrome, versie 138 (primair)
Mozilla Firefox, versie 140
Colour Contrast Analyser (CCA), versie 3.5.3
VoiceOver in combinatie met Apple Safari 17.6
Bronnen
-
Website Accessibility Conformance Evaluation Methodology (WCAG-EM) Overview
www.w3.org/WAI/eval/conformance (Engels) -
Web Content Accessibility Guidelines (WCAG) 2.1 (Geautoriseerde Nederlandse vertaling)
www.w3.org/Translations/WCAG21-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.