Issues:
Audit digitale toegankelijkheid website Leerbanenmarkt

(Alleen de bevindingen)

Scope van de evaluatie

Uitgebreide toetsresultaten

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Bevinding 1: 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/

Bevinding 2: 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.

Bevinding 3: 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.

Bevinding 4: 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.

Bevinding 5: 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.

Bevinding 6: 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.

Bevinding 7: 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.

Bevinding 8: 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.

Bevinding 9: 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.

Bevinding 10: 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.

Bevinding 11: 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.

Bevinding 12: 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.

Bevinding 13: 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.

Bevinding 14: 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".

Bevinding 15: 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.

Bevinding 16: 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".

Bevinding 17: 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.

Bevinding 18: 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.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

Informatie over succescriterium 1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen)

Bevinding 19: 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)

Informatie over succescriterium 1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen)

Bevinding 20: 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.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Bevinding 21: 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 over succescriterium 1.3.1 Info en relaties

Bevinding 22: 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.

Bevinding 23: 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.

Bevinding 24: 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.

Bevinding 25: 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.

Bevinding 26: 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.

Bevinding 27: 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.

Bevinding 28: 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.

Bevinding 29: 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.

Bevinding 30: 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.

Bevinding 31: 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.

Bevinding 32: 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.

Bevinding 33: 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. Arbeids­voorwaarden en aanbod" h3-elementen te gebruiken.

Bevinding 34: 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.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Bevinding 35: 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.".

Bevinding 36: 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'.".

Bevinding 37: 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.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Bevinding 38: 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)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Bevinding 39: 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.

Bevinding 40: 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?".

Bevinding 41: 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.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Bevinding 42: 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.

Bevinding 43: 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.

Bevinding 44: 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.

Bevinding 45: 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.

Bevinding 46: 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)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Bevinding 47: 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.

Bevinding 48: 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/

Bevinding 49: 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/

Bevinding 50: 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.

Bevinding 51: 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.

Bevinding 52: 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.

Bevinding 53: 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.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Bevinding 54: 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.

Bevinding 55: 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/

Bevinding 56: 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/

Bevinding 57: 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.

Bevinding 58: 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.

Bevinding 59: 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.

Bevinding 60: 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.

Bevinding 61: 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.

Bevinding 62: 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)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Bevinding 63: 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?".

Bevinding 64: 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.

Bevinding 65: 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.

Bevinding 66: 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.

Bevinding 67: 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)

Informatie over succescriterium 1.4.12 Tekstafstand

Bevinding 68: 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.

Bevinding 69: 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.

Bevinding 70: 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.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Bevinding 71: 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.

Bevinding 72: 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.

Bevinding 73: 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)

Informatie over succescriterium 2.1.2 Geen toetsenbordval

Bevinding 74: 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)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Bevinding 75: 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.4 Navigeerbaar

2.4.1 Blokken omzeilen (Niveau A)

Informatie over succescriterium 2.4.1 Blokken omzeilen

Bevinding 76: 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.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Bevinding 77: 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/

Bevinding 78: 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.

Bevinding 79: 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.

Bevinding 80: 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)

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Bevinding 81: 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/

Bevinding 82: 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/

Bevinding 83: 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.

Bevinding 84: 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.6 Koppen en labels (Niveau AA)

Informatie over succescriterium 2.4.6 Koppen en labels

Bevinding 85: 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.

Bevinding 86: 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.

Bevinding 87: 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.

Bevinding 88: 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.

Bevinding 89: 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)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Bevinding 90: 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/

Bevinding 91: 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

Bevinding 92: 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.

Bevinding 93: 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.

Bevinding 94: 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.

Bevinding 95: 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.

Bevinding 96: 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.

Bevinding 97: 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

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Bevinding 98: 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.

Bevinding 99: 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.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Bevinding 100: 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)

Informatie over succescriterium 3.3.2 Labels of instructies

Bevinding 101: 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?".

Bevinding 102: 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).

Bevinding 103: 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.

Bevinding 104: 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)

Informatie over succescriterium 3.3.3 Foutsuggestie

Bevinding 105: 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.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Bevinding 106: 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/

Bevinding 107: 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/

Bevinding 108: 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/

Bevinding 109: 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/

Bevinding 110: 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.

Bevinding 111: 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.

Bevinding 112: 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.

Bevinding 113: 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.

Bevinding 114: 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".

Bevinding 115: 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.

Bevinding 116: 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.

Bevinding 117: 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.

Bevinding 118: 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.

Bevinding 119: 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.

Bevinding 120: 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.

Bevinding 121: 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)

Informatie over succescriterium 4.1.3 Statusberichten

Bevinding 122: 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.

Bevinding 123: 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.

Bevinding 124: 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

• Homepagina:
  http://leerbanenmarkt.nl
• Zoekresultaten:
  https://leerbanenmarkt.nl/leerbanen?range=15&type=1&crebocode=25176
• Details functie 1:
  https://leerbanenmarkt.nl/leerbanen/begeleider-maatschappelijke-zorg_ed908d8f-0106-40e6-955b-a56e38da81eb-25780
• Over ons (+ contact en toegankelijkheidsverklaring):
  https://leerbanenmarkt.nl/over-ons
• Leerbanen in de buurt (kaart):
  https://leerbanenmarkt.nl/leerbanen-in-de-buurt
• Sectoren met veel leerbanen:
  https://leerbanenmarkt.nl/sectoren-met-veel-leerbanen
• Ontwikkelpaden:
  https://leerbanenmarkt.nl/ontwikkelpaden-jouw-route-naar-nieuwe-kansen
• Wat is een leerbaan?:
  https://leerbanenmarkt.nl/wat-is-een-leerbaan
• Veelgestelde vragen:
  https://leerbanenmarkt.nl/help-informatiepagina
• Leerbaan en geld:
  https://leerbanenmarkt.nl/leerbaan-en-geld
• Handige links:
  https://leerbanenmarkt.nl/handige-links
• Error pagina:
  https://leerbanenmarkt.nl/404
• Solliciteren:
  https://leerbanenmarkt.nl/sollicitatie?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621
• Stel een vraag (contactformulier):
  https://leerbanenmarkt.nl/contact?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621
• Vacature (Video):
  https://leerbanenmarkt.nl/leerbanen/vacature_cfe83454-044c-44f3-8fb0-9ca5b14ecf94-25717
• Succespagina (sollicitatie verzonden):
  https://leerbanenmarkt.nl/sollicitatie-verzonden?id=4296ed05-3556-4e9c-b005-461d38270b7c-25621&selectedType=1
• Details functie 2:
  https://leerbanenmarkt.nl/leerbanen/medewerker-hovenier_4296ed05-3556-4e9c-b005-461d38270b7c-25621
• Voor partners:
  https://leerbanenmarkt.nl/voor-partners

Ondersteunende technieken

• CSS
• WAI-ARIA
• HTML5
• DOM

Bronnen

• Evaluatiedocument WCAG 2.0
  www.drempelvrij.nl/over-het-waarmerk
• Web Content Accessibility Guidelines (WCAG) 2.0 (Geautoriseerde Nederlandse vertaling)
  www.w3.org/Translations/WCAG20-nl
• Website Accessibility Conformance Evaluation Methodology (WCAG-EM)
  www.w3.org/WAI/eval/conformance
• Web Content Accessibility Guidelines (WCAG)
  www.w3.org/WAI/intro/wcag
• How to Meet WCAG 2.1 Quick Reference
  www.w3.org/WAI/WCAG21/quickref/

Deze rapportage is grotendeels gemaakt met de online evaluatietool van W3C.