Onderzoek toegankelijkheid nuffic.nl
Inleiding
Openbare voorzieningen moeten bruikbaar en toegankelijk zijn voor alle burgers. Net zoals een gebouw rolstoeltoegankelijk moet zijn, moet een website of mobiele app ook bediend kunnen worden door mensen met een beperking. Dit kunnen bijvoorbeeld visuele, auditieve of motorische beperkingen zijn. Denk aan slechtzienden, doven en slechthorenden en mensen die hun handen niet of in beperkte mate kunnen gebruiken. Ook cognitieve factoren spelen een rol: is de content voor iedereen te begrijpen?
Nederlandse overheidsorganisaties moeten voldoen aan de Web Content Accessibility Guidelines (WCAG) versie 2.1, onder de Europese standaard voor overheidswebsites EN 301 549. Deze criteria variëren van technisch functionele eisen zoals een goede werking met het toetsenbord tot aan meer inhoudelijke eisen zoals duidelijke foutmeldingen en een heldere navigatiestructuur.
Dit onderzoek is handmatig uitgevoerd volgens de WCAG-EM evaluatiemethode met ondersteuning van automatische test tools. De pagina’s uit de sample zijn onderzocht op alle voor dit onderzoek relevante WCAG criteria. Wanneer aan een criterium niet wordt voldaan, wordt hiervan minimaal één voorbeeld gegeven. Deze bevindingen kunnen op meer plekken voorkomen en moeten daarom structureel worden aangepakt.
De WCAG criteria zijn ingedeeld volgens vier principes, welke ook de leidraad vormen voor dit rapport: Waarneembaar, Bedienbaar, Begrijpelijk en Robuust. Gedetailleerde informatie over deze criteria is te vinden op de website van het W3C (Nederlandse vertaling).
Over deze evaluatie
- Rapport auteur
- Julia Tol
- Evaluatie opdrachtgever
- Nuffic
- Evaluatiedatum
- 13 oktober 2025
Managementsamenvatting
De website nuffic.nl is onderzocht tussen 5 en 13 oktober 2025. Het onderzoek is uitgevoerd aan de hand van de evaluatiemethode WCAG-EM. Doel van dit rapport is om te bepalen welke verbeteringen nodig zijn om dit digitaal kanaal toegankelijker te krijgen.
De meest in het oog springende bevindingen zijn:
- Er zijn veel problemen met ontbrekende of onjuiste tekstalternatieven voor afbeeldingen, iconen en logo's, waardoor deze ontoegankelijk zijn voor schermlezers. Dit komt voor bij knoppen met iconen, logo's met lege alt-attributen, decoratieve afbeeldingen die niet verborgen zijn voor schermlezers, en SVG-pijltjes met onnodige title-elementen.
- Er zijn structurele problemen met headings, lijsten en groeperingen van elementen. Teksten die visueel als heading fungeren, zijn niet als zodanig gemarkeerd in de HTML (bijvoorbeeld in cookiemeldingen, submenu's en artikelen op de homepagina). Ook ontbreken correcte markeringen voor lijsten en groeperingen van links in de HTML-structuur, wat de navigatie en het begrip voor gebruikers van hulpsoftware bemoeilijkt.
- Er zijn diverse problemen met onvoldoende contrastratio's, zowel voor tekst als voor niet-tekstuele elementen. Grijze tekst op een witte achtergrond in de cookie-instellingen heeft een te lage contrastratio. Daarnaast is de contrastratio van randen van interactieve elementen (zoals selectievakjes en invoervelden) en focusindicatoren (bij knoppen en selectievakjes) te laag, waardoor deze moeilijk zichtbaar zijn voor mensen met een visuele beperking of kleurenblindheid.
Scope van de evaluatie
- Website naam
- nuffic.nl
- Scope van de website
- Binnen de scope van het onderzoek valt:
- Alle pagina's op www.nuffic.nl
- Alle PDF's op www.nuffic.nl
- 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.
- De pagina's op nuffic.easycruit.com/. Dit vereist een apart onderzoek.
- WCAG Versie
- 2.2
- Conformiteitsdoel
- AA
- Basisniveau van toegankelijkheid-ondersteuning
- Gangbare browsers en hulpapparatuur.
- Verdere onderzoeksvereisten
- Niet ingevuld
Uitgebreide toetsresultaten
Samenvatting
Gerapporteerd over 55 van 55 WCAG 2.2 AA Success Criteria.
- 16 Voldoende
- 29 Onvoldoende
- 10 Niet van toepassing
- 0 Niet getoetst
Alle resultaten
1 Waarneembaar
1.1 Tekstalternatieven
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.1.1: Niet-tekstuele content | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl opent de knop “Nuffic sites” in de header een dialoogvenster. In dit dialoogvenster staat een knop met een “x”-icoon. Dit icoon heeft geen tekstalternatief. Als een knop uitsluitend uit een afbeelding bestaat, moet de alternatieve tekst van de afbeelding de functie van de knop beschrijven. In het hoofdmenu doet zich hetzelfde probleem voor bij de knop met het vergrootglas-icoon. Voeg de beschrijving toe via een aria-label of via tekst die visueel verborgen is, maar toegankelijk voor schermlezers. Hetzelfde probleem treedt op op de pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram na het klikken op knoppen, bijvoorbeeld “Team-Staff”. Op alle pagina’s van https://www.nuffic.nl staat in de header een knop “Nuffic sites” die een dialoogvenster opent. In dit dialoogvenster staan logo’s, maar niet alle logo’s hebben alternatieve tekst. Zo heeft het logo met de zichtbare tekst “euraxess researchers in motion” een leeg alt-attribuut. Als het alt-attribuut van een afbeelding leeg is (alt=""), negeren schermlezers de afbeelding. Een lege alt-tekst betekent: deze afbeelding is puur decoratief, geeft geen informatie. Er wordt dan dus niets voorgelezen. Daarom moeten informatieve afbeeldingen altijd een alt-tekst krijgen. Voeg een alt-tekst toe die de volledige tekst van het logo bevat. Als het logo geen link is, voeg dan ook het woord ‘Logo’ toe aan de alternatieve tekst. Op alle pagina’s van https://www.nuffic.nl openen de knoppen in het hoofdmenu submenu’s. Alle submenu’s bevatten decoratieve afbeeldingen, bijvoorbeeld in het submenu “Onderwijssectoren” staat een afbeelding met de alt-tekst “Illustratie menu Onderwijs.” Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Gebruik voor afbeeldingen in een img-element een leeg alt-attribuut (alt=""). Hetzelfde probleem doet zich voor op de homepagina, onder de heading “Onderzoek en cijfers”, waar de tekstalternatief “Illustratie menu Studeren Werken buitenland” is. Op de homepagina https://www.nuffic.nl staat onder de heading “Onderzoek en cijfers” naast de link “Meer onderzoek en cijfers” een SVG-pijltje waarvan het title-element de tekst “Interne link” bevat. Een decoratieve afbeelding geeft geen extra informatie en moet daarom verborgen worden voor schermlezers. Dit kan op verschillende manieren. Laat bij SVG-afbeeldingen het title-element leeg of weg. Hetzelfde probleem treedt op op de pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws, naast de link “Bekijk het bericht”. Op pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws staan artikelen met afbeeldingen. Sommige afbeeldingen hebben een alternatieve tekst, andere niet. Als deze afbeeldingen informatief zijn, voorzie ze dan van een alt-tekst; als ze decoratief zijn, laat het alt-attribuut leeg (alt=""). |
1.2 Op tijd gebaseerde media
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.2.1: Louter-geluid en louter-videobeeld (vooraf opgenomen) | Uitkomst: Niet van toepassing | |
| 1.2.2: Ondertitels voor doven en slechthorenden (vooraf opgenomen) | Uitkomst: Onvoldoende | Bevindingen: Op de homepagina https://www.nuffic.nl staat onder de heading “Onderwijs wordt beter van een blik naar buiten” een video met gesproken tekst, maar zonder ondertiteling. Voeg ondertiteling toe aan de video. Zo krijgen bezoekers die de video niet (goed) kunnen horen ook alle informatie. |
| 1.2.3: Audiodescriptie of media-alternatief (vooraf opgenomen) | Uitkomst: Onvoldoende | Bevindingen: Op de homepagina https://www.nuffic.nl staat onder de heading “Onderwijs wordt beter van een blik naar buiten” een video. In deze video komen op verschillende momenten teksten en logo’s in beeld, bijvoorbeeld rond 0:03 en 3:33. Er is echter geen media-alternatief of audiodescriptie beschikbaar. Deze video bevat visuele informatie (teksten en logo’s) die ontoegankelijk is voor blinde gebruikers. Bezoekers die blind of slechtziend zijn, missen hierdoor informatie. Dit kan voor dit succescriterium (1.2.3) worden opgelost met een geschreven tekst (media-alternatief), maar om aan succescriterium 1.2.5 te voldoen, moet een audiobeschrijving worden toegevoegd die de visuele elementen in de video beschrijft, zoals namen, functies, logo’s en teksten. |
| 1.2.4: Ondertitels voor doven en slechthorenden (live) | Uitkomst: Niet van toepassing | |
| 1.2.5: Audiodescriptie (vooraf opgenomen) | Uitkomst: Onvoldoende | Bevindingen: Op de homepagina https://www.nuffic.nl staat onder de heading “Onderwijs wordt beter van een blik naar buiten” een video die niet voldoet aan succescriterium 1.2.5, waarin audiodescriptie voor video’s verplicht is. Audiodescriptie is hier nodig, omdat er voldoende ruimte is binnen het bestaande audiospoor. Een media-alternatief is hier niet meer toegestaan als oplossing. Dit is van belang voor mensen die de video’s niet (goed) kunnen zien. |
1.3 Aanpasbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.3.1: Info en relaties | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl verschijnt een cookiemelding. In dit dialoogvenster is de tekst “Jouw privacyvoorkeuren” niet opgemaakt als heading. Bezoekers die hulpsoftware gebruiken hebben niets aan een (tussen)kop die er wel uitziet als kop, maar niet als kop is gemarkeerd. Via de koppen op een pagina kunnen gebruikers van hulpsoftware de inhoud scannen of snel naar een bepaalde sectie navigeren. Maar dat kan alleen als de kop ook echt in de code staat. Als koppen alleen visueel als kop zijn vormgegeven (bijvoorbeeld vetgedrukt), ontstaat bovendien nog een ander probleem: de structuur van de informatie in de code wijkt dan af van de visuele structuur. Dit kan voorkomen worden door koppen altijd te markeren met het juiste HTML-element, op het juiste kopniveau: h1, h2, h3, h4, h5 of h6. Meestal is dit niveau instelbaar via de content-editor in het CMS. De HTML-code voor de kop wordt dan automatisch toegepast. Hetzelfde probleem doet zich voor in alle submenu’s, bijvoorbeeld “Onderwijssectoren,” “Primair onderwijs” en andere. Op de homepagina https://www.nuffic.nl staan boven de heading “Onderwijs wordt beter van een blik naar buiten” artikelen. De volgende teksten in deze artikelen zijn niet opgemaakt als headings: “Erasmus+”, “Ons kantoor in Indonesië”, “Diplomawaardering”. Let op dat wanneer deze teksten als heading worden gemarkeerd, er een ander probleem met de leesvolgorde kan ontstaan (SC 1.3.2). Omdat het eerste artikel alt-tekst heeft voor de afbeelding “Mensen die elkaar een high five geven”, komt deze tekst boven de heading te staan, wat onjuist is. Alles wat betrekking heeft op headings moet onder de headings geplaatst worden. Hetzelfde probleem doet zich op deze pagina voor met de tekst “Nuffic Quickscan”; met teksten onder de headings “Aan de slag binnen jouw onderwijssector”, “Nieuws”, “Agenda”. Hetzelfde probleem doet zich ook voor op pagina https://www.nuffic.nl/over-nuffic/contact/contact-met-nuffic onder de heading “Neem contact met ons op”, bijvoorbeeld “Contactformulier”, en onder de heading “Volg ons op social media”, bijvoorbeeld “LinkedIn”; op pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws, bijvoorbeeld “Ik kijk uit naar de samenwerking”; op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken/internationale-afgestudeerden-op-de-werkvloer, bijvoorbeeld “Education sector”; en op andere pagina’s. Op de homepagina https://www.nuffic.nl staat onder de heading “Aan de slag binnen jouw onderwijssector” een tabnavigatie, bijvoorbeeld “Primair onderwijs”. Informatie over de actieve tab wordt hier alleen visueel weergegeven. Deze informatie is niet aanwezig in de HTML-code. Hierdoor kan een schermlezer deze informatie niet doorgeven aan de bezoeker. Dit probleem valt ook onder succescriterium 4.1.2. Op pagina https://www.nuffic.nl/over-nuffic/contact/contact-met-nuffic staat onder “Veelgestelde vragen” een sectie met verborgen inhoud. De elementen waarmee de verborgen inhoud wordt geopend en gesloten, zijn niet opgemaakt als heading. De teksten waarmee je delen van een accordeon kunt uit- en inklappen, fungeren als koppen voor die delen. Daarom moeten deze teksten ook de rol van kop hebben. Het gaat verkeerd als deze teksten in de code niet als kop zijn gemarkeerd met een h-element zoals h2 of h3. Markeer deze teksten als kop of zorg dat de bestaande rol van kop niet wordt overschreven. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/studeren-en-werken-in-nederland/wet-en-regelgeving-voor-internationale-studenten op een klein scherm bij “Op deze pagina”; op de pagina https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student op een klein scherm, bijvoorbeeld bij “Over de grens”; op de pagina https://www.nuffic.nl/study-and-work-abroad/diplomabeschrijving-je-nederlandse-diploma-in-het-buitenland op een klein scherm, bijvoorbeeld bij “Op deze pagina”; en op andere pagina’s. Op pagina https://www.nuffic.nl/studeren-en-werken-in-nederland/wet-en-regelgeving-voor-internationale-studenten staat onder “Op deze pagina” een groep links die visueel als groep wordt gepresenteerd, maar waarvan de groepering niet is terug te vinden in de HTML-structuur. Als het voor een ziende bezoeker duidelijk is dat een groep links bij elkaar hoort, dan moet die structuur ook in de HTML-code aanwezig zijn. Neem de elementen daarom op in een ul- of nav-element. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/study-and-work-abroad/diplomabeschrijving-je-nederlandse-diploma-in-het-buitenland onder “Op deze pagina”. Op pagina https://www.nuffic.nl/nieuws/nieuwkomer-als-onderwijsassistent-identificatiefiguur-en-bruggenbouwer wordt het em-element gebruikt voor stijldoeleinden, bijvoorbeeld bij “Boven: foto van ICO-studenten tijdens de … het Expertisepunt Cultuurrijk Opleiden”, “Belal Islim (36) uit Syrië woont … bij Noorderpoort Kunst & Multimedia in Groningen.” en andere. Het em-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat. Dit element geeft aan dat de tekst extra nadruk moet krijgen. Om die reden mag dit element niet gebruikt worden om alleen een visueel effect te bereiken (cursieve tekst). Gebruik hiervoor CSS. Op pagina https://www.nuffic.nl/nieuws/nieuwkomer-als-onderwijsassistent-identificatiefiguur-en-bruggenbouwer is de tekst “Lesgeven aan – en omgekeerd ook … de geldende pedagogiek” met meerdere alinea’s onjuist opgemaakt als één enkel p-element. Visueel lijkt deze tekst uit meerdere alinea’s te bestaan: blokjes tekst met witruimte ertussen. Deze structuur moet ook in de code aanwezig zijn. Zorg dat elke alinea in een eigen p-element staat. Het aantal alinea’s dat visueel te zien is, moet dus gelijk zijn aan het aantal p-elementen in de code. Hetzelfde probleem doet zich verderop voor bij de tekst “Ik volgde de opleiding met ... cultuur is van de nieuwkomers”. Op pagina https://www.nuffic.nl/nieuws/nieuwkomer-als-onderwijsassistent-identificatiefiguur-en-bruggenbouwer is de tekst “Meer weten?” onjuist opgemaakt met een strong-element in plaats van een correct heading-element. Het element strong is niet bedoeld om koppen mee te markeren. Dit moet altijd gedaan worden met een kop-element, zoals h2. Koppen zijn bedoeld om een tekst te structureren. Alleen als deze teksten als kop worden gemarkeerd met een kop-element, begrijpt hulpsoftware die betekenis. Het strong-element is wel geschikt om nadruk te geven aan enkele woorden of een zinsdeel. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie na het verzenden van het formulier, bij de tekst “Bedankt, het formulier is verstuurd”. Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief staat de heading “Nieuwsbrieven en interesses”. In deze heading worden zowel het heading-element als het strong-element gebruikt. Het strong-element heeft een semantische waarde: het geeft een bepaalde betekenis aan de tekst die erin staat, namelijk dat de tekst extra nadruk moet krijgen. Om die reden mag het element niet gebruikt worden om alleen een visueel effect te bereiken (vetgedrukt). Gebruik hiervoor CSS. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/study-and-work-abroad/diplomabeschrijving-je-nederlandse-diploma-in-het-buitenland onder de heading “Heb je een diplomabeschrijving nodig?” bij tabelkoppen (th), bijvoorbeeld “Wat zoek je?”. Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief staat een groep selectievakjes, voorafgegaan door de tekst “Nieuwsbrieven”. Visueel vormen deze elementen een groep, maar deze relatie is niet programmatisch vastgelegd in de HTML. Dit kan worden opgelost door de elementen in een fieldset-element te plaatsen. Een fieldset met interactieve inhoud moet een naam hebben. Hiervoor kan het legend-element worden gebruikt. Plaats hierin de tekst “Nieuwsbrieven”. Hetzelfde probleem doet zich voor onder “Nieuwsbrief eTwinning (maximaal 8x per jaar)”. Op pagina https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student staat een schema met 4 groepen. Elke groep bestaat uit links en een naam, bijvoorbeeld “In de school”, maar in de HTML-code is er geen relatie tussen de groep links en de groepsnaam. Dit kan worden opgelost door aan de groepsnaam een heading-rol toe te voegen. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf zijn meerdere koppen niet als kop gemarkeerd. Op pagina 1 geldt dit bijvoorbeeld voor “Internationale afgestudeerden op de werkvloer”. Op pagina 2 gaat het om “Obstakels bij het aannemen”, “Voordelen van internationale afgestudeerden met een Nederlandse diploma” en andere. Op deze manier verschilt de visuele informatiestructuur van de structuur van het document in de tags. Vervang de p-tag door de h-tag, zodat de tag-structuur gelijk is aan de visuele structuur. Hetzelfde probleem doet zich voor in het pdf-document op https://www.nuffic.nl/sites/default/files/2025-04/can-I-hire-an-international-student-for-an-internship.pdf, bijvoorbeeld, “Can I hire an international student for an internship?”. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf staat op pagina 11 een lijst met twee items. De juiste markering ontbreekt. Inhoud die eruitziet als een lijst, moet ook in de tags zo zijn gemarkeerd. Zo krijgen blinde bezoekers dezelfde informatiestructuur door als ziende bezoekers. Een ander voordeel van het markeren van een lijst is dat schermlezers het aantal items dan aankondigen voordat ze gaan voorlezen. Markeer de lijst met een l- en li-tags. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf is het document deels getagd. De inhoudsopgaven op pagina 13 en pagina 20 zijn bijvoorbeeld niet getagd. Dit deel van het document kan hierdoor niet worden onderzocht. Het gaat om alle succescriteria die met de pdf-codelaag te maken hebben, zoals semantische koppen en alternatieve teksten bij afbeeldingen. Als dit wordt opgelost, is het dus mogelijk dat er nieuwe toegankelijkheidsproblemen ontstaan die nu nog niet aan het licht zijn gekomen. Bijvoorbeeld met de tekstlabels voor de formuliervelden, maar ook de relaties van de formuliervelden met de kolomkoppen erboven. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-04/can-I-hire-an-international-student-for-an-internship.pdf staan op pagina 4 datatabellen. De tabelcellen zijn echter onjuist gemarkeerd als th-tags. Dit geldt bijvoorbeeld voor “All residents of the Netherlands ... of the SKGZ for more information” en andere cellen. Markeer de cellen in de koprij van de tabel met th-tags en de datacellen met td-tags. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-04/can-I-hire-an-international-student-for-an-internship.pdf is op pagina 1 een deel van de tekst gemarkeerd met een p-tag, maar deze tag bevat geen zichtbare tekst. Dit geldt bijvoorbeeld voor de tekst “Is the student intern a citizen of the EU/EEA or Switzerland?” en andere teksten. Dit kan worden opgelost door zichtbare tekst toe te voegen aan de p-tag. |
| 1.3.2: Betekenisvolle volgorde | Uitkomst: Onvoldoende | Bevindingen: In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf is de leesvolgorde niet logisch. Op pagina 4 volgt bijvoorbeeld de kop “Inleiding en eerder onderzoek” direct na de tags van de inhoudsopgave. Schermlezers lezen een PDF-document in de volgorde van de tags die in de codelaag staan. Als die niet logisch is, is de leesvolgorde dat dus ook niet en wordt het voor een blinde bezoeker moeilijk om de inhoud van het document te begrijpen. Zorg dus dat de volgorde van de tags logisch is. |
| 1.3.3: Zintuiglijke eigenschappen | Uitkomst: Voldoende | |
| 1.3.4: Weergavestand | Uitkomst: Voldoende | |
| 1.3.5: Identificeer het doel van de input | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief staat een formulier met invoervelden voor persoonlijke informatie, zoals “E-mailadres” en andere velden. Het autocomplete-attribuut ontbreekt bij deze velden. Invoervelden voor persoonlijke informatie zoals achternaam, e-mailadres of telefoonnummer moeten het autocomplete-attribuut hebben. Hierdoor kunnen browsers en hulpsoftware helpen bij het invoeren. Bijvoorbeeld door de velden al automatisch in te vullen. Gebruik het autocomplete-attribuut voor alle velden waar persoonlijke informatie in moet worden gevuld. Op deze pagina staat meer informatie over autocomplete en welke waardes verplicht gebruikt moeten worden: https://www.w3.org/Translations/WCAG22-nl/#input-purposes. |
1.4 Onderscheidbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 1.4.1: Gebruik van kleur | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl, in de cookie-instellingen “Zelf instellen”, staat in de eerste paragraaf de link “privacy policy”, waarbij kleur het enige onderscheid is tussen de link en de gewone tekst. Dit kan een probleem zijn voor kleurenblinde of slechtziende bezoekers. Zij kunnen de kleuren mogelijk niet onderscheiden, en zien dan niet dat er een link in de tekst staat. Zorg ervoor dat links in de tekst op zijn minst op één andere manier te herkennen zijn, bijvoorbeeld door ze onderstreept te maken, of door een kader toe te voegen. Op alle pagina’s van https://www.nuffic.nl wordt in de cookiemelding een aangepaste toetsenbordfocus-indicator gebruikt op de knoppen, bijvoorbeeld bij “Alles weigeren”. Deze is alleen zichtbaar als een verandering van een witte achtergrond naar lichtgrijs. Het gebruik van alleen kleur om focus aan te geven is hier echter niet voldoende. Voor bezoekers met een visuele beperking of kleurenblindheid is zo’n subtiele kleurverandering vaak niet duidelijk genoeg. En ook mensen die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Daarvoor moet er een duidelijk zichtbare focusindicator zijn. Hiervoor kan het beste een extra visuele aanduiding toegevoegd worden. Denk aan een dikkere rand, een onderstreping of een verandering van achtergrond. Hetzelfde probleem doet zich voor bij de knop “Alles accepteren”, waar de roze achtergrond verandert naar donkerroze, en ook bij de knoppen in de cookie-instellingen. In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf staan grafieken waarin kleur wordt gebruikt om informatie over te brengen, bijvoorbeeld op pagina’s 17, 18, 21, 23 en andere. In de legenda en de balken van de grafiek wordt kleur gebruikt om categorieën te onderscheiden. Alleen mensen die de kleuren kunnen zien en van elkaar kunnen onderscheiden, zien welke balk of lijn bij welke categorie hoort. Dit kan worden opgelost door naast kleur bijvoorbeeld ook verschillende soorten arcering te gebruiken. |
| 1.4.2: Geluidsbediening | Uitkomst: Niet van toepassing | |
| 1.4.3: Contrast (minimum) | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl staat in de cookie-instellingen “Zelf instellen” grijze tekst (#777777) op een witte achtergrond, bijvoorbeeld de tekst “(always required)”, de link “Powered by Klaro!” en andere. De contrastratio is te laag: 4,3:1. Deze tekst is kleiner dan 24px en niet vetgedrukt, daarom moet het contrast minimaal 4,5:1 zijn. |
| 1.4.4: Herschalen van tekst | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/studeren-en-werken-in-het-buitenland/onderwijssystemen staat onder het zoekveld een groep links met letters. Bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 200% zijn sommige links niet zichtbaar en niet bedienbaar, zoals “V”, “Z” en andere. Als een bezoeker inzoomt, moet alles nog werken. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/aanmelden-nieuwsbrief; het hele formulier wordt ontoegankelijk en verschillende teksten op de pagina verdwijnen gedeeltelijk, bijvoorbeeld "Wil je op … (max. 12 keer per jaar)". Op pagina https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie raken bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 200% de volgende teksten gedeeltelijk uit beeld: “Selecteer hieronder uit de lijst de titel … dan meerdere formulieren in.” en “Nadat je het formulier … je eigen administratie”. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 200% op een scherm van 1280 bij 1024 pixels. |
| 1.4.5: Afbeeldingen van tekst | Uitkomst: Voldoende | |
| 1.4.10: Reflow | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/studeren-en-werken-in-het-buitenland/onderwijssystemen staat onder het zoekveld een groep links met letters. Bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% zijn sommige links niet zichtbaar en niet bedienbaar, zoals “V”, “Z” en andere. Als een bezoeker inzoomt, moet alles nog werken. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/aanmelden-nieuwsbrief; het hele formulier wordt ontoegankelijk en verschillende teksten op de pagina verdwijnen gedeeltelijk, bijvoorbeeld "Wil je op … (max. 12 keer per jaar)". Op pagina https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie raken bij een schermresolutie van 1280 bij 1024 pixels en een zoomniveau van 400% de volgende teksten gedeeltelijk uit beeld: “Selecteer hieronder uit de lijst de titel … dan meerdere formulieren in.” en “Nadat je het formulier … je eigen administratie”. Zorg dat alles nog werkt en leesbaar is als een bezoeker inzoomt tot 400% op een scherm van 1280 bij 1024 pixels. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram met teksten, in dialoogvensters die worden geopend na het klikken op knoppen, bijvoorbeeld "Team-Staff". |
| 1.4.11: Contrast van niet-tekstuele content | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl staan in de cookie-instellingen “Zelf instellen” selectievakjes, bijvoorbeeld “Embedded external content”. De contrastratio tussen de grijze randen (#ABABAB) en de witte achtergrond (#FAFAFA) is 2,2:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrast van 3,0:1 hebben met de achtergrond. Op alle pagina’s van https://www.nuffic.nl wordt in de cookiemelding een aangepaste toetsenbordfocus-indicator gebruikt op de knoppen, bijvoorbeeld bij “Alles weigeren”. Deze is zichtbaar als een verandering van een witte achtergrond naar lichtgrijs (#E8E8EA). De contrastratio is te laag: 1,2:1. Dit moet minimaal 3,0:1 zijn. Momenteel is het voor mensen met een visuele beperking of kleurenblindheid lastig of zelfs onmogelijk om de focus te zien. Gebruik een kleurcombinatie met voldoende contrast om dit op te lossen. Hetzelfde probleem doet zich voor bij de knop “Alles accepteren”, waar de roze achtergrond (#BF106F) verandert naar donkerroze (#900C54), en ook bij de knoppen in de cookie-instellingen. Op alle pagina’s van https://www.nuffic.nl staan in de cookie-instellingen “Zelf instellen” selectievakjes, bijvoorbeeld “Embedded external content”. Wanneer deze selectievakjes toetsenbordfocus krijgen, is dit zichtbaar door een lichtgrijze rand (#B0B0B0). De contrastratio tussen deze focusrand en de witte achtergrond (#FAFAFA) is 2,1:1. Dit moet minimaal 3,0:1 zijn. Op de homepagina https://www.nuffic.nl staat onder de heading “Onderwijs wordt beter van een blik naar buiten” een video met een afspeelknop. Deze knop heeft een roze focusrand (#BF106F) op een wisselende achtergrond, bijvoorbeeld grijs (#7A6D66). De contrastratio is te laag: 1,2:1. Dit moet minimaal 3,0:1 zijn. Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief staat een formulier. De contrastratio tussen de grijze randen (#E5E3E1) van de invoervelden en de witte achtergrond is 1,3:1. De randen van interactieve elementen zoals invoervelden moeten minimaal een contrastratio van 3,0:1 hebben met de achtergrond. |
| 1.4.12: Tekstafstand | Uitkomst: Onvoldoende | Bevindingen: Op de homepagina https://www.nuffic.nl, onder de kop “Aan de slag binnen jouw onderwijssector”, staan tabbladen met links. Wanneer bezoekers tekstspatiëring toepassen zoals beschreven in het succescriterium, wordt de tekst van de links gedeeltelijk onzichtbaar en onleesbaar. Dit geldt bijvoorbeeld voor “Hoe ondersteun je de taalontwikkeling … in een diverse klas?” en andere teksten. Sommige bezoekers passen de weergave van de tekst aan, zodat zij deze beter kunnen lezen. Denk aan het vergroten van de afstand tussen regels, letters of woorden. Het gaat bijvoorbeeld om mensen met dyslexie. Als een bezoeker dit doet op de manier die in het succescriterium is beschreven, moet alles goed blijven werken. Bovendien moet de tekst leesbaar blijven. Dit kan opgelost worden door de hoogte en breedte van de containers van de tekst responsief te maken. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/contact/contact-met-nuffic met tekst “Wil je op de hoogte blijven van het nieuws over internationalisering van het onderwijs?”; op pagina https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie met teksten “Selecteer hieronder uit de lijst de titel … dan meerdere formulieren in.” en “Nadat je het formulier … je eigen administratie”; op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief, bijvoorbeeld, “Nieuwsbrief hoger onderwijs (maximaal 6x per jaar)”; en anderen. |
| 1.4.13: Content bij hover of focus | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student staan kaarten met iconen “i” die een tooltip activeren. Bezoekers kunnen hun muis niet boven deze tooltip houden. Bezoekers moeten de muisaanwijzer boven aanvullende content kunnen houden zonder dat deze verdwijnt. Zorg dat bezoekers hun muisaanwijzer boven de tooltip kunnen houden. |
2 Bedienbaar
2.1 Toetsenbordtoegankelijk
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.1.1: Toetsenbord | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staat op een klein scherm een knop “Filters”. Deze knop is niet toegankelijk met het toetsenbord. Zorg dat de knop zowel met de spatiebalk als de Enter-toets bediend kan worden. Hetzelfde probleem doet zich voor bij de knop met het pictogram 'x' die verschijnt nadat u op de knop 'Filters' hebt geklikt. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram met knoppen, bijvoorbeeld 'Team-Staff'. Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken/internationale-afgestudeerden-op-de-werkvloer staat onder de tekst "Helpt dit onderzoek jou bij je werk?" een groep keuzerondjes. Deze keuzerondjes zijn niet toegankelijk met het toetsenbord. Zorg dat de keuzerondjes met het toetsenbord bediend kunnen worden. |
| 2.1.2: Geen toetsenbordval | Uitkomst: Niet van toepassing | |
| 2.1.4: Enkel teken sneltoetsen | Uitkomst: Voldoende |
2.2 Genoeg tijd
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.2.1: Timing aanpasbaar | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief wordt in het formulier voor alle invoervelden alleen HTML5-validatie gebruikt. Deze foutmeldingen verdwijnen te snel. Er is dus een tijdslimiet ingesteld. Voeg daarom altijd zelf foutmeldingen toe aan het formulier. Controleer of er nog meer formulieren zijn die dit probleem hebben. |
| 2.2.2: Pauzeren, stoppen, verbergen | Uitkomst: Niet van toepassing |
2.3 Toevallen en fysieke reacties
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.3.1: Drie flitsen of beneden drempelwaarde | Uitkomst: Voldoende |
2.4 Navigeerbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.4.1: Blokken omzeilen | Uitkomst: Voldoende | |
| 2.4.2: Paginatitel | Uitkomst: Onvoldoende | Bevindingen: In het PDF-document op https://www.nuffic.nl/sites/default/files/2025-04/can-I-hire-an-international-student-for-an-internship.pdf is in de bestandseigenschappen de titel “Document (digitaal)” ingesteld. Deze titel beschrijft de inhoud van het document niet goed. De titel van een PDF-document moet het onderwerp of doel van het document duidelijk beschrijven. Hierdoor kunnen bezoekers snel en makkelijk bepalen of het document relevant is. Dit kan worden opgelost door dit aan te passen in de bestandseigenschappen van het bronbestand of van het PDF-document. |
| 2.4.3: Focus volgorde | Uitkomst: Onvoldoende | Bevindingen: De eerste keer dat een bezoeker de website https://www.nuffic.nl opent, verschijnt er een cookiemelding. Deze banner krijgt echter niet als eerste de toetsenbordfocus, terwijl dat wel zou moeten. De banner bedekt de pagina, en als de toetsenbordfocus daar niet direct naartoe gaat, kunnen bezoekers die alleen met het toetsenbord navigeren het bericht niet sluiten. Om de banner te sluiten moet de bezoeker helemaal naar beneden op de pagina tabben. Zorg dat de focus als eerste naar de cookiemelding gaat. Op alle pagina’s van https://www.nuffic.nl staat in de cookiemelding een link “Zelf instellen”. Wanneer op deze link wordt geklikt, opent een modaal dialoogvenster met cookie-instellingen. Op dit moment kan de toetsenbordfocus ontsnappen uit het geopende modaal dialoogvenster en naar de onderliggende pagina-inhoud verplaatsen. Bij dit soort dialoogvensters moet de toetsenbordfocus goed worden ingesteld. Wanneer het venster actief is, moet de toetsenbordfocus binnen het venster blijven en mag deze niet op de onderliggende pagina terechtkomen. Dit kan worden opgelost door de focus binnen het venster te houden, totdat de bezoeker op de sluitknop heeft geklikt of op de ESC-toets heeft gedrukt. Het is ook mogelijk om het venster automatisch te sluiten zodra de focus eruit gaat. Op de homepagina https://www.nuffic.nl komt de toetsenbordfocus na de link “Diplomawaardering” terecht op onzichtbare interactieve elementen in de video. De toetsenbordfocus mag niet terechtkomen op onzichtbare interactieve elementen zoals links, knoppen of formuliervelden. Als dat wel gebeurt, kan een bezoeker ze onbedoeld activeren. |
| 2.4.4: Linkdoel (in context) | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl staat in de header een link “English” om de paginataal naar Engels te wijzigen. De toegankelijke naam “English” beschrijft het doel niet voldoende. Dit kan worden opgelost door in de linktekst (visueel verborgen) de woorden “Switch to” toe te voegen. Let erop dat deze link ook een taalcode moet hebben (SC 3.1.2), in dit geval English. |
| 2.4.5: Meerdere manieren | Uitkomst: Voldoende | |
| 2.4.6: Koppen en labels | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram staan knoppen die dialoogvensters openen, zoals “Team-Staff”. Al deze knoppen hebben echter dezelfde toegankelijke naam “(Click for more information)”, die wordt opgegeven via een aria-label. Je kunt met deze knoppen een andere actie uitvoeren. Dit kan verwarrend zijn voor bezoekers met een schermlezer. Het is niet duidelijk welke actie elke knop uitvoert. Zorg dat de tekst past bij de actie van de knop, zodat knoppen met verschillende functies ook verschillende knopteksten hebben. |
| 2.4.7: Focus zichtbaar | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl is de toetsenbordfocus niet zichtbaar op de volgende elementen: in de header bij de link met het logo, in de footer bij de socialmedia-links en in het submenu bij links met logo’s, bijvoorbeeld in “Studeren en werken in het buitenland” bij de link “Erasmus+”. De toetsenbordfocus moet altijd zichtbaar zijn op interactieve elementen zoals links, knoppen en invoervelden die met het toetsenbord focus kunnen krijgen. Bezoekers die met het toetsenbord navigeren moeten goed kunnen zien op welke plek van de pagina ze zijn. Anders weten ze niet op welk moment ze op Enter moeten drukken om een knop of link te bedienen. |
| 2.4.11: Focus Not Obscured (Minimum) | Uitkomst: Onvoldoende | Bevindingen: De eerste keer dat een bezoeker de website https://www.nuffic.nl opent, verschijnt er een cookiemelding. De toetsenbordfocus komt echter terecht op elementen die verborgen zijn onder de cookiemelding. Hierdoor is het niet zichtbaar waar de focus zich bevindt. Elementen die toetsenbordfocus krijgen, moeten altijd zichtbaar zijn. Als dat niet zo is, kunnen bezoekers die met het toetsenbord of een schermlezer navigeren in de war raken. |
2.5 Input Modaliteiten
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 2.5.1: Aanwijzergebaren | Uitkomst: Niet van toepassing | |
| 2.5.2: Aanwijzerannulering | Uitkomst: Voldoende | |
| 2.5.3: Label in naam | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram staan knoppen die dialoogvensters openen, zoals “Team-Staff”. De toegankelijke naam van deze knoppen is “(Click for more information)” en wordt opgegeven via het aria-label-attribuut. Het gebruik van het aria-label-attribuut overschrijft alle andere methoden voor het benoemen van elementen. Schermlezers en spraakherkenningssoftware gebruiken de tekst die in het aria-label staat. Dit wordt de toegankelijke naam genoemd. Als deze toegankelijke naam anders is dan de zichtbare tekst, zal de tekst die schermlezers voorlezen en die door spraakherkenningssoftware wordt gebruikt, dus afwijken van de zichtbare tekst op de knop. Hierdoor kunnen bezoekers de knop niet meer met stemcommando bedienen. Zij lezen daarvoor namelijk de tekst voor die op de knop te zien is. Omdat deze niet hetzelfde is als de toegankelijke naam, weet de spraaksoftware niet om welke knop het gaat. Zorg dat de toegankelijke naam de zichtbare tekst bevat, en zet deze tekst het liefst vooraan in de naam. De toegankelijke naam mag ook precies hetzelfde zijn als de zichtbare tekst. |
| 2.5.4: Bewegingsactivering | Uitkomst: Niet van toepassing | |
| 2.5.7: Dragging Movements | Uitkomst: Niet van toepassing | |
| 2.5.8: Target Size (Minimum) | Uitkomst: Voldoende |
3 Begrijpelijk
3.1 Leesbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.1.1: Taal van de pagina | Uitkomst: Voldoende | |
| 3.1.2: Taal van onderdelen | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl staat in de cookie-instellingen “Zelf instellen” alle content in het Engels zonder taalcode, bijvoorbeeld de heading “Use of personal data and cookies”. Deze tekst wordt nu voorgelezen volgens de uitspraakregels van de primaire taal van de pagina. Die is ingesteld in het lang-attribuut op het html-element, in dit geval op “nl”. De schermlezer moet hier echter op de taal van deze zin overschakelen. Geef deze anderstalige inhoud daarom een lokaal lang-attribuut met de juiste waarde. Als de tekst bijvoorbeeld in het Engels is, voeg je lang="en" toe aan het element. Op alle pagina’s van https://www.nuffic.nl staat in de header een knop “Nuffic sites” die een dialoogvenster opent. In dit dialoogvenster staan logo’s. Het logo naast de link “Erasmusplusresearch.eu” heeft een alt-tekst in het Engels: “Erasmus+ enriching lives, opening minds”, terwijl de primaire taal van de website Nederlands is. Daarom moet in de code worden aangegeven dat er een taalwisseling is, door er in een omliggend HTML-element lang=“en" aan toe te voegen. Dit komt bij meerdere logo's voor wanneer de gehele Engelse tekst in de alt-tekst wordt toegevoegd (zie ook 1.1.1). Op pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram staan knoppen die dialoogvensters openen, zoals “Team-Staff”. Al deze knoppen hebben dezelfde toegankelijke naam “(Click for more information)”, die in het Engels is opgegeven via een aria-label. Deze labels worden voorgelezen door schermlezers volgens de uitspraakregels van de primaire taal van de pagina, in dit geval Nederlands. Neem de zichtbare teksten van de knoppen op in de toegankelijke namen en vertaal de aria-label-teksten naar het Nederlands. |
3.2 Voorspelbaar
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.2.1: Bij focus | Uitkomst: Voldoende | |
| 3.2.2: Bij input | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staan filters. Wanneer een bezoeker een selectievakje aanklikt, wordt de pagina opnieuw geladen en verschuift de focus naar een andere locatie. Zorg dat de bezoeker van tevoren wordt gewaarschuwd over deze verandering. Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staat in de paginering een select-element dat bij het selecteren van een optie een paginavernieuwing veroorzaakt en de focus verplaatst naar een andere locatie. Dit mag niet zomaar gebeuren. Bezoekers moeten van tevoren gewaarschuwd worden dat de pagina opnieuw zal laden als zij een andere optie selecteren. Een andere oplossing is om een knop toe te voegen waarmee de bezoeker zijn keuze kan bevestigen. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws. |
| 3.2.3: Consistente navigatie | Uitkomst: Voldoende | |
| 3.2.4: Consistente identificatie | Uitkomst: Voldoende | |
| 3.2.6: Consistent Help | Uitkomst: Voldoende |
3.3 Assistentie bij invoer
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 3.3.1: Foutidentificatie | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/aanmelden-nieuwsbrief wordt in het formulier HTML5-validatie gebruikt, waarbij standaard HTML5-foutmeldingen worden getoond wanneer het formulier wordt ingediend met lege of onjuiste gegevens. Deze foutmeldingen worden niet door alle browsers en schermlezers even goed ondersteund. Elke browser toont de meldingen anders, en niet altijd op een toegankelijke manier: de melding is soms kortaf en onvolledig. Voeg daarom altijd zelf foutmeldingen toe aan het formulier. Controleer of er nog meer formulieren zijn die dit probleem hebben. |
| 3.3.2: Labels of instructies | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staat in de paginering een select-element zonder label. De eerste optie in het select-element kan niet dienen als label, omdat deze verdwijnt zodra een andere optie wordt geselecteerd. Hierdoor weten de bezoekers niet waar de keuzelijst over gaat. De teksten van de opties zijn in dit geval niet zelfverklarend. Dat is bijvoorbeeld wel zo bij opties als “januari”, “februari”, “maart”. Geef dit element een label dat altijd zichtbaar is. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws. |
| 3.3.3: Foutsuggestie | Uitkomst: Voldoende | |
| 3.3.4: Foutpreventie (wettelijk, financieel, gegevens | Uitkomst: Niet van toepassing | |
| 3.3.7: Redundant Entry | Uitkomst: Voldoende | |
| 3.3.8: Accessible Authentication (Minimum) | Uitkomst: Niet van toepassing |
4 Robuust
4.1 Compatibel
| Success Criterium | Uitkomst | Bevindingen |
|---|---|---|
| 4.1.2: Naam, rol, waarde | Uitkomst: Onvoldoende | Bevindingen: Op alle pagina’s van https://www.nuffic.nl verschijnt een cookiemelding. Dit dialoogvenster heeft geen toegankelijke naam. Een blinde bezoeker heeft deze naam nodig om de inhoud van het venster te begrijpen. Dit komt doordat het aria-labelledby-attribuut verwijst naar een niet-bestaand ID “id-cookie-title”. Dit probleem kan worden opgelost door de ID-waarde aan te passen. Op alle pagina’s van https://www.nuffic.nl heeft de knop “Nuffic sites” in de header niet de juiste toegankelijke rol. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet. Zorg dat de knop de juiste toegankelijke rol heeft. Hetzelfde probleem doet zich voor in het hoofdmenu bij de knop met het vergrootglasicoon, en ook bij de knop “Annuleren” die verschijnt nadat op de knop met het vergrootglasicoon is geklikt. Op alle pagina’s van https://www.nuffic.nl opent de knop “Nuffic sites” in de header een dialoogvenster. Dit dialoogvenster heeft geen toegankelijke naam. Een blinde bezoeker heeft deze naam nodig om de inhoud van het dialoog te begrijpen. Schermlezers kunnen hierdoor niet doorgeven wat hier staat. Dit kan opgelost worden door een aria-label aan het dialoogvenster toe te voegen met een duidelijke beschrijving van de inhoud. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram na het klikken op knoppen, bijvoorbeeld “Team-Staff”. Op alle pagina’s van https://www.nuffic.nl opent de knop “Nuffic sites” in de header een dialoogvenster. In dit dialoogvenster staat een knop met een “x”-icoon, maar deze knop heeft geen toegankelijke naam. Hetzelfde probleem doet zich voor in het hoofdmenu bij de knop met het vergrootglasicoon. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie van de knop is. Voorzie deze knoppen van een toegankelijke naam, bijvoorbeeld door beschrijvende knoptekst, een aria-label, of andere geschikte technieken te gebruiken. Hetzelfde probleem treedt op op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken bij de knop met het vergrootglasicoon, en op pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram bij de knop met een “x”-icoon die verschijnt na het klikken op knoppen, bijvoorbeeld “Team-Staff”. Op de homepagina https://www.nuffic.nl staat onder de kop “Aan de slag binnen jouw onderwijssector” een onderdeel met content die eruitziet en functioneert als tabbladen. Wanneer een bezoeker op een tabblad klikt, verschijnt er nieuwe content. De vereiste rollen ontbreken. Daarnaast zijn voor een correcte werking van dit soort tabbladen de juiste attributen nodig, zoals aria-controls en aria-selected. Zo kan hulpsoftware bepalen welke knop welk paneel opent en welk paneel al open is. Meer hierover is te lezen op https://www.w3.org/WAI/ARIA/apg/patterns/tabs/. Op pagina https://www.nuffic.nl/over-nuffic/contact/contact-met-nuffic staat in de sectie met verborgen inhoud “Wie komt in aanmerking voor het NL Scholarship?” naast de link “NL scholarship (voorheen Holland Scholarship) | WilWeg” een link met een pijltje als icoon, maar zonder toegankelijke naam. Hierdoor begrijpen bezoekers die een schermlezer gebruiken niet wat de bestemming of de functie is van de link. Geef deze link een toegankelijke naam die het doel van de link beschrijft. Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staat in de sectie met verborgen inhoud “Voorgaande jaren” een element dat de sectie opent en sluit. Dit element bevat het attribuut aria-expanded. Na de eerste keer openen van deze sectie verandert de waarde echter niet meer. Zorg dat de waarde van het aria-expanded-attribuut verandert naar “true” wanneer de sectie geopend is en naar “false” wanneer de sectie gesloten is. Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken staat in de paginering een keuzelijst (select-element). De toegankelijke naam ontbreekt. Hierdoor is het element niet toegankelijk. Geef het select-element een toegankelijke naam. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/over-nuffic/actueel/nieuws. Op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken heeft de knop “Filters” op een klein scherm niet de correcte toegankelijke rol. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet. Zorg dat de knop de juiste toegankelijke rol heeft. Hetzelfde probleem doet zich voor bij de knop met het pictogram 'x' die verschijnt nadat u op de knop 'Filters' hebt geklikt. Hetzelfde probleem doet zich voor op pagina https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken/internationale-afgestudeerden-op-de-werkvloer onder de tekst "Helpt dit onderzoek jou bij je werk?", met keuzerondjes; op pagina https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram met knoppen, bijvoorbeeld "Team-Personeel". Op pagina https://www.nuffic.nl/studeren-en-werken-in-nederland/wet-en-regelgeving-voor-internationale-studenten staat de tekst “Op deze pagina” met onterecht de rol van een knop. Deze tekst voert geen knopfunctie uit. Hetzelfde probleem doet zich voor op pagina https://www.nuffic.nl/study-and-work-abroad/diplomabeschrijving-je-nederlandse-diploma-in-het-buitenland. Op pagina https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student staan elementen met het icoon “i” die een tooltip activeren. Deze elementen hebben niet de juiste toegankelijke rol, zoals bijvoorbeeld die van een knop. Elk HTML-element heeft standaard een rol. Dit betekent dat het element bepaalde eigenschappen en functies heeft om informatie aan de bezoeker te geven of om informatie van de bezoeker te ontvangen. De rol bepaalt dus wat het element doet. Schermlezers en andere hulpmiddelen moeten de correcte rol van elk element op een webpagina kennen. Zo kunnen ze op een slimme manier met het element omgaan en aan de bezoeker uitleggen wat het element doet. Zorg dat de knop de juiste toegankelijke rol heeft. Op pagina https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student staan op een klein scherm secties met verborgen content, zoals “Over de grens”. Voor bezoekers die de pagina kunnen zien, is het duidelijk of een sectie in- of uitgeklapt is. Maar voor blinde of slechtziende bezoekers die een schermlezer gebruiken is dat niet zo. Dit kan opgelost worden door een aria-expanded-attribuut toe te voegen aan de knoppen waarmee de secties geopend en gesloten worden, of door visueel verborgen tekst toe te voegen die de staat van de sectie aangeeft. |
| 4.1.3: Statusberichten | Uitkomst: Onvoldoende | Bevindingen: Op pagina https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie toont een formulier na het verzenden de statusmelding “Bedankt, het formulier is verstuurd. Wij sturen … Met vriendelijke groet, Nuffic” zonder dat de pagina opnieuw wordt geladen. De toetsenbordfocus wordt niet naar de melding verplaatst. Daarom is extra code nodig zodat schermlezers het statusbericht automatisch voorlezen zodra het verschijnt. Voeg aria-live="polite" of role="status" toe aan de melding. Meer informatie over role="status" is te vinden op de pagina https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA22. Hetzelfde probleem doet zich voor op de pagina https://www.nuffic.nl/aanmelden-nieuwsbrief met de melding “Hartelijk dank voor je aanmelding voor onze Nuffic nieuwsbrief”. |
Sample
- Homepagina - https://www.nuffic.nl
- Contact - https://www.nuffic.nl/over-nuffic/contact/contact-met-nuffic
- Buitenlandse onderwijssystemen - https://www.nuffic.nl/studeren-en-werken-in-het-buitenland/onderwijssystemen
- Onderzoeken - https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken
- Nieuws - https://www.nuffic.nl/over-nuffic/actueel/nieuws
- Nieuwkomer als onderwijsassistent - https://www.nuffic.nl/nieuws/nieuwkomer-als-onderwijsassistent-identificatiefiguur-en-bruggenbouwer
- Internationale afgestudeerden op de werkvloer - https://www.nuffic.nl/onderzoek-en-cijfers/onderzoeken/internationale-afgestudeerden-op-de-werkvloer
- Wet- en regelgeving voor internationale studenten - https://www.nuffic.nl/studeren-en-werken-in-nederland/wet-en-regelgeving-voor-internationale-studenten
- Bestel een gedrukte publicatie - https://www.nuffic.nl/over-nuffic/publicaties/bestel-een-gedrukte-publicatie
- Aanmelden nieuwsbrief - https://www.nuffic.nl/aanmelden-nieuwsbrief
- Internationaliseringskaart mbo - Student - https://www.nuffic.nl/roadmap/internationaliseringskaart-mbo#/student
- Organogram - https://www.nuffic.nl/over-nuffic/onze-organisatie/organogram
- PDF Internationale afgestudeerden op de werkvloer - https://www.nuffic.nl/sites/default/files/2025-06/Internationale%20afgestudeerden%20op%20de%20werkvloer.pdf
- Diplomabeschrijving - https://www.nuffic.nl/study-and-work-abroad/diplomabeschrijving-je-nederlandse-diploma-in-het-buitenland
- PDF Can I hire an international student for an internship? - https://www.nuffic.nl/sites/default/files/2025-04/can-I-hire-an-international-student-for-an-internship.pdf
Technologie
HTML,CSS,WAI-ARIA,JavaScript,SVG,PDF
Onderbouwing van de evaluatie
- Chrome, versie 140
- Firefox, versie 142
- Safari, versie 18 in combinatie met VoiceOver
- NVDA in combinatie met Firefox
- PAC om pdf's te onderzoeken