Toegankelijkheidsonderzoek

Issues:
Audit digitale toegankelijkheid website Groei Vooruit

(Alleen de bevindingen)

Scope van de evaluatie

Naam website Groei Vooruit
Datum 10 april 2025
Scope van de website Binnen de scope van het onderzoek valt:
  • Alle pagina's op groeivooruit.nl.
  • Alle PDF's op groeivooruit.nl.
Buiten de scope van het onderzoek valt:
  • Subwebsite(s) waarbij de HTML en/of het systeem afwijkt van de onderzochte website.
  • Alle externe systemen en websites waar via het onderzochte domein met een link naar wordt verwezen.
Conformiteitsdoel WCAG 2.1 niveau AA

Uitgebreide toetsresultaten

Aantal bevindingen: 123

1. Waarneembaar

1.1 Tekstalternatieven

1.1.1 Niet-tekstuele content (Niveau A)

Informatie over succescriterium 1.1.1 Niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 1: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. In deze cookiemelding staat (op grote schermen) een afbeelding zonder tekstalternatief. Als dit een informatieve afbeelding is (zoals een logo), moet het een tekstalternatief krijgen. Bijvoorbeeld via een title-element in het svg-element. Als dit een decoratieve afbeelding is, moet de afbeelding genegeerd kunnen worden. Bijvoorbeeld door aria-hidden="true" toe te voegen aan het svg-element.
Dit geldt ook voor de afbeelding die zichtbaar is in het dialoogvenster als op "Voorkeuren" wordt geklikt.

Bevinding 2: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. De knop om deze chatfunctie te openen heeft het tekstalternatief "Trengo launcher icon". Dit geeft niet aan wat deze knop doet. Zie ook succescriterium 3.1.2.

Bevinding 3: Op pagina https://groeivooruit.nl/ staat bovenaan een carrousel. Hierin staan decoratieve afbeeldingen van personen. In het blok "Loopbaancoaching" heeft deze afbeelding het tekstalternatief "Loopbaancoaching Regio Zwolle". Dit geeft niet aan wat op de afbeelding staat. Omdat dit een decoratieve afbeelding is, kan het tekstalternatief beter leeg gemaakt worden, zoals bij de andere blokken wel goed is gedaan. Een vergelijkbaar probleem komt voor op pagina's https://groeivooruit.nl/loopbaanadvies-voor-zzpers/, https://groeivooruit.nl/carriere/ en https://groeivooruit.nl/loopbaancoaching/.

Bevinding 4: Op pagina https://groeivooruit.nl/omscholen-creatieve-industrie/ staat naast de kop "Groei Vooruit helpt je verder" een afbeelding met het tekstalternatief "Omscholen naar creatieve sector Groei Vooruit". Dit geeft niet aan wat op de afbeelding staat. Omdat dit een decoratieve afbeelding is, kan het tekstalternatief beter leeg gemaakt worden. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/.

Bevinding 5: Op pagina https://groeivooruit.nl/?s= zijn de afbeeldingen bij de zoekresultaten ook links. De tekstalternatieven van deze afbeeldingen zijn soms leeg en geven in andere gevallen niet goed aan waar de links naartoe gaan. Zie succescriterium 2.4.4 voor meer informatie en een oplossingssuggestie. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/.

Bevinding 6: In de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf staan meerdere informatieve afbeeldingen zonder tekstalternatief, bijvoorbeeld de logo's op de eerste, tweede en laatste pagina. Deze informatieve afbeeldingen moeten een tekstalternatief krijgen dat aangeeft wat op de afbeelding te zien is. Bijvoorbeeld "Logo Groei Vooruit in Regio Zwolle".

Bevinding 7: In de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf staat op de tweede pagina een decoratieve afbeelding van een vrouw. Deze afbeelding heeft geen beschrijving en is niet als artefact aangemerkt. Decoratieve afbeeldingen moeten als artefact worden opgemaakt, zodat deze verborgen kunnen worden voor hulpsoftware.

Bevinding 8: Advies: op pagina https://groeivooruit.nl/ staat naast de kop SkillsCV een decoratieve afbeelding met het tekstalternatief "mensen achter een laptop". Dit geeft goed aan wat op de afbeelding staat, maar omdat deze afbeelding decoratief is, kan het tekstalternatief beter leeg gemaakt worden. Het alt-attribuut moet wel aanwezig blijven in het img-element, maar kan dan een lege waarde krijgen. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/kansrijke-sectoren-in-regio-zwolle/.

Bevinding 9: Advies: op pagina https://groeivooruit.nl/over-ons/ staan afbeeldingen van personen. Sommige afbeeldingen hebben de naam als tekstalternatief en andere hebben een leeg tekstalternatief. Het is beter om hierin consistent te zijn. Omdat de namen al als tekst aanwezig zijn, kunnen de tekstalternatieven van de afbeeldingen overal leeg gemaakt worden.

1.2 Op tijd gebaseerde media

1.2.2 Ondertitels voor doven en slechthorenden (vooraf opgenomen) (Niveau A)

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

Uitkomst: Onvoldoende

Bevinding 10: Op pagina's https://groeivooruit.nl/ en https://groeivooruit.nl/loopbaancoaching/ wordt een video getoond. In de video komt gesproken tekst voor, maar de ondertiteling ontbreekt. Zorg ervoor dat mensen met een auditieve beperking ook weten welke informatie in het audiospoor voorkomt door een ondertiteling aan de video toe te voegen.

1.2.3 Audiodescriptie of media-alternatief (vooraf opgenomen) (Niveau A)

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

Uitkomst: Onvoldoende

Bevinding 11: Op pagina https://groeivooruit.nl/how-to-videos/ staan meerdere video's waarin op verschillende plaatsen tekst in beeld komt, zoals het logo aan het begin en eind en het webadres aan het eind. Er ontbreekt uitgeschreven tekst en er is geen audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Zet deze en andere informatie in een transcript of maak gebruik van een (extra) audiospoor om ook te voldoen aan succescriterium 1.2.5.
Let op: de video's op deze pagina bevatten meer teksten, maar die worden ook uitgesproken door de presentator. Dat is voldoende.

Bevinding 12: Op pagina's https://groeivooruit.nl/ en https://groeivooruit.nl/loopbaancoaching/ staat een video waarin het logo aan het begin en eind in beeld komt en waarin de tekst "Bekijk onze video's voor nog meer tips…". Als je dat niet kan zien, mis je deze informatie. Voeg deze informatie toe aan een uitgeschreven tekst, een audiodescriptie of laat alle informatie uitspreken door de voice-over, waardoor de audiodescriptie overbodig wordt.

1.2.5 Audiodescriptie (vooraf opgenomen) (Niveau AA)

Informatie over succescriterium 1.2.5 Audiodescriptie (vooraf opgenomen)

Uitkomst: Onvoldoende

