Rapport:
Audit digitale toegankelijkheid website Groei Vooruit

Uitkomst: Onvoldoende

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

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.

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/.

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/.

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/.

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".

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.

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/.

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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.

Uitkomst: Niet aanwezig

Uitkomst: Onvoldoende

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

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.

Uitkomst: Onvoldoende

Bevindingen: 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.).

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.

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.

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.

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.

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.

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/.

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/.

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.

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.

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.

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.

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.

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.

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:

• De ondertitel op de eerste pagina is verdeeld in twee tags. Dit moet één tag worden. Dit komt vaker voor, bijvoorbeeld met de alinea onder "Gaat het in de aanvraag om regulier betaald onderwijs?" op de vijfde pagina.
• Geen van de kopteksten in het document is opgemaakt met een kop-tag, zoals H1, H2 etc. Bijvoorbeeld "Inhoud" op de vierde pagina en "Stappenplan", "Algemene vraag" etc. vanaf de vijfde pagina.
• De inhoudsopgave op de vierde pagina is niet getagd als inhoudsopgave. Codeer dit als inhoudsopgave met de tags TOC en TOCI.
• Vanaf de vijfde pagina staan meerdere antwoorden "Ja" en "Nee" met daarachter vaak meerdere opties. De relatie tussen de antwoorden en opties is niet programmatisch te bepalen. Zet deze bijvoorbeeld in een opsommingslijst. Andere oplossingen zijn ook mogelijk.
• Op de zevende pagina staat een opsommingslijst onder "1.1 Regelingen per sector". Dit is niet als opsommingslijst (UL- en L-tags) opgemaakt.
• Op de achtste pagina is "2.1 DUO" samen met de tekst eronder opgemaakt in één XXX-tag en dat is niet de bedoeling.
• Onderaan in de voetteksten staat op meerdere pagina's het paginanummer en de documenttitel. Deze zijn getagd en dat is niet de bedoeling. Deze moeten als artefact gemarkeerd worden. Zie ook succescriterium 1.3.2.
• De links in het document missen de 'LINK - OBJR' tag.
• Verder bevat het document veel lege tags. Dit is niet direct een toegankelijkheidsprobleem, maar kan wel een vervelende (voor)leeservaring geven.

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.

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.

Uitkomst: Onvoldoende

Bevindingen: 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/.

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.

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.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

Uitkomst: Onvoldoende

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

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/.

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/.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

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.

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/.

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.

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.

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.

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.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

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…".

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.

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/.

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.

Uitkomst: Onvoldoende

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

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.

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:

• Op pagina https://groeivooruit.nl/ staat een carrousel. De focusindicator bij de links "Meld je direct aan!" en "Meer over loopbaancoaching" in het eerste blok heeft een contrastratio van slechts 1,2:1 op de rode achtergrond (HEX #D23409). Dit komt ook voor op pagina's https://groeivooruit.nl/carriere/, https://groeivooruit.nl/loopbaancoaching/ en https://groeivooruit.nl/verhalen/marloes/.
• Op pagina https://groeivooruit.nl/loopbaanadvies-voor-zzpers/ staat bovenaan een paarse banner (HEX #6616B6) met daarin meerdere links, bijvoorbeeld "Neem contact op". De rode focusindicator heeft heer een te lage contrastratio van 2,2:1.
• Als de website https://groeivooruit.nl/ op een klein of ingezoomd scherm wordt bekeken, staat het hoofdmenu onder een knop. Als deze geopend is en de onderdelen daarin de focus krijgen, heeft de focusindicator een te lage contrastratio van 1,2:1 op de rode achtergrond (HEX #D83B0A).

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.

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.

Uitkomst: Onvoldoende

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

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".

Uitkomst: Onvoldoende

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

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/.

Uitkomst: Onvoldoende

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

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.

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.

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.

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.

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/.

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

Uitkomst: Onvoldoende

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

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.

Uitkomst: Onvoldoende

Bevindingen: 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

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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".

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.

Uitkomst: Onvoldoende

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

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.

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.

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.

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.

Uitkomst: Onvoldoende

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

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.

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/.

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/.

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

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".

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.

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.

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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".

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.

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.

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.

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/.

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.

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

Bevindingen: 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).

Uitkomst: Voldoende

Uitkomst: Voldoende

Uitkomst: Onvoldoende

Bevindingen: 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".

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.

Uitkomst: Onvoldoende

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

Uitkomst: Onvoldoende

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

Uitkomst: Niet aanwezig

Uitkomst: Voldoende

Uitkomst: Onvoldoende

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

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.

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.

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

• Het invoerveld met de placeholder "Typ een bericht" heeft geen naam en geen rol.
• De knop voor het openen of sluiten van de chat heeft geen naam (bijvoorbeeld "Toon/Verberg chat"), geen rol (bijvoorbeeld 'button') en geen waarde (bijvoorbeeld via "Toon/Verberg" of via aria-expanded).
• De knop voor het minimaliseren van het venster heeft ook geen naam, geen rol en geen waarde.

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".

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.

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.

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.

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.

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/.

Uitkomst: Onvoldoende

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