1. Overzicht
Dit onderzoek is uitgevoerd volgens de evaluatiemethode WCAG-EM
Deze audit volgde de Website Accessibility Conformance Evaluation Methodology (WCAG-EM) zoals beschreven in de W3C aanbeveling. De evaluatie omvatte
Om een goed beeld te krijgen van de digitale toegankelijkheid van een website, is het noodzakelijk een onderzoek handmatig uit te voeren. Dit onderzoek omvat alle domeinen, subdomeinen en/of subdomeinen die een logisch geheel vormen met het hoofddomein van de website. Met de WCAG‑evaluatiemethode (WCAG‑EM) nemen we nauwkeurige steekproeven, zodat er een volledig beeld ontstaat van de digitale toegankelijkheid van het product. We onderzoeken waar het product niet aan de richtlijnen voldoet.
Het testen gebeurt grotendeels handmatig en op basis van een steekproef. De resultaten worden per steekproef vastgelegd. Als een type toegankelijkheidsprobleem op meerdere pagina’s voorkomt, worden één of meerdere voorbeelden gegeven.
Omdat we met een steekproef werken en per bevinding één of meerdere voorbeelden geven, moet u zelf het systeem bekijken om uit te vinden waar de fout mogelijk elders optreedt.
Aan het begin van het onderzoek kijken we welke “type” pagina’s en inhoud relevant zijn voor deze steekproef. Denk bijvoorbeeld aan de homepage, een FAQ‑pagina, video‑ en beeldmateriaal, PDF‑bestanden en inhoudspagina’s.
Naast het gebruik van WCAG‑EM bieden we ook persoonlijk advies vanuit onze expertise. Dat betekent dat we ook kijken naar toegankelijkheidsvereisten die niet in de richtlijnen staan, maar waarvan wij vinden dat ze aangepast moeten worden om beter aan de behoeften van de doelgroep te voldoen.
overview_statistics
Titel: WCAG EM rapport Ikbindr.nl
Opdrachtgever: Gemeente Enschede
Datum van toetsing: 9 september 2025
WCAG-versie: WCAG 2.1
Conformiteitsniveau: AA
Managementsamenvatting
Samenvatting van de Toegankelijkheidsaudit voor ikbindr.nl
De toegankelijkheidsaudit van de website ikbindr.nl, uitgevoerd volgens de WCAG 2.1-normen op niveau AA, heeft 52 bevindingen opgeleverd, verdeeld over 17 onderzochte samples. Hoewel er geen kritieke problemen zijn vastgesteld, zijn er wel 12 hoge, 24 middelzware en 17 lage prioriteitsproblemen geïdentificeerd. Een van de belangrijkste bevindingen is dat verschillende PDF’s niet correct zijn getagged of helemaal niet getagged zijn, wat de toegankelijkheid voor gebruikers van hulpmiddelen zoals schermlezers ernstig belemmert. Daarnaast zijn er problemen met contrast, onvoldoende beschrijvende alt-teksten voor afbeeldingen, onduidelijke paginatitels, en hover-inhoud die niet toegankelijk is via een toetsenbord. Ook ontbreken in sommige gevallen duidelijke foutmeldingen en suggesties voor verbetering, wat de gebruikerservaring voor alle bezoekers kan beïnvloeden. Daarnaast zijn er afbeeldingen die niet correct zijn gemarkeerd als decoratief, wat assistentietechnologieën kan misleiden.
Een ander probleem is de onlogische volgorde van elementen in PDF’s, waardoor schermlezers informatie op een verwarrende manier voorlezen. Ook zijn er koppen die niet correct zijn geformatteerd in de code, ondanks dat ze visueel aanwezig zijn, en PDF’s met lege tags of geen taaldefinitie, wat de toegankelijkheid verder vermindert. Deze bevindingen benadrukken het belang van een goed gestructureerde en toegankelijke website, vooral voor gebruikers die afhankelijk zijn van hulpmiddelen om digitale inhoud te begrijpen en te gebruiken.
Om de toegankelijkheid van ikbindr.nl te verbeteren, wordt aanbevolen om bijvoorbeeld de alt-teksten van afbeeldingen te optimaliseren, contrast problemen aan te pakken, paginatitels te verduidelijken, en ervoor te zorgen dat alle interactieve elementen ook via toetsenbord kunnen worden bediend. Daarnaast moeten PDF’s worden voorzien van de juiste taaldefinities en tags om ze toegankelijk te maken voor gebruikers van schermlezers. Door deze aanpassingen te implementeren, kan de website voldoen aan de WCAG 2.1-normen op niveau AA en een inclusievere gebruikerservaring bieden.
Gebruikte tools en technologie
Het systeem wordt ondersteund door gangbare webbrowsers en hulpapparatuur.
2. Scope
Website informatie
| Eigenschap | Waarde |
|---|---|
| Naam van het systeem | ikbindr.nl |
| URL | ikbindr.nl |
| WCAG-versie | WCAG 2.1 |
| Conformiteitsniveau | AA |
Scope van het onderzoek
Binnen scope: De pagina's onder http://ikbindr.nl Buiten scope: -https://www.rijksoverheid.nl/onderwerpen/werken-in-het-onderwijs/volop-kansen-in-het-onderwijs -https://www.werkeninhetonderwijs.nl/ -De partners die zichtbaar zijn op de pagina's.
Used tools and technologies
Chrome (meest recente versie), Safari (meest recente versie), Stylus Chrome Extensie, Resize Window Chrome extensie, Axe DevTools, Color contrast Analyzer, Voice Over, HeadingsMap, Lighthouse
3. Verkenning
Webtechnologieën
- HTML
- CSS
- JS
- WAI-ARIA
- SVG
4. Steekproef
-
Homepagina
-
CookiemeldingIkbindr.nl
-
Aanvraag scholingcheque
-
Verhalen
-
Van spoed naar groei
-
Wat ga jij doen?
-
Veelgestelde vragen
-
Zakelijk: homepagina
-
Zakelijk: contact
-
Techniek en energie
-
Zakelijk: Kom in actie voor werk dat bij je past!
-
Informatie Twents Fonds voor Vakmanschap & IKBINDR
-
Stappenplan
-
Nieuwsbrief extern
-
Twents fonds voor vakmanschap
-
ICT
-
Alle onderzochte webpagina's
5. Bevindingen
Bevindingen per WCAG-principe
Bevindingen (43)
De volgende toegankelijkheidsproblemen zijn gevonden en moeten worden opgelost:
Principe 1: Waarneembaar
Afbeelding met verkeerd of ontoereikend tekstueel alternatief
Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.
Locatie: Het logo moet een duidelijkere alt tekst hebben. Zie bijvoorbeeld het logo onderin, waar extra informatie te zien is die niet overkomt in de alt tekst. Hoe ook rekening met het logo in de header en geef het liefst aan dat dit een knop is die naar home navigeert en dat dit het logo is van ikbindr.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: De afbeeldingen bij motiveren, adviseren en faciliteren.
Gekoppelde pagina's: Twents fonds voor vakmanschap
Prioriteit: Gemiddeld
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Afbeelding zonder tekstueel alternatief
Beschrijving: Er is een informatieve afbeelding zonder tekstueel alternatief gevonden. Zet de informatie in de alt-tekst, of in een beschrijving in de buurt van de afbeelding.
Locatie: De twee logo's aan het begin van de pagina hebben geen alternatieve tekst.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Gemiddeld
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Afbeelding met verkeerd of ontoereikend tekstueel alternatief
Beschrijving: Er is een afbeelding gevonden waarvan het tekstueel alternatief verkeerd of niet voldoende omschrijvend is.
Locatie: De alt tekst van het logo links in de header moet ook 'zakelijk' hierin hebben staan.
Gekoppelde pagina's: Zakelijk: homepagina
Prioriteit: Laag
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Video zonder titel
Beschrijving: Er is een video gevonden zonder titel. De titel informeert schermlezergebruikers over de inhoud van de video.
Locatie: Het filmpje wat op de homepagina te zien is.
Gekoppelde pagina's: Homepagina
Prioriteit: Gemiddeld
WCAG Criteria: 1.1.1
Uitkomst: Gefaald
Pdf is niet getagd
Beschrijving: De pdf is niet gecodeerd waardoor deze niet toegankelijk is voor ondersteunende technologieën, zoals een schermlezer. Daarnaast is het niet mogelijk om de pdf op koppen, lijsten, tabellen en ander gebruik van codestructuur te toetsen.
Locatie: Er zijn geen tags te vinden.
Gekoppelde pagina's: Stappenplan, Nieuwsbrief extern
Prioriteit: Hoog
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: Er worden geen koppen gebruikt, terwijl die er visueel wel zijn.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Pdf met verkeerde tag opmaak
Beschrijving: De pdf heeft wel een tag- of elementenstructuur, maar deze is niet goed opgebouwd, waardoor de tags niet voldoende overeenkomen met de semantische structuur. Het is belangrijk de tags altijd goed te controleren, met name als je software gebruikt om de tags automatisch toe te voegen, zodat hulpsoftware het document goed uit kan lezen.
Locatie: De afbeeldingen zijn niet goed gecodeerd, deze hebben op dit moment gekke tags.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Pdf met verkeerde tag opmaak
Beschrijving: De pdf heeft wel een tag- of elementenstructuur, maar deze is niet goed opgebouwd, waardoor de tags niet voldoende overeenkomen met de semantische structuur. Het is belangrijk de tags altijd goed te controleren, met name als je software gebruikt om de tags automatisch toe te voegen, zodat hulpsoftware het document goed uit kan lezen.
Locatie: De link in de tekst is niet te openen met alleen een toetsenbord. Dit komt omdat deze niet de juiste link tag heeft.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Hoog
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Informatieve content in pseudo-element
Beschrijving: Er wordt gebruik gemaakt van een pseudo-element, zoals een :before of :after, waarin informatieve content geplaatst is. Deze content is niet goed toegankelijk voor hulpsoftware en kan daardoor gemist worden. Zorg voor een correct label op iconen en andere content.
Locatie: De titel van de afbeeldingslink bij de verhalen.
Gekoppelde pagina's: Verhalen, Homepagina, Zakelijk: homepagina
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Kop niet programmatisch opgemaakt
Beschrijving: Er is een kop gevonden die niet goed is opgemaakt als kop in de code.
Locatie: Er is maar 1 tekst als kop opgemaakt, terwijl meerdere teksten er visueel uit zien als kop en dus ook als heading opgemaakt moeten worden.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Gefaald
Geen betekenisvolle volgorde
Beschrijving: De volgorde van de elementen verliest bij het voorlezen door een schermlezer betekenis of is verwarrend voor de gebruiker.
Locatie: Er is een onlogische volgorde, wat effect heeft op hoe de schermlezer het document voorleest. Zo wordt de kop 1 als laatste opgelezen, terwijl dit de titel is en ook visueel als eerste te zien is.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.2
Uitkomst: Gefaald
Link binnen tekst enkel met kleur te onderscheiden
Beschrijving: Er is een link gevonden binnen tekst, waarbij kleur het enige visuele middel is om het verschil tussen de link en tekst te zien.
Locatie: De linkteksten in de footer zijn alleen herkenbaar door een verandering in kleur bij hover of focus, maar deze kleur heeft ook te weinig contrast, waardoor dit niet duidelijk is.
Gekoppelde pagina's: Homepagina
Prioriteit: Laag
WCAG Criteria: 1.4.1
Uitkomst: Gefaald
Focus enkel aangegeven met verschil in kleur
Beschrijving: Wanneer het element focus krijgt, verandert alleen de kleur van het element, zoals de kleur van de tekst, achtergrond- en/of randkleur. Het verschil in de gebruikte kleuren is echter niet contrasterend genoeg, waardoor dit makkelijk gemist kan worden Het is daarnaast niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of die slechtziend zijn. Het zou duidelijker zijn wanneer er ook een andere indicatie is om focus waar te nemen, zoals genoeg contrast, een onderlijning of (bij voorkeur) een goed zichtbare omlijning van het element dat focus heeft (focusbox).
Locatie: Wanneer de gele buttons focus krijgen, verandert de kleur naar een donkerdere geel, waardoor dit niet goed zichtbaar is.
Gekoppelde pagina's: Twents fonds voor vakmanschap, Zakelijk: homepagina, Homepagina, Zakelijk: Kom in actie voor werk dat bij je past!
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.1
Uitkomst: Gefaald
Link binnen tekst enkel met kleur te onderscheiden
Beschrijving: Er is een link gevonden binnen tekst, waarbij kleur het enige visuele middel is om het verschil tussen de link en tekst te zien.
Locatie: De gele link tekst die in de witte lopende tekst te zien is.
Gekoppelde pagina's: Techniek en energie
Prioriteit: Laag
WCAG Criteria: 1.4.1
Uitkomst: Gefaald
Component alleen met kleur aangegeven
Beschrijving: Er is een component dat enkel kleur gebruikt om iets te communiceren met de gebruiker (eventueel samen met een legenda, of gebruikmakend van culturele aanwijzingen zoals ‘groen’ voor ‘gaan’ en ‘rood’ voor ‘stoppen’). Aangezien niet iedereen kleur kan zien, moeten we andere communicatiemiddelen gebruiken, zoals ‘vorm’ (onderstreping, vormen) of ‘tekst’ (labels). Als je deze communicatiemiddelen niet kunt gebruiken, mag je ‘contrast’ gebruiken (een kleur contrastverhouding boven 3:1).
Locatie: Het verschil tussen de sliders die aan of uit staan is alleen met kleur aangegeven, waar er ook een te laag contrast zit tussen wit en geel én disabled en niet disabled knopje.
Gekoppelde pagina's: Cookiemelding
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.1
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De grijs op witte tekst.
Gekoppelde pagina's: Homepagina, Verhalen
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.3
Uitkomst: Gefaald
Tekst met onvoldoende contrast
Beschrijving: Er is een tekst gevonden met een kleur die een te lage contrastverhouding (4,5:1 of lager) heeft ten opzichte van de achtergrondkleur.
Locatie: De placeholder tekst in het inschrijfveld.
Gekoppelde pagina's: Twents fonds voor vakmanschap, Zakelijk: homepagina
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.3
Uitkomst: Gefaald
Tekstkleur met onvoldoende contrast met achtergrond afbeelding
Beschrijving: Er is een tekst gevonden met een afbeelding op de achtergrond waarbij het contrast niet hoog genoeg is (minimaal 4,5:1).
Locatie: De header afbeeldingen hebben te weinig contrast met de witte tekst die te zien is.
Gekoppelde pagina's: Nieuwsbrief extern, Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 1.4.3
Uitkomst: Gefaald
Herschalen van tekst met verlies van functionaliteit
Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van functionaliteit.
Locatie: De sticker/link die rechts te zien is verdwijnt bij het inzoomen.
Gekoppelde pagina's: Van spoed naar groei, Zakelijk: Kom in actie voor werk dat bij je past!
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.4
Uitkomst: Gefaald
Afbeelding bevat essentiële tekst
Beschrijving: Er is een afbeelding waarin tekst is ingesloten in de afbeelding, waarvan de tekst essentieel is voor de context. Deze tekst is niet toegankelijk voor gebruikers van schermlezers of mensen die de opmaak van tekst wijzigen (zoals beschreven in 1.4.12). Je kunt de tekst beter met behulp van CSS op de afbeelding plaatsen.
Locatie: De afbeelding van de benodigde criteria bevat essentiële tekst.
Gekoppelde pagina's: Homepagina
Prioriteit: Laag
WCAG Criteria: 1.4.5
Uitkomst: Gefaald
Verlies van functionaliteit bij reflow
Beschrijving: Er is een component gevonden met verlies van functionaliteit tijdens reflow.
Locatie: Niet de gehele tekst van de knop is te lezen.
Gekoppelde pagina's: Verhalen
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.10
Uitkomst: Gefaald
Invoerveld met onvoldoende contrast
Beschrijving: Er is een invoerveld gevonden met een rand of achtergrondkleur, met een te laag contrast ten opzichte van naastgelegen kleuren.
Locatie: De invoervelden in het formulier hebben te weinig contrast met de witte achtergrond.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Laag
WCAG Criteria: 1.4.11
Uitkomst: Gefaald
Focusindicator met onvoldoende contrast
Beschrijving: Wanneer het element focus krijgt, is het contrast tussen de focusindicator en de omliggende kleuren niet voldoende. Dit moet 3,0:1 zijn. Hierdoor kan dit makkelijk gemist worden en is het niet (goed) zichtbaar voor bijvoorbeeld mensen met een vorm van kleurenblindheid, of personen die slechtziend zijn. Het is belangrijk een goed zichtbare focusindicator te gebruiken. Een voorbeeld van een focusindicator die op verschillende achtergrondkleuren goed zichtbaar is, is te vinden op de volgende site: https://www.erikkroes.nl/blog/the-universal-focus-state/ .
Locatie: Wanneer de link de focus krijgt, heeft dit te weinig contrast met de achtergrond. Dit zorgt er zowel voor dat het niet duidelijk is waar de focus is, maar ook de tekst is niet meer goed te lezen.
Gekoppelde pagina's: Verhalen, Aanvraag scholingcheque, Wat ga jij doen?
Prioriteit: Gemiddeld
WCAG Criteria: 1.4.11
Uitkomst: Gefaald
Icoon met onvoldoende contrast
Beschrijving: Er is een icoon gevonden met onvoldoende contrast met naastgelegen kleuren. De contrastverhouding moet minimaal 3:1 zijn voor iconen.
Locatie: De social media iconen. De grijze iconen van de partners.
Gekoppelde pagina's: Van spoed naar groei, Informatie Twents Fonds voor Vakmanschap & IKBINDR, Twents fonds voor vakmanschap, Zakelijk: Kom in actie voor werk dat bij je past!
Prioriteit: Laag
WCAG Criteria: 1.4.11
Uitkomst: Gefaald
Principe 2: Bedienbaar
Hover content niet toegankelijk met toetsenbord
Beschrijving: Er is een hover-component gevonden die niet toegankelijk is voor toetsenbordgebruikers.
Locatie: Er komt extra tekst in beeld bij de 'verhalen' afbeeldingen die niet te zien is met alleen een toetsenbord.
Gekoppelde pagina's: ICT, Zakelijk: homepagina, Verhalen
Prioriteit: Gemiddeld
WCAG Criteria: 2.1.1
Uitkomst: Gefaald
Geen skiplink aanwezig
Beschrijving: Er is geen skip-link of andere bypass-methode gevonden, maar deze is wel nodig.
Locatie: Er is geen skiplink aanwezig.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Hoog
WCAG Criteria: 2.4.1
Uitkomst: Gefaald
Paginatitel onvoldoende beschrijvend
Beschrijving: De pagina heeft een titel, maar deze beschrijft het doel van de pagina niet of niet duidelijk genoeg.
Locatie: De pagina titel in de code verschilt met de h1 die te zien is op de pagina. Het html title element heeft de naam Scholing in een kansrijke sector | IKBINDR. Dit terwijl de h1 met de class title de naam "Wat ga jij doen?" heeft, en dit is ook wat visueel te zien is. Hierdoor is het onduidelijk wat nu precies de titel is en wat deze met de pagina te maken heeft.
Gekoppelde pagina's: Wat ga jij doen?
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.2
Uitkomst: Gefaald
Pdf titel incorrect
Beschrijving: De titel van het document klopt niet met de inhoud.
Locatie: De titel is: "TFVV23057_IKBINDR_Zakelijk_BusinessClubs_Mailing". Maak deze duidelijker zodat het matched met de inhoud.
Gekoppelde pagina's: Nieuwsbrief extern
Prioriteit: Laag
WCAG Criteria: 2.4.2
Uitkomst: Gefaald
Pdf zonder titel
Beschrijving: Er is een pdf zonder titel.
Locatie: Er is geen titel geprogrammeerd.
Gekoppelde pagina's: Stappenplan, Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Hoog
WCAG Criteria: 2.4.2
Uitkomst: Gefaald
Focusvolgorde niet logisch
Beschrijving: Het verplaatsen van de toetsenbordfocus gebeurt niet logisch. De focus verdwijnt bijvoorbeeld buiten een dialoogvenster, of de focus gaat niet logisch door de volgorde van de content heen, of de focus verdwijnt na interactie met de gebruiker.
Locatie: De link naar de pdf komt pas na het formulier naar voren met de focus, terwijl deze visueel al eerder te zien is.
Gekoppelde pagina's: Zakelijk: contact
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.3
Uitkomst: Gefaald
Focusindicator verlaat menu, maar menu sluit niet
Beschrijving: De focusindicator verlaat het zichtbare gebied zonder het menu te sluiten. De focusindicator moet in het menu doorlopen totdat een optie is geselecteerd, of het menu moet worden gesloten.
Locatie: Het hamburgermenu in de header.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Gemiddeld
WCAG Criteria: 2.4.3
Uitkomst: Gefaald
Focusindicator niet zichtbaar
Beschrijving: De focusindicator is niet zichtbaar, dat hindert de mogelijkheid om de website te gebruiken omdat het daardoor onmogelijk wordt te navigeren met behulp van het toetsenbord. De focus indicator is waarschijnlijk uitgezet voor de hele website door middel van styling met css, dit zou echter aangezet moeten worden.
Locatie: De focus is niet zichtbaar op de knoppen. Hierdoor lijkt deze niet toetsenbord bedienbaar terwijl dat wel zo is.
Gekoppelde pagina's: Veelgestelde vragen, Zakelijk: homepagina
Prioriteit: Hoog
WCAG Criteria: 2.4.7
Uitkomst: Gefaald
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar.
Locatie: De focusindicator is niet zichtbaar wanneer je langs de afbeeldingen bij de verhalen gaat. Ook kun je niet zien welke tekst thier bij staat, omdat dit alleen op hover te zien is.
Gekoppelde pagina's: Verhalen
Prioriteit: Hoog
WCAG Criteria: 2.4.7
Uitkomst: Gefaald
Focusindicator niet altijd zichtbaar
Beschrijving: De focusindicator is niet altijd volledig zichtbaar.
Locatie: De focusindicator is niet overal zichtbaar, zo is deze niet zichtbaar in het uitklapbare menu Dit geldt ook voor de sliders in de cookiemelding en de dropdown knoppen in de formulieren.
Gekoppelde pagina's: Cookiemelding, Homepagina, Aanvraag scholingcheque
Prioriteit: Hoog
WCAG Criteria: 2.4.7
Uitkomst: Gefaald
Vegen niet met enkele klik bedienbaar
Beschrijving: Er is een component gevonden die bediend kan worden door een veegbeweging. Hier is geen enkel-klik bediening bij gevonden.
Locatie: Er is de mogelijkheid om te vegen om de rest van de partners in de lijst te kunnen zien. Dit kan echter alleen met een muis en is zelfs daar niet duidelijk aangegeven dat dit een mogelijkheid is.
Gekoppelde pagina's: Twents fonds voor vakmanschap
Prioriteit: Hoog
WCAG Criteria: 2.5.4
Uitkomst: Gefaald
Principe 3: Begrijpelijk
Pdf heeft geen taal gedefineerd
Beschrijving: De pdf heeft geen taal gedefinieerd. Hierdoor kan de schermlezer de pdf niet begrijpen.
Locatie: Er is geen taal ingesteld.
Gekoppelde pagina's: Nieuwsbrief extern
Prioriteit: Hoog
WCAG Criteria: 3.1.1
Uitkomst: Gefaald
Geen foutidentificatie in tekst
Beschrijving: Één of meerdere invoervelden bevatten geen beschrijving van de fout in tekst.
Locatie: Wanneer je een fout maakt bij het inschrijfveld, is de enige vorm van foutindicatie de rode lijn om het veld heen.
Gekoppelde pagina's: Zakelijk: homepagina
Prioriteit: Hoog
WCAG Criteria: 3.3.1
Uitkomst: Gefaald
Geen suggestie voor verbetering
Beschrijving: Er is een foutmelding gevonden, zonder goede suggestie voor het verbeteren van gebruikersinvoer. Het verwachtte format wordt namelijk niet duidelijk weergegeven, waardoor het meerdere pogingen kan kosten de fout te corrigeren.
Locatie: Naast de 'browser gegenereerde foutmeling' is er geen foutmelding en ook geen suggestie hoe je je fout kan verbeteren.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Hoog
WCAG Criteria: 3.3.3
Uitkomst: Gefaald
Browser gegenereerde foutsuggestie
Beschrijving: Er is een invoerveld gevonden waarbij de foutsuggestie door de browser wordt gegenereerd. Deze techniek is niet voldoende ondersteund voor toegankelijkheid, omdat deze suggesties niet altijd duidelijk en behulpzaam zijn.
Locatie: Wanneer er een fout wordt gemaakt of een veld niet goed wordt ingevuld.
Gekoppelde pagina's: Aanvraag scholingcheque, Zakelijk: contact
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.3
Uitkomst: Gefaald
Principe 4: Robuust
Iframe zonder (goede) naam
Beschrijving: Er is een iframe gevonden waar content in getoond wordt. Dit iframe heeft geen (goede) toegankelijke naam.
Locatie: De iframe van het formulier.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Laag
WCAG Criteria: 4.1.2
Uitkomst: Gefaald
Invoerveld zonder naam
Beschrijving: Er is een invoerveld gevonden zonder naam.
Locatie: De invoervelden in het formulier hebben geen naam, dit maakt het lastig om in te vullen voor gebruikers met een schermlezer. Elk invoerveld wordt namelijk voorgelezen als 'invoerveld'.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Hoog
WCAG Criteria: 4.1.2
Uitkomst: Gefaald
Element met verkeerde of missende naam, rol en/of waarde
Beschrijving: Er is een component gevonden voor interactie met de gebruiker, dat geen, of geen goede programmatisch te bepalen naam, rol en/of waarde heeft.
Locatie: De naam van het menu is niet duidelijk genoeg. Dit wordt namelijk opgelezen als 'menu samengevouwen', wanneer je dan dit menu weer wilt sluiten, hoor je niet dat het kruisje dit sluit. De schermlezer leest dit namelijk voor als 'menu uitgevouwen'. Zorg dat de naam duidelijk is. Dit geldt ook voor de vorige en volgende knop, die in het engels zijn opgemaakt.
Gekoppelde pagina's: Homepagina, Zakelijk: homepagina
Prioriteit: Hoog
WCAG Criteria: 4.1.2
Uitkomst: Gefaald
Advies (9)
De volgende toegankelijkheidsbevindingen adviseren we op te lossen, maar zijn niet nodig om aan de scope te voldoen.
Principe 1: Waarneembaar
Afbeelding niet opgemaakt als decoratief
Beschrijving: Er is een decoratieve afbeelding gevonden die niet te negeren is voor hulptechnologie. Maak de afbeelding op als decoratief door het alt-attribuut leeg te laten (niet te verwijderen).
Locatie: Denk goed na over welke afbeeldingen informatief zijn en nodig om de context van de pagina te begrijpen. Maak bij voorkeur meer afbeeldingen op als decoratief en voeg de informatie als tekstueel toe buiten de afbeelding
Gekoppelde pagina's: Homepagina, Van spoed naar groei, Techniek en energie, Verhalen, Aanvraag scholingcheque, Wat ga jij doen?, ICT
Prioriteit: Laag
WCAG Criteria: 1.1.1
Uitkomst: Advice
Pdf heeft lege tags
Beschrijving: De pdf bevat lege tags. Dit is verwarrend en is niet toegankelijk, omdat dit gebruikers niet verder helpt met het begrijpen van de structuur van de pdf.
Locatie: Gebruik geen lege tags om witruimtes te forceren.
Gekoppelde pagina's: Informatie Twents Fonds voor Vakmanschap & IKBINDR
Prioriteit: Gemiddeld
WCAG Criteria: 1.3.1
Uitkomst: Advice
Herschalen van tekst met verlies van leesbaarheid
Beschrijving: Bij het vergroten van tekst naar 200% ontstaat er een verlies van leesbaarheid.
Locatie: Denk na over het gebruik van overlays over de afbeeldingen. Wanneer een gebruiker het scherm heeft vergroot, is er al snel de situatie dat je zonder dat je dit de bedoeling is over de afbeelding heen hovert, waardoor je deze niet meer kunt zien.
Gekoppelde pagina's: Homepagina, ICT, Verhalen
Prioriteit: Laag
WCAG Criteria: 1.4.4
Uitkomst: Advice
Principe 2: Bedienbaar
Escape sluit bewust geopende pop-up/menu/modal niet
Beschrijving: Er is een element op de pagina dat andere content verbergt, zoals een geopend navigatiemenu, modal of pop-up, dat niet gesloten kan worden met de escape-toets. Hierdoor is het niet makkelijk te sluiten voor mensen die met het toetsenbord door de pagina navigeren, omdat ze eerst de sluitknop moeten vinden.
Locatie: Het hamburgermenu in de header.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 2.1.1
Uitkomst: Advice
Ontwerp een aangepaste focusindicator
Beschrijving: De standaard focusindicator van de browser heeft niet genoeg contrast met de elementen op de webpagina, waardoor deze niet altijd goed zichtbaar is, met name voor mensen met een visuele beperking. Het advies is om een eigen focusindicator te maken en deze te testen met alle elementen op contrast, zodat deze beter waarneembaar is.
Locatie: Ontwerp een eigen, consistente focusindicator die op de gehele site duidelijk te zien is.
Gekoppelde pagina's: Alle onderzochte webpagina's
Prioriteit: Laag
WCAG Criteria: 2.4.7
Uitkomst: Advice
Principe 3: Begrijpelijk
Verduidelijk afkortingen
Beschrijving: Help gebruikers om afkortingen te begrijpen en ervan te leren. Schrijf ze waar mogelijk volledig uit. Als dat niet kan, bied dan alternatieven zoals tooltips, links naar definities, woordenlijsten of zoekfuncties. Wil je meer weten over het correct gebruik van afkortingen? Navigeer naar onze Nederlandstalige uitleg op https://digitaaltoegankelijk.nl/wcag-uitgelegd/3-1-4-afkortingen-wcag-niveau-aaa/. Deze tekst is gebaseerd op de Engelstalige richtlijnen van het https://www.w3.org/WAI/WCAG21/Understanding/abbreviations.html. Dit advies hoort bij het hogerehttps://digitaaltoegankelijk.nl/nieuws/verschil-wcag-a-wcag-aa-wcag-aaa/. Daarnaast past het binnen de regels van https://digitaaltoegankelijk.nl/direct-duidelijk/ en maakt het de tekst toegankelijker voor meer mensen.
Locatie: De afkorting voor telefoonnummer.
Gekoppelde pagina's: Aanvraag scholingcheque
Prioriteit: Laag
WCAG Criteria: 3.1.4
Uitkomst: Advice
Link navigeert naar pdf-document
Beschrijving: Er wordt er meerdere keren gelinkt naar pdf-documenten. Ons advies is om bij deze links duidelijk te maken dat er, na het klikken op de link, een pdf-document wordt geopend (of gedownload) en dat het niet linkt naar een (externe) webpagina.
Locatie: De 'sticker'/knop met stappenplan opent een pdf.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Laag
WCAG Criteria: 3.2.2
Uitkomst: Advice
Foutmeldingen worden niet tegelijk weergeven
Beschrijving: De foutmeldingen komen niet tegelijk in beeld maar komen één voor één waardoor de gebruiker vaak terug moet om de fouten te herstellen.
Locatie: Wanneer er meerdere fouten zijn, wordt er maar 1 foutmelding per keer weergegeven.
Gekoppelde pagina's: Zakelijk: contact, Aanvraag scholingcheque
Prioriteit: Gemiddeld
WCAG Criteria: 3.3.1
Uitkomst: Advice
6. Samenvatting
Resultaat van toetsing
| Status | WCAG Criteria | Percentage |
|---|---|---|
| Geslaagd | 31 | 62.0% |
| Gefaald | 19 | 38.0% |
Prioriteitsverdeling
- Kritieke prioriteit: 0 - bevindingen vereisen onmiddellijke aandacht.
- Hoge prioriteit: 13 - bevindingen moeten zo snel mogelijk worden aangepakt.
- Gemiddelde prioriteit: 22 - bevindingen moeten ingepland worden voor oplossing.
- Lage prioriteit: 17 - bevindingen kunnen worden aangepakt wanneer middelen dit toelaten.
Advies
- Pak kritieke bevindingen zo snel mogelijk aan.
- Implementeer het systematisch testen van toegankelijkheid.
- Train het development team in toegankelijkheid.
- Plan regelmatige hertests.
- Overweeg het gebruiken van geautomatiseerde testtools.