Bevinding 13: Op pagina https://groeivooruit.nl/how-to-videos/ staan meerdere video's waarin op verschillende plaatsen tekst in beeld komt, zoals het logo aan het begin en eind en het webadres aan het eind. Er ontbreekt een audiodescriptie die vertelt wat er op het scherm staat. Zo kunnen mensen die de video niet kunnen zien en afhankelijk zijn van hulpsoftware zoals een schermvoorleessoftware, niet weten wat er wordt getoond in de video. Maak gebruik van een (extra) audiospoor of laat deze tekst uitspreken door de presentator of een voice-over.
Let op: de video's op deze pagina bevatten meer teksten, maar die worden ook uitgesproken door de presentator. Dat is voldoende.

Bevinding 14: Op pagina's https://groeivooruit.nl/ en https://groeivooruit.nl/loopbaancoaching/ staat een video waarin het logo aan het begin en eind in beeld komt en waarin de tekst "Bekijk onze video's voor nog meer tips…". Als je dat niet kan zien, mis je deze informatie. Voeg deze informatie toe aan een audiodescriptie of laat alle informatie uitspreken door de voice-over, waardoor de audiodescriptie overbodig wordt.

1.3 Aanpasbaar

1.3.1 Info en relaties (Niveau A)

Informatie over succescriterium 1.3.1 Info en relaties

Uitkomst: Onvoldoende

Bevinding 15: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere kopteksten, zoals "Cookievoorkeuren", "Functionele cookies", "Cloudflare" etc. Deze zijn echter niet opgemaakt als koppen. Wijzig dit naar koppen (h1, h2, h3 etc.).

Bevinding 16: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere schakelaars waarvan de relatie met de bijbehorende content niet programmatisch bepaald kan worden. Er zijn wel gekoppelde label-elementen, maar die zijn leeg, maar dan nog biedt dat geen relatie met de content ernaast. Zie ook succescriterium 4.1.2. Eventueel kan de content gekoppeld worden via bijvoorbeeld aria-describedby. Andere oplossingen zijn ook mogelijk.

Bevinding 17: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hierin is "Groei Vooruit" opgemaakt met het strong-element. Dit element is echter bedoeld om woorden de nadruk te geven, niet om koppen mee op te maken. Maak hier een kop van, bijvoorbeeld h2.

Bevinding 18: Op pagina https://groeivooruit.nl/verhalen/marloes/ is de tekst vanaf "Regieverpleegkundige Marloes…" opgemaakt met het strong-element. Dit element is echter bedoeld om woorden de nadruk te geven, niet om een bepaalde opmaak te bereiken. Gebruik hiervoor CSS of desnoods het b-element. Dit kan vaker voorkomen.

Bevinding 19: Op pagina https://groeivooruit.nl/ staan onder de knop "Bekijk alle verhalen" meerdere kolommen met berichten naast elkaar. Onder de h2-kop met de berichttitel staat een h5-kop met tekst. Deze tekst is echter geen kop voor de content eronder en kan daardoor geen kop zijn. Verwijder deze h5-kop en maak de tekst eventueel op via CSS.

Bevinding 20: Op pagina https://groeivooruit.nl/skillscv/ staat de h1-kop "Wij geloven dat je gelukkiger wordt als je werk doet wat helemaal bij je past.". Deze tekst is echter geen kop voor de content eronder en kan daardoor geen kop zijn. Verwijder deze h1-kop en maak de tekst eventueel op via CSS.
Onder deze kop staat overigens ook een lege h1-kop in de code. Deze kan beter ook verwijderd worden.

Bevinding 21: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staat de h2-kop "Deze zzp’ers gingen je voor". De koppen bij de berichten eronder zijn van hetzelfde niveau en dat is geen logische kopvolgorde. Wijzig deze laatste koppen naar een kop van een lager niveau, bijvoorbeeld h3. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/.

Bevinding 22: Op pagina https://groeivooruit.nl/verhalen/ staat bij elk bericht eerst een h4-kop met het soort verhaal en vervolgens een h3-kop met de naam. Dit is geen logische kopvolgorde. Draai deze (in ieder geval) in de code om. Zie ook succescriterium 1.3.2. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/nieuws-en-blogs/.

Bevinding 23: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ is de koptekst "Meld je aan voor een gratis adviesgesprek" ook opgemaakt met het strong-element. Dit element is echter bedoeld om woorden de nadruk te geven. Verwijder daarom strong op deze kop.

Bevinding 24: Op pagina https://groeivooruit.nl/loopbaancoaching/ staat een blok met content vanaf "Vanwege corona werd mijn flexcontract niet verlengd". Hier wordt een h3-, h4- en h5-kop direct na elkaar gebruikt. De laatstgenoemde kop is echter sowieso geen kop. Wijzig dit naar normale tekst. Dit kan vaker voorkomen.

Bevinding 25: Op pagina https://groeivooruit.nl/carriere/ staat onder "Werken én leren in het…" een opsomming. Dit is niet als opsommingslijst (ul- en li-elementen) opgemaakt. Wijzig dit naar een opsommingslijst, zodat de relaties ook duidelijk zijn voor gebruikers van hulpsoftware.

Bevinding 26: Op pagina https://groeivooruit.nl/contact/ staat een formulier met meerdere invoervelden. Boven deze invoervelden staan tekstuele labels, maar deze zijn niet gekoppeld aan de invoervelden. Dit betekent dat de invoervelden geen naam hebben. De labels hebben het for-attribuut met een waarde. De input-elementen hebben echter geen id met de waardes in het for-attribuut. Voeg een id toe aan alle invoervelden en zorg ervoor dat de waarde overeenkomt met de waarde van het bijbehorende for-attribuut. Zie ook succescriteria 2.5.3 en 4.1.2.

Bevinding 27: Op pagina https://groeivooruit.nl/contact/ staat een formulier. Onder "Hoe ben je bij ons terecht gekomen?" staan meerdere radiobuttons. Visueel is duidelijk dat die bij deze tekst horen, maar deze content is niet programmatisch gegroepeerd. Zet de radiobuttons in een fieldset en gebruik de bovengenoemde tekst als legend binnen deze fieldset. Andere oplossingen zijn ook mogelijk.

Bevinding 28: Op meerdere pagina's - waaronder https://groeivooruit.nl/loopbaanadvies-voor-zzpers/, https://groeivooruit.nl/how-to-videos/, https://groeivooruit.nl/nieuws-en-blogs/ en https://groeivooruit.nl/over-ons/ - wordt in het hoofdmenu het huidige onderdeel aangegeven met een andere kleur. Dit is visuele informatie die niet beschikbaar is voor hulpsoftware. Los dit bijvoorbeeld op door gebruik te maken van aria-current="true" op de link van het huidige onderdeel. Zie ook succescriterium 1.4.1.

Bevinding 29: De PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf is voorzien van codes (tags), wat betekent dat hulpsoftware het document kan interpreteren en dat is goed. Er zijn echter wel problemen met deze codes of tags gevonden. Hier volgen enkele voorbeelden:

Bevinding 30: In de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf staan paginanummers in het document. Deze paginanummers komen echter niet overeen met de pagina's in de PDF-lezer. Zorg ervoor dat deze overeenkomen, bijvoorbeeld door de paginalabels in de PDF aan te passen.

Bevinding 31: Advies: Op pagina's https://groeivooruit.nl/skillscv/ en https://groeivooruit.nl/nieuws-en-blogs/ komen lege koppen voor. Lege koppen zijn verwarrend voor sommige bezoekers. Laat lege koppen weg.

1.3.2 Betekenisvolle volgorde (Niveau A)

Informatie over succescriterium 1.3.2 Betekenisvolle volgorde

Uitkomst: Onvoldoende

Bevinding 32: Op pagina https://groeivooruit.nl/how-to-videos/ staan blokken content met video's, koppen en tekst. Een deel van deze video's staat in de code vóór de koptekst waar ze bij horen. Bijvoorbeeld bij "Grotere kans op een baan!". Als de blokken achter elkaar worden voorgelezen, is het niet duidelijk bij welke kop de video hoort. Zet de koppen vooraan in de HTML-code en zet hierachter de video. Visueel mag deze indeling wel aangehouden worden. Zie ook succescriterium 1.3.3. Dit probleem komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/, https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ en https://groeivooruit.nl/loopbaancoaching/.

Bevinding 33: Op pagina https://groeivooruit.nl/ staan onder de knop "Bekijk alle verhalen" meerdere kolommen met berichten naast elkaar. In de code staat eerst de afbeelding, dan de h3-kop met het onderwerp en vervolgens de h2-kop met de berichttitel. Dit is geen logische volgorde, want nu lijkt de h3-kop van het tweede bericht bij het eerste bericht te horen, etc. In de code moet de h2-kop eerst komen en dan pas de rest. Met CSS kan geregeld worden dat het er visueel hetzelfde uitziet, bijvoorbeeld via 'order'. Vergelijkbare problemen komen vaker voor, bijvoorbeeld op https://groeivooruit.nl/?s=, https://groeivooruit.nl/loopbaanadvies-voor-zzpers/, https://groeivooruit.nl/loopbaancoaching/, https://groeivooruit.nl/omscholen-creatieve-industrie/, https://groeivooruit.nl/verhalen/ en meer.

Bevinding 34: In de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf zijn de voetteksten, met de paginanummers en documenttitel, ook getagd. Deze staan bijna achteraan in de tagvolgorde (= leesvolgorde) en dat is verwarrend. Zorg dat deze content als artefact gemarkeerd worden. Zie ook succescriterium 1.3.1.

Bevinding 35: Advies: in de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf staan op de laatste pagina twee logo's en twee websiteadressen. In de tag- en leesvolgorde komen eerst de twee logo's en daarna de twee webadressen. Momenteel is dit niet direct een probleem, omdat de logo's geen tekstalternatief hebben, maar voor succescriterium 1.1.1 hebben zij wel een tekstalternatief nodig. Dan wordt het wel een probleem voor dit succescriterium.

1.3.3 Zintuiglijke eigenschappen (Niveau A)

Informatie over succescriterium 1.3.3 Zintuiglijke eigenschappen

Uitkomst: Onvoldoende

Bevinding 36: Op pagina https://groeivooruit.nl/how-to-videos/ staat meerdere keren "Bekijk de video hiernaast…". Dit is een instructie die verwijst naar een specifieke locatie. Deze is niet voor iedereen waar te nemen. Zo staan de video's in de code soms vóór en soms na de instructie. Daarnaast klopt de instructie niet als de pagina op een klein of ingezoomd scherm wordt bekeken, want dan staat de video erboven. Verwijs in plaats hiervan bijvoorbeeld naar de titel van de video. Zie ook succescriterium 1.3.2.

1.3.5 Identificeer het doel van de input (Niveau AA)

Informatie over succescriterium 1.3.5 Identificeer het doel van de input

Uitkomst: Onvoldoende

Bevinding 37: Op pagina https://groeivooruit.nl/contact/ staan invoervelden waar bezoekers eigen gegevens moeten invoeren. HTML5-invoervelden die informatie over de gebruiker vragen, zoals naam, e-mailadres en telefoonnummer, moeten een juist autocomplete-attribuut hebben. Op pagina https://www.w3.org/Translations/WCAG21-nl/#input-purposes staat meer informatie over welke velden een autocomplete-attribuut nodig hebben en welke dat moet zijn.

Bevinding 38: In de chat op alle pagina's wordt ook gevraagd om gegevens van de gebruiker, namelijk de naam. Hier ontbreekt ook het autocomplete-attribuut. Het formulier in het chatvenster bevat zelf autocomplete="off" en dat is niet de bedoeling, want dan kan de naam van de gebruiker niet automatisch ingevuld worden.

1.4 Onderscheidbaar

1.4.1 Gebruik van kleur (Niveau A)

Informatie over succescriterium 1.4.1 Gebruik van kleur

Uitkomst: Onvoldoende

Bevinding 39: Op meerdere pagina's - waaronder https://groeivooruit.nl/loopbaanadvies-voor-zzpers/, https://groeivooruit.nl/how-to-videos/, https://groeivooruit.nl/nieuws-en-blogs/ en https://groeivooruit.nl/over-ons/ - wordt in het hoofdmenu het huidige onderdeel aangegeven met een andere kleur. Kleur mag niet het enige middel zijn om informatie over te brengen. Gebruik daarom nog een methode om deze informatie over te brengen, bijvoorbeeld door het huidige onderdeel te onderstrepen of dikgedrukt te maken. Deze informatie moet ook beschikbaar zijn voor gebruikers van hulpsoftware. Zie 1.3.1 voor meer informatie.

Bevinding 40: Op pagina https://groeivooruit.nl/omscholen-creatieve-industrie/ staat onder de kop "Groei Vooruit helpt je verder" de link "loopbaancoach" in een lopende tekst. Deze link is alleen herkenbaar doordat het een andere kleur heeft. Slechtzienden en kleurenblinden kunnen hierdoor mogelijk niet herkennen dat het om een link gaat. Zorg ervoor dat hyperlinks in lopende tekst ook herkenbaar zijn aan minimaal één andere eigenschap, bijvoorbeeld door ze te onderstrepen. Dit probleem komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/ en https://groeivooruit.nl/skillscv/.

Bevinding 41: Advies: op pagina https://groeivooruit.nl/kansrijke-sectoren-in-regio-zwolle/ staat onder de kop "Kansrijke sectoren in Regio Zwolle" de link "diverse sectoren waarin de kans" in een lopende tekst. Deze link is alleen herkenbaar doordat het een andere kleur heeft. Dit wordt hier wel goedgekeurd, omdat het contrast met de omringende tekst voldoende is en er een duidelijke visuele kader is als de link de focus krijgt. Wel is het beter om alle links standaard te onderstrepen, zodat het voor iedereen duidelijk is dat dit links zijn. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/over-ons/.

1.4.3 Contrast (minimum) (Niveau AA)

Informatie over succescriterium 1.4.3 Contrast (minimum)

Uitkomst: Onvoldoende

Bevinding 42: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere grijze teksten (HEX #888888) op een witte achtergrond De contrastratio is hier 3,5:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 43: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken, staat het hoofdmenu achter een knop. Het actieve onderdeel in dit menu is een grijze tekst (HEX #C4C4C4) op een rode achtergrond (HEX #D83B0A). De contrastratio is hier 2,6:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 44: Onderaan in de footer op de website https://groeivooruit.nl/ staat de grijze tekst "© 2025 Groei Vooruit" (HEX #757575) op een bijna zwarte achtergrond (HEX #181818). De contrastratio is hier 3,9:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 45: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hierin staan meerdere teksten met een te lage contrastratio. Hier volgen enkele voorbeelden. Bijvoorbeeld de witte tekst "Online" op de groene achtergrond (HEX #249888). De contrastratio is hier 3,5:1 waar dat minimaal 4,5:1 moet zijn.
De grijze teksten zoals "Wij werken met Trengo" (HEX #B7B7B7) hebben een te lage contrastratio van 2,0:1 op wit.
de grijze placeholderteksten (HEX #A4A4A4) hebben een te lage contrastratio van 2,5:1 op wit.
De grijze tekst "Het bericht is succesvol verzonden" (HEX #A2A2A2) heeft een te lage contrastratio van 2,5:1 op wit.
Als de invoervelden niet zijn ingevuld, is de tekst die daarna wordt ingevuld rood (HEX ##E3342F). Dit heeft een te lage contrastratio van 4,4:1.

Bevinding 46: Op pagina https://groeivooruit.nl/ staan meerdere rode teksten (HEX #D83B0A) op een lichtgrijze achtergrond (HEX #F0F0F0), zoals "Stoom je klaar voor de arbeidsmarkt", "Met de bijpassende antwoorden" en linkteksten in de uitklapbare onderdelen. De contrastratio is hier 4,0:1 waar dat minimaal 4,5:1 moet zijn. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/carriere/, https://groeivooruit.nl/loopbaancoaching/ en https://groeivooruit.nl/over-ons/.

Bevinding 47: Op pagina https://groeivooruit.nl/contact/ staat de knop "Verzenden". De witte tekst heeft een te lage contrastratio van 3,6:1 op de oranje achtergrond (HEX #F04E23). Dit moet minimaal 4,5:1 zijn.

Bevinding 48: Op pagina https://groeivooruit.nl/?s= staan onder de titels van de zoekresultaten grijze teksten (HEX #999999) op een witte achtergrond De contrastratio is hier 2,8:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 49: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staan onder "Deze zzp'ers gingen je voor" meerdere grijze teksten (HEX #808080) op een lichtgrijze achtergrond (HEX #F0F0F0). De contrastratio is hier 3,4:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 50: Op pagina https://groeivooruit.nl/verhalen/marloes/ staan onder "Verhalen van mensen die zich lieten bijscholen" meerdere blauwe teksten (HEX #0766EC) op een lichtgrijze achtergrond (HEX #F0F0F0). De contrastratio is hier 4,4:1 waar dat minimaal 4,5:1 moet zijn.

Bevinding 51: In de PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf wordt op de meeste pagina's oranje teksten (HEX #EE721B) gebruikt op een witte achtergrond (of andersom). De contrastratio is hier 2,9:1 waar dat minimaal 4,5:1 moet zijn voor normale tekst en 3,0:1 voor grote tekst.

1.4.4 Herschalen van tekst (Niveau AA)

Informatie over succescriterium 1.4.4 Herschalen van tekst

Uitkomst: Onvoldoende

Bevinding 52: Als de website wordt ingezoomd tot 200% bij een schermresolutie van 1280x1024 pixels, valt op pagina https://groeivooruit.nl/over-ons/ de rode tekst "Wij creëren omstandigheden" over de rode knop met de witte tekst "Meld je aan". Hierdoor zijn beide teksten niet goed leesbaar en is de knop niet te bedienen.

1.4.5 Afbeeldingen van tekst (Niveau AA)

Informatie over succescriterium 1.4.5 Afbeeldingen van tekst

Uitkomst: Onvoldoende

Bevinding 53: Op pagina https://groeivooruit.nl/skillscv/ staat naast "Voor de baan die je bent" een afbeelding. Dit is een afbeelding met tekst erin. Voor bezoekers met een visuele beperking is het belangrijk dat tekst als HTML wordt geplaatst en niet in een afbeelding. Zij kunnen tekst in HTML namelijk met een eigen stylesheet naar hun wensen opmaken, terwijl tekst in een afbeelding niet aanpasbaar is. Plaats de tekst indien mogelijk als platte tekst of voeg een toegankelijk alternatief toe. Let op: het toevoegen van een alternatieve tekst zoals beschreven in succescriterium 1.1.1 is niet voldoende om te voldoen aan dit succescriterium.

1.4.10 Reflow (Niveau AA)

Informatie over succescriterium 1.4.10 Reflow

Uitkomst: Onvoldoende

Bevinding 54: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, is niet de volledige tekst in deze cookiemelding beschikbaar. Dit is verlies van informatie.

Bevinding 55: Op de website https://groeivooruit.nl/ staat een chatfunctie. Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, valt dit grotendeels buiten het scherm. Hierdoor is de chat niet of nauwelijks te bedienen en dit is verlies van functionaliteit.
Als het chatvenster is geopend, is de tekst "Team Groei Vooruit" niet helemaal zichtbaar. Nu staat er namelijk "Team Groei Voorui…".

Bevinding 56: Op pagina https://groeivooruit.nl/ staat bovenaan een carrousel met verschillende blokken. Lange woorden, zoals "loopbaancoaching" vallen buiten beeld wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%. Laat lange woorden afbreken en doorgaan op de volgende regel. Let op: horizontaal scrollen is geen oplossing voor dit succescriterium.

Bevinding 57: Op pagina https://groeivooruit.nl/loopbaancoaching/ staan meerdere berichten onder de kop "Inspirerende succesverhalen". Wanneer bij een schermgrootte van 1280x1024 pixels ingezoomd wordt tot 400%, staan hier twee berichten naast elkaar die elkaar deels overlappen. Ook vallen lange teksten deels buiten beeld, bijvoorbeeld "levenslooppsycholoog". Deze teksten zijn dan niet goed leesbaar. Zorg ervoor dat teksten in beeld blijven staan zonder een scrollbalk in de leesrichting (horizontaal) te krijgen.
Dit probleem komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/omscholen-creatieve-industrie/.

Bevinding 58: Als de website wordt ingezoomd tot 400% bij een schermresolutie van 1280x1024 pixels, valt op pagina https://groeivooruit.nl/over-ons/ de zwarte tekst "Hoe wij ons doel bereiken" over de rode knop met de witte tekst "Meld je aan". Hierdoor zijn beide teksten niet goed leesbaar en is de knop niet te bedienen.

1.4.11 Contrast van niet-tekstuele content (Niveau AA)

Informatie over succescriterium 1.4.11 Contrast van niet-tekstuele content

Uitkomst: Onvoldoende

Bevinding 59: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere schakelaars. Als een schakelaar is ingeschakeld, staat er een witte icoon op een groene achtergrond (HEX #8BC34A). De contrastratio is hier 2,1:1 waar dat minimaal 3,0:1 moet zijn.

Bevinding 60: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hierin staat naast "Team Groei Vooruit" een knop voor het minimaliseren. Deze grijze knop (HEX #B7B7B7) heeft een te lage contrastratio van 2,0:1 waar dit minimaal 3,0:1 moet zijn.

Bevinding 61: Op de website https://groeivooruit.nl/ is een aangepaste indicator van de toetsenbordfocus gebruikt. Als een interactief element zoals een link of knop de focus krijgt, verschijnt een rode rand (HEX #FF0000). De contrastratio tussen de focusrand en de achtergrond moet minimaal 3,0:1 zijn, maar dat is niet overal het geval. Hier volgen enkele voorbeelden, maar er kunnen meer problemen zijn:

Bevinding 62: Op pagina https://groeivooruit.nl/contact/ staan invoervelden. De grijze randen van dit invoerveld (HEX #C1C1C1) hebben een te lage contrastratio van 1,8:1 met de witte achtergrond. De contrastratio met de lichtgrijze binnenkant is nog lager. Dit moet minimaal 3,0:1 zijn. Slechtziende en kleurenblinde gebruikers kunnen daardoor missen waar ze iets kunnen invullen.

Bevinding 63: Als op pagina https://groeivooruit.nl/contact/ de invoervelden "Aanhef" en "Woongemeente" de toetsenbordfocus krijgen, is dit alleen zichtbaar met een grijze schaduwrand (HEX #DFDFDF). De contrastratio is hier 1,3:1 waar dat minimaal 3,0:1 moet zijn.

1.4.12 Tekstafstand (Niveau AA)

Informatie over succescriterium 1.4.12 Tekstafstand

Uitkomst: Onvoldoende

Bevinding 64: Op de website staat een chatfunctie. Als de tekstafstanden uit dit succescriterium worden toegepast en het chatvenster wordt geopend, valt het label "Online" deels over de tekst eronder. Deze tekst is daardoor niet goed leesbaar.

Bevinding 65: Op pagina https://groeivooruit.nl/ staat bovenaan een carrousel. Als de tekstafstanden uit dit succescriterium worden toegepast, valt een deel van de content in deze carrousel weg onder de volgende content. Bijvoorbeeld de onderste links in het blok "Gratis bijscholen".

1.4.13 Content bij hover of focus (Niveau AA)

Informatie over succescriterium 1.4.13 Content bij hover of focus

Uitkomst: Onvoldoende

Bevinding 66: Op de website https://groeivooruit.nl/ staat een hoofdmenu. Als de muisaanwijzer hierover wordt bewogen en als dit focus krijgt, verschijnt nieuwe content, namelijk de menu-onderdelen. Deze content valt ook over de inhoud van de pagina. Deze extra content die verschijnt moet aan drie voorwaarden voldoen. De content is niet 'dismissable'. Dit wil zeggen dat het niet mogelijk is om de content te laten verdwijnen zonder de muis te verplaatsen en/of de focus te verplaatsen. Een oplossing kan zijn om dit mogelijk te maken met de Escape-toets.

Bevinding 67: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staat onder "Het begint met een gesprek" de tekst "Regio Zwolle". Als de muis hierover wordt bewogen, verschijnt nieuwe content, namelijk een een kaart. Deze content is niet 'dismissable' en niet 'hoverable', omdat hier niet met de muis over de tekst bewogen kan worden. Zie ook succescriterium 2.1.1. Dit probleem komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/loopbaancoaching/ en https://groeivooruit.nl/kansrijke-sectoren-in-regio-zwolle/.

2. Bedienbaar

2.1 Toetsenbordtoegankelijk

2.1.1 Toetsenbord (Niveau A)

Informatie over succescriterium 2.1.1 Toetsenbord

Uitkomst: Onvoldoende

Bevinding 68: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staat de 'knop' "Alle cookies toestaan". Deze is echter niet met het toetsenbord te bereiken en te bedienen. Zie ook succescriterium 4.1.2.

Bevinding 69: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Deze is niet met het toetsenbord te bereiken en te bedienen. Hierdoor is deze functie niet helemaal te onderzoeken. Dit betekent dat hier meer problemen in kunnen zitten. Een aantal problemen is echter wel benoemd, zie onder andere succescriteria 1.3.1, 2.4.7 en 4.1.2.

Bevinding 70: Op de website https://groeivooruit.nl/ staat onderin een chatfunctie. In het geopende venster kan een bericht getypt worden en dan staan er ook knoppen voor het toevoegen van een emoji, een gif en een bestand. Deze knoppen zijn niet met het toetsenbord te bereiken en te bedienen. Zie ook succescriterium 4.1.2.

Bevinding 71: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken en het mobiele menu wordt geopend, staan in dit menu de onderdelen "Waar kunnen we je mee helpen?" en "Over ons". Deze kunnen onderliggende pagina's tonen, maar dit is niet mogelijk met alleen het toetsenbord. Zorg ervoor dat deze onderdelen ook met het toetsenbord te bedienen zijn.

Bevinding 72: Als pagina https://groeivooruit.nl/verhalen/ op een klein of ingezoomd scherm wordt bekeken, staan de filters onder de link "Toon filters". Deze link is niet met het toetsenbord te bereiken en te bedienen. Dit komt waarschijnlijk doordat het href-attribuut ontbreekt.

Bevinding 73: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staat onder "Het begint met een gesprek" de tekst "Regio Zwolle". Als de muis hierover wordt bewogen, verschijnt nieuwe content, namelijk een een kaart. Dit is niet mogelijk met alleen het toetsenbord. Een mogelijke oplossing is om hier een link van te maken naar een pagina met deze informatie. Zie ook succescriterium 1.4.13. Dit probleem komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/loopbaancoaching/ en https://groeivooruit.nl/kansrijke-sectoren-in-regio-zwolle/.

2.1.4 Enkel teken sneltoets (Niveau A)

Informatie over succescriterium 2.1.4 Enkel teken sneltoets

Uitkomst: Onvoldoende

Bevinding 74: Op pagina https://groeivooruit.nl/how-to-videos/ staat een videospeler van YouTube. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "K" voor het pauzeren van de video. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de YouTube-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: 'disablekb=1'. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

Bevinding 75: Op pagina's https://groeivooruit.nl/ en https://groeivooruit.nl/loopbaancoaching/ wordt gebruikgemaakt van de videospeler van Vimeo. Deze videospeler maakt gebruik van bediening door enkele tekentoetsen, bijvoorbeeld "M" voor het dempen van het geluid en "F" voor afspelen op volledig scherm. Deze functionaliteit is iets wat mensen die afhankelijk zijn van spraaksoftware in de weg kan staan. Deze mensen zijn juist afhankelijk van die korte commando's om met spraaksoftware hun computer te bedienen. Los dit op door de embedcode van de Vimeo-video aan te passen zodat de bediening met tekentoetsen uit staat. Voeg de volgende eigenschap aan de embedcode toe: keyboard=false. Met deze aanpassing zorg je ervoor dat je voldoet aan dit succescriterium.

2.2 Genoeg tijd

2.2.1 Timing aanpasbaar (Niveau A)

Informatie over succescriterium 2.2.1 Timing aanpasbaar

Uitkomst: Onvoldoende

Bevinding 76: Op pagina https://groeivooruit.nl/ staat bovenaan een carrousel met scrollende content. Deze bewegende content zorgt ervoor dat sommige bezoekers moeite hebben met het lezen of bedienen ervan. Een mogelijkheid om dit op te lossen is door een bedieningsmechanisme (bijvoorbeeld een pauzeknop) toe te voegen waarmee de bezoeker de content kan pauzeren. Zie ook succescriterium 2.2.2.

Bevinding 77: Wanneer bezoekers in het formulier op pagina https://groeivooruit.nl/contact/ een formulierveld niet goed invullen, verschijnt er een foutmelding. Deze melding verdwijnt in sommige browsers na enige tijd, waardoor sommige bezoekers niet voldoende tijd hebben om de melding te lezen. Zorg ervoor dat foutmeldingen blijven staan totdat de bezoeker de fout heeft opgelost.

2.2.2 Pauzeren, stoppen, verbergen (Niveau A)

Informatie over succescriterium 2.2.2 Pauzeren, stoppen, verbergen

Uitkomst: Onvoldoende

Bevinding 78: Op pagina https://groeivooruit.nl/ staat een carrousel die na elke paar seconden een nieuw beeld laat zien. Deze carrousel kan niet gestopt, gepauzeerd of verborgen worden. Bij sommige mensen kan de beweging misselijkheid veroorzaken. Voor mensen met bijvoorbeeld een cognitieve beperking kan het lastig zijn omdat zij zich tijdens het lezen niet kunnen concentreren op de tekst, door de beweging op het scherm. Zorg dat bezoekers de video kunnen stoppen of pauzeren, bijvoorbeeld met een pauzeknop. Let op: deze knop moet ook geheel toegankelijk zijn, bijvoorbeeld voor toetsenbordgebruikers. Zie ook succescriterium 2.2.1

2.4.2 Paginatitel (Niveau A)

Informatie over succescriterium 2.4.2 Paginatitel

Uitkomst: Onvoldoende

Bevinding 79: De pagina's https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/ hebben allebei de paginatitel "Nieuws en blogs - Groei Vooruit". Deze titel geeft op de eerstgenoemde pagina niet het onderwerp of doel aan en is niet uniek. Wijzig de paginatitel van de eerstgenoemde pagina naar bijvoorbeeld "Inspirerende verhalen - Groei Vooruit".

Bevinding 80: De PDF op pagina https://groeivooruit.nl/wp-content/uploads/Scholing-financieren_v9.0.pdf heeft geen documenttitel in de eigenschappen. Zorg voor een titel die de inhoud van het document beschrijft en dat de titel van het document wordt getoond in plaats van de bestandsnaam.

2.4.3 Focus volgorde (Niveau A)

Informatie over succescriterium 2.4.3 Focus volgorde

Uitkomst: Onvoldoende

Bevinding 81: De eerste keer dat een bezoeker de website bezoekt, verschijnt er een cookiemelding over de pagina heen. De cookiemelding krijgt niet als eerste focus. Dit belemmert het gebruik van de website voor bezoekers die met het toetsenbord navigeren. Zorg dat de melding als eerste weg te klikken is of integreer de melding in de webpagina.

Bevinding 82: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken en het mobiele menu wordt geopend, gaat de focus hier niet direct naartoe, maar naar de onderliggende pagina. Dit is geen logische focusvolgorde. Als iets wordt geopend, moet de focus daar direct naartoe gaan.

Bevinding 83: Op pagina https://groeivooruit.nl/ staan onder "Meest gestelde vragen" onderdelen die in- en uitgeklapt kunnen worden. Bij navigatie met behulp vam de tabtoets krijgen links binnen de ingeklapte content focus. Bijvoorbeeld de link "hier" onder "Waarvoor kan ik bij Groei Vooruit terecht". Het is nu niet te zien welk element focus heeft. Zorg ervoor dat alleen zichtbare elementen toetsenbord focus krijgen.

Bevinding 84: Op de website https://groeivooruit.nl/ staat onderin een chatfunctie. Steeds als hier een bericht wordt verzonden, wordt de focus verplaatst naar de avatar bovenin het chatvenster. Dit is geen logische focusvolgorde. Zorg ervoor dat de focus naar een logische plek wordt verplaatst, bijvoorbeeld terug naar het invoerveld voor het typen van een bericht.

Bevinding 85: Advies: op pagina's https://groeivooruit.nl/?s=, https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/ volgt de focusvolgorde niet altijd de visuele volgorde als door de verschillende berichten wordt genavigeerd. Dit heeft niet direct invloed op de betekenis, maar kan wel verwarrend zijn. Daarom kan dit beter aangepast worden.

Informatie over succescriterium 2.4.4 Linkdoel (in context)

Uitkomst: Onvoldoende

Bevinding 86: Op pagina https://groeivooruit.nl/?s= staan meerdere zoekresultaten. Bij elk zoekresultaat staat ook een afbeelding en deze afbeelding is een link. Deze link heeft geen naam en daardoor is het doel van de link niet te bepalen. Geef de link een naam, bijvoorbeeld via een tekstalternatief van de afbeelding of verwijder deze link. De titel van een zoekresultaat is namelijk ook al een link. Van deze link kan eventueel het klikbaar gebied vergroot worden.

Bevinding 87: Op pagina https://groeivooruit.nl/?s= staat onder de zoekresultaten een paginanavigatie. De links hebben een naam als "2", "3" en "Next". Dit geeft niet voldoende het doel van deze links aan. Voeg bijvoorbeeld "Pagina" toe aan de naam van de links. Dit mag visueel verborgen zijn.

Bevinding 88: Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staan onder "Deze zzp’ers gingen je voor" kolommen met daarin meerdere keren de link "Lees dit verhaal". Deze links hebben niet automatisch context met de content erboven en daarom is niet duidelijk welk verhaal gelezen kan worden. Zorg dat linkteksten duidelijk beschrijven waar de link naartoe gaat, bijvoorbeeld door de tekst aan te vullen met de titel van het bericht of pagina waarnaar gelinkt wordt. Als visueel duidelijk is waar de link bij hoort hoeft deze aanvullende tekst niet visueel zichtbaar te zijn. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/.

Bevinding 89: Op pagina https://groeivooruit.nl/loopbaancoaching/ staan onder "Inspirerende succesverhalen" meerdere kolommen met berichten. Hier zijn per bericht drie links: de afbeelding, een onzichtbaar deel onder de afbeelding en de link "Lees dit verhaal". Van geen van deze links is het doel duidelijk: het tekstalternatief van de afbeelding geeft het linkdoel niet aan, de tweede link is leeg en de link "Lees dit verhaal" heeft geen context met de content erboven. Hier kunnen de berichten beter één link krijgen met een duidelijke omschrijving van het doel, bijvoorbeeld de naam. Dit komt vaker voor, bijvoorbeeld op https://groeivooruit.nl/omscholen-creatieve-industrie/, https://groeivooruit.nl/verhalen/marloes/ en https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/.

2.4.7 Focus zichtbaar (Niveau AA)

Informatie over succescriterium 2.4.7 Focus zichtbaar

Uitkomst: Onvoldoende

Bevinding 90: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere schakelaars. De toetsenbordfocus is hier niet zichtbaar. Ook na de schakelaars is de focus een aantal keer niet zichtbaar. Zorg ervoor dat bezoekers die met het toetsenbord navigeren weten welk element de focus heeft door een duidelijke focusrand toe te voegen.

Bevinding 91: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hierin is de focus niet zichtbaar op onderdelen die met het toetsenbord te bedienen zijn. Zie ook succescriterium 2.1.1.

Bevinding 92: Op de website https://groeivooruit.nl/ is de focus twee keer niet zichtbaar op links tussen de skiplink bovenaan en het logo. Dit lijken links voor de zoekfunctie te zijn.

Bevinding 93: Op de website https://groeivooruit.nl/ is de focus in de footer niet zichtbaar op de links bij de afbeeldingen "Groei Vooruit" en "Regio Zwolle".

Bevinding 94: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken, is het hoofdmenu verplaatst achter een 'knop' in de header. Hierop is de toetsenbordfocus niet zichtbaar.

Bevinding 95: Op pagina's https://groeivooruit.nl/?s=, https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/ staat bij elk bericht een afbeelding die ook een link is. De focus is niet zichtbaar op deze afbeeldingen.

Bevinding 96: Op pagina's https://groeivooruit.nl/ en https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/ staan links naar verhalen en gerelateerde berichten. De afbeelding bij elk verhaal of bericht is een link, maar de focus is hier niet zichtbaar.

Bevinding 97: Op pagina https://groeivooruit.nl/skillscv/ staat een afbeelding naast "Voor de baan die je bent". Deze afbeelding is een link, maar de focus is hier niet zichtbaar.

2.5 Input modaliteiten

2.5.3 Label in naam (Niveau A)

Informatie over succescriterium 2.5.3 Label in naam

Uitkomst: Onvoldoende

Bevinding 98: Op de website https://groeivooruit.nl/ staat bovenin het logo dat een link is naar de homepage. De toegankelijke naam van deze link is "Groei Vooruit". Daarin ontbreekt de zichtbare tekst "in Regio Zwolle". Doordat de visuele tekst en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

Bevinding 99: Op de website https://groeivooruit.nl/ staat onderin in de footer het logo "Groei Vooruit in Regio Zwolle", dat een link is naar de homepage. De toegankelijke naam van deze link is "Terug naar homepage". Daarin ontbreekt de gehele zichtbare tekst. Doordat de visuele tekst en de toegankelijke naam van deze knop niet overeenkomen, is de knop niet of moeilijk te bedienen door bezoekers die afhankelijk zijn van spraaksoftware. Zorg ervoor dat het visuele label van deze knop in de toegankelijke naam voorkomt, het liefst vooraan.

Bevinding 100: Op pagina https://groeivooruit.nl/contact/ staat een formulier met meerdere invoervelden. Boven deze invoervelden staan tekstuele labels, maar deze zijn niet gekoppeld aan de invoervelden. Dit betekent dat deze teksten niet gebruikt kunnen worden om de invoervelden met spraakbedieningssoftware te bedienen. Zie ook succescriterium 4.1.2.

3. Begrijpelijk

3.1 Leesbaar

3.1.2 Taal van onderdelen (Niveau AA)

Informatie over succescriterium 3.1.2 Taal van onderdelen

Uitkomst: Onvoldoende

Bevinding 101: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. De knop om deze chatfunctie te openen heeft het tekstalternatief "Trengo launcher icon". Hier is echter geen taalwisseling aangegeven voor deze Engelse tekst. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst. Dit laatste is echter niet aan te bevelen, want de pagina is verder in het Nederlands. Zie ook succescriterium 1.1.1.
Dit geldt ook voor de knop in het chatvenster met het tekstalternatief "send".

Bevinding 102: Als de website https://groeivooruit.nl/ met het toetsenbord wordt bediend, kan bovenaan een zogenaamde skiplink verschijnen. De tekst "Skip to main content" is in het Engels, terwijl er geen taalwisseling is aangegeven. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst. Dit laatste is echter niet aan te bevelen, want de pagina is verder in het Nederlands.

Bevinding 103: In de zoekfunctie op alle pagina's staan de Engelse teksten "Search" en "Hit enter to search or ESC to close". Voor deze Engelse tekst is geen taalwisseling aangegeven. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst.

Bevinding 104: Op pagina https://groeivooruit.nl/?s= staat de Engelse tekst "Results For "" 183 results found". Voor deze Engelse tekst is geen taalwisseling aangegeven. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst.

Bevinding 105: Onderaan op pagina https://groeivooruit.nl/?s= staan de Engelse woorden "Previous" en "Next". Voor deze Engelse tekst is geen taalwisseling aangegeven. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst. Dit komt ook voor op pagina's https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/.

Bevinding 106: Op pagina https://groeivooruit.nl/404 staat de Engelse tekst "404 Page Not Found Back Home". Voor deze Engelse tekst is geen taalwisseling aangegeven. Vertaal dit naar het Nederlands of voeg lang="en" toe aan deze tekst.

3.2 Voorspelbaar

3.2.1 Bij focus (Niveau A)

Informatie over succescriterium 3.2.1 Bij focus

Uitkomst: Onvoldoende

Bevinding 107: Op de website https://groeivooruit.nl/ staat onderin een chatfunctie. Als een pagina voor het eerst wordt bezocht, staat hier een invoerveld met de placeholder "Typ een bericht". Als deze de focus krijgt, opent het chatvenster en wordt de focus verplaatst naar dit venster. Hier wordt vooraf niet voor gewaarschuwd en dit kan verwarrend zijn voor gebruikers. Zorg ervoor dat de focus pas wordt verplaatst na het drukken op een knop.

3.2.2 Bij input (Niveau A)

Informatie over succescriterium 3.2.2 Bij input

Uitkomst: Onvoldoende

Bevinding 108: Op pagina's https://groeivooruit.nl/verhalen/ en https://groeivooruit.nl/nieuws-en-blogs/ kunnen bezoekers de berichten filteren. Zodra een selectievakje aangevinkt is, ververst de pagina direct en komt de focus bovenaan de pagina. Dit is verwarrend en mogelijk desoriënterend voor sommige bezoekers. Maak gebruik van een knop waarmee bezoekers zelf het filteren controleren of gebruik asynchrone JavaScript-functionaliteit die de selectie aanpast. Gebruik bij dit laatste ook een 'live-region' waar je aan de bezoeker duidelijk maakt dat er iets is gewijzigd (via hulpsoftware).

3.3 Assistentie bij invoer

3.3.1 Foutidentificatie (Niveau A)

Informatie over succescriterium 3.3.1 Foutidentificatie

Uitkomst: Onvoldoende

Bevinding 109: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Als hierin verplichte velden niet worden ingevuld, verschijnt alleen een icoon en een rode gloed. Er is dan geen foutmelding aanwezig en dat is wel nodig. Voeg een foutmelding toe, bijvoorbeeld "Het veld Naam is niet ingevuld".

Bevinding 110: Het formulier op pagina https://groeivooruit.nl/contact/ maakt alleen gebruik van HTML5-veldcontroles. Deze foutmeldingen worden niet door alle browsers en hulpsoftware goed ondersteund. De melding is soms kortaf, onvolledig of blijft te kort staan. Ook kun je de tekstgrootte niet aanpassen, zodat sommige mensen de tekst mogelijk niet kunnen lezen. Voeg zelf foutmeldingen toe aan het formulier om dit probleem op te lossen.

3.3.2 Labels of instructies (Niveau A)

Informatie over succescriterium 3.3.2 Labels of instructies

Uitkomst: Onvoldoende

Bevinding 111: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hierin staan meerdere invoervelden met alleen een placeholdertekst, bijvoorbeeld "Naam" en "Bericht". De placeholdertekst is niet voldoende, want die verdwijnt zodra de bezoeker begint met typen. Voor sommige mensen kan het moeilijk zijn om te onthouden wat ze moeten invullen als dat er niet duidelijk bij staat. Voeg een label toe dat altijd zichtbaar blijft om dit probleem op te lossen.

3.3.3 Foutsuggestie (Niveau AA)

Informatie over succescriterium 3.3.3 Foutsuggestie

Uitkomst: Onvoldoende

Bevinding 112: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Als hierin verplichte velden niet worden ingevuld, verschijnt alleen een icoon en een rode gloed. Er is geen suggestie aanwezig waarin wordt aangegeven hoe de fouten verholpen kunnen worden.

4. Robuust

4.1 Compatibel

4.1.2 Naam, rol, waarde (Niveau A)

Informatie over succescriterium 4.1.2 Naam, rol, waarde

Uitkomst: Onvoldoende

Bevinding 113: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Dit element heeft geen naam. Voeg aria-labelledby toe dat verwijst naar een (nog toe te voegen) id bij de koptekst "Cookievoorkeuren" in dit venster of voeg een aria-label toe.

Bevinding 114: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staan meerdere schakelaars zonder naam. Er zijn wel gekoppelde label-elementen, maar die zijn leeg. Zie ook succescriterium 1.3.1.

Bevinding 115: Als de website https://groeivooruit.nl/ voor het eerst wordt bezocht, staat linksonder in beeld een cookiemelding. Als hierin op "Voorkeuren" wordt geklikt, verschijnt een dialoogvenster. Hierin staat de 'knop' "Alle cookies toestaan". Dit interactief element heeft geen semantische rol, bijvoorbeeld 'button'. Zie ook succescriterium 2.1.1.

Bevinding 116: Onderaan op de website https://groeivooruit.nl/ staat een chatfunctie. Hier zijn meerdere problemen mee, bijvoorbeeld:

Bevinding 117: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken, is het hoofdmenu verplaatst achter een knop in de header van de pagina. Deze 'knop' heeft geen naam, geen rol en geen waarde. Maak hier een button-element van en geef het bijvoorbeeld de naam "Open menu".

Bevinding 118: Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken en het mobiele menu wordt geopend, staan in dit menu de onderdelen "Waar kunnen we je mee helpen?" en "Over ons". De status van beide links (in- of uitgeklapt) kan niet bepaald worden. Daarnaast mist de eerstgenoemde link een naam en een rol. Zie ook succescriterium 2.1.1.

Bevinding 119: Op pagina https://groeivooruit.nl/ staan onder "Meest gestelde vragen" onderdelen die in- en uitgeklapt kunnen worden. De status (in- of uitgeklapt) is nu niet te bepalen. Voeg aria-expanded toe met de juiste waarde of gebruik de elementen details en summary. Dit laatste is te adviseren, want dit is standaard HTML die ook goed aangeeft wat de onderdelen zijn en hoe ze gebruikt kunnen worden. Andere oplossingen zijn ook mogelijk.

Bevinding 120: Op pagina https://groeivooruit.nl/contact/ staat een formulier in een iframe-element. Deze iframe mist een naam. Voeg een title toe en geef dit een betekenisvolle waarde.

Bevinding 121: Op pagina https://groeivooruit.nl/contact/ staat een formulier met meerdere invoervelden. Boven deze invoervelden staan tekstuele labels, maar deze zijn niet gekoppeld aan de invoervelden. Dit betekent dat de invoervelden geen naam hebben. De labels hebben het for-attribuut met een waarde. De input-elementen hebben echter geen id met de waardes in het for-attribuut. Voeg een id toe aan alle invoervelden en zorg ervoor dat de waarde overeenkomt met de waarde van het bijbehorende for-attribuut. Zie ook succescriterium 2.5.3.

Bevinding 122: Bij succescriterium 2.4.4 zijn een aantal links benoemd die geen inhoud bevatten. Deze links hebben daarom ook geen naam. Het gaat bijvoorbeeld om de afbeeldingen bij berichten op pagina https://groeivooruit.nl/?s= en de onzichtbare links bij 'gerelateerde' berichten op pagina's https://groeivooruit.nl/loopbaancoaching/, https://groeivooruit.nl/omscholen-creatieve-industrie/, https://groeivooruit.nl/verhalen/marloes/ en https://groeivooruit.nl/praktijkleren-ervaring-opdoen-en-geld-verdienen-iets-voor-jou/.

4.1.3 Statusberichten (Niveau AA)

Informatie over succescriterium 4.1.3 Statusberichten

Uitkomst: Onvoldoende

Bevinding 123: Op de website https://groeivooruit.nl/ staat onderin een chatfunctie. Als hierin nieuwe berichten verschijnen, moet dat ook meegedeeld worden aan hulpsoftware, zoals screenreaders. Dan kunnen die aan de gebruiker communiceren welke nieuwe inhoud is verschenen. Dit gebeurt momenteel niet, behalve één toon. Dit geeft echter niet de inhoud van de nieuwe inhoud weer. Gebruik bijvoorbeeld aria-live om de nieuwe berichten te communiceren.

Onderbouwing van de evaluatie

Het onderzoek is uitgevoerd op basis van de evaluatiemethode van het W3C, WCAG-EM. Dit gebeurt grotendeels handmatig door een steekproef te nemen. Voor een quickscan geldt dat we slechts delen uit deze methodiek gebruiken. Ondanks alle zorgvuldigheid en ervaring van de onderzoeker kan het voorkomen dat een probleem niet gesignaleerd is. Houd er rekening mee dat in een volgend onderzoek bepaalde onderdelen anders worden beoordeeld omdat technologieën en hulpsoftware worden doorontwikkeld. Bij het handmatig onderzoek wordt gebruik gemaakt van tools.

Steekproef getoetste webpagina's

Ondersteunende technieken

Bronnen

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

Geprint: 2025-12-15 19:20:12 v2.4-011