e-learningmodule Jouw kompas om bewust met AI te werken
Wat is goed, wat kan beter en wie pakt wat op
1 website voor de cursist, 2 componenten in beheer
Een cursist ervaart leerplatform.it-academieoverheid.nl als 1 website. Technisch bestaat die uit het leerplatform en de cursussen die erop draaien. Beide componenten zijn los onderzocht.
Onderzocht door collega's van WCAG.nl op 19 december 2024, tegen WCAG 2.1 niveau AA: 25 van de 50 criteria voldoende, 19 onvoldoende, 6 niet van toepassing. Zie de eenmeting van WCAG.nl.
Onderzocht door Proper Access van 13 tot en met 16 juli 2026, tegen WCAG 2.2 niveau AA. De module "Jouw kompas om bewust met AI te werken" is de eerste onderzochte cursus; de aanpak is herbruikbaar voor de overige modules.
De toegankelijkheidsverklaring van het leerplatform heeft status B: voldoet gedeeltelijk. In de verklaring staat 1 juni 2026 als doel voor volledige naleving. Platform en cursussen moeten allebei op orde zijn om dat te halen.
Articulate publiceert een eigen toegankelijkheidsrapport over Rise 360; dat gaat over de speler, niet over de content van de auteur.
De module heeft een solide basis
Niets in de module blokkeert de publicatie van vandaag. Alle punten zijn goed te herstellen, ook na livegang. De meeste aanpassingen kunnen direct in Articulate Rise, zonder programmeerwerk.
Aan te passen in Articulate Rise, zonder programmeerwerk.
Venstertitel, iframe en zoomen. Voor de leverancier van het leerplatform.
Ter informatie. Ook voor de leverancier van het leerplatform.
Helemaal schoon. Cursisten kunnen de toets zonder drempels maken.
In dit gesprek lopen we de bevindingen door, kijken we wie wat oppakt en zien jullie hoe je de overige modules zelf kunt testen.
Wat hebben we onderzocht
e-learningmodule Jouw kompas om bewust met AI te werken
- Apparaat: Moodle / Articulate Rise
- Pagina's: 9 (geselecteerde steekproef, zie hieronder)
Steekproef
- 01. Home
- 02. Introductie: Jouw kompas om bewust met AI te werken
- 03. 1 van 6 — Start
- 04. 2 van 6 — Wie beheert AI?
- 05. 3 van 6 — Hoe gebruik je een AI-assistent bewust?
- 06. 4 van 6 — Welke regels en wetten zijn er?
- 07. 5 van 6 — Wat is jouw professionele rol?
- 08. 6 van 6 — Afsluiting
- 09. Toets: Jouw kompas om bewust met AI te werken (alle stappen)
Tools en hulpsoftware
- Browsers: Firefox, Chrome, Safari (laatste versies)
- Schermlezers: NVDA + Firefox (Windows), VoiceOver + Safari (macOS)
- Toetsenbord: navigeren zonder computermuis
- Spraakbesturing: Voice Control (macOS), Spraakherkenning (Windows)
- Contrast: Colour Contrast Analyser (CCA)
- Zoom: 200% en 400% bij 1280×1024
- DevTools: axe DevTools, accessibility inspector
Norm: WCAG 2.2 niveau AA (55 succescriteria) · Methode: WCAG-EM, aanbevolen door DigiToegankelijk
17 bevindingen in de module en de schil eromheen
Verdeling naar impact
Type bevindingen
Wie heeft hier het meest last van
Blinde en ernstig slechtziende cursisten. Zij missen koppen, labels en titels, weten niet wat het iframe bevat en horen ruis van emoji's en iconen.
Cursisten die zoomen of contrast nodig hebben. Zij lopen vast op krappe contrasten en op content die bij 200% en 400% zoom buiten beeld valt.
Zij kunnen links en instructies die alleen op kleur leunen niet onderscheiden, en hebben extra last van het lage tekstcontrast.
Zij bedienen de website met het toetsenbord in plaats van een muis. Door laag contrast zien ze niet welk element focus heeft of welk puzzelstukje geselecteerd is.
1 bevinding raakt vaak meerdere groepen; de aantallen tellen daarom niet op tot 17. Elke bevinding in het rapport begint met een user story die de impact in mensentaal beschrijft.
Wie pakt wat op
De 17 bevindingen vallen uiteen in 3 groepen. Elke bevinding staat in het rapport met uitleg, voorbeeld en concrete oplossing.
In de module · Bright Alley
- Contrast feedbackteksten · 1.4.3
- Contrast geselecteerde puzzelstukjes · 1.4.11
- Contrast carrouselknoppen · 1.4.11
- Koppen opgemaakt als vette tekst · 1.3.1
- Groepslabel checkvragen niet gekoppeld · 1.3.1
- Instructie leunt op kleur en vorm · 1.3.3
- Instructie leunt op positie · 1.3.3
- Emoji's niet verborgen · 1.1.1
In de schil · leverancier leerplatform
- Lege venstertitel · 2.4.2
- Iframe zonder naam · 4.1.2
- Content valt weg bij 200% en 400% zoom · 1.4.4 en 1.4.10
Home-pagina · ter informatie
- Broodkruimel niet als navigatielijst · 1.3.1
- Kopniveaus niet juist gebruikt · 1.3.1
- Links alleen door kleur herkenbaar · 1.4.1
- Iconen niet verborgen · 1.1.1
- Footer-koppen niet als kop gemarkeerd · 1.3.1
- Focuscontrast footerlinks · 1.4.3
Bright Alley heeft op 20 en 21 juli al punten opgepakt. Vraag voor vandaag: wat is de status, en wat plannen we nog in?
Contrast: wat nog niet voldoet
SC 1.4.3 · Tekst: minimaal 4,5:1. Dit voldoet nog niet:
- Witte feedbackteksten op lichtblauw
SC 1.4.11 · UI-elementen: minimaal 3,0:1. Checkers voor tekstcontrast zeggen hier niets over. Dit voldoet nog niet:
- Geselecteerde puzzelstukjes: 2,2:1
- Carrouselknoppen en navigatiestippen: 1,8:1
Ter informatie: niveau AAA. Succescriterium 1.4.6 op niveau AAA vraagt 7:1 voor normale tekst. Niet verplicht, wel aan te raden als jullie het echt goed willen doen.
#005A94 op wit: 7,3:1. Hetzelfde blauw, donkerder. Voldoet aan AAA.
4 categorieën, op te lossen zonder programmeerwerk
Contrast
Pas de themakleuren aan: tekst minimaal 4,5:1, bedieningselementen minimaal 3,0:1. Geldt ook voor de feedbackteksten bij opdrachten.
Koppen
Namen zoals "Sam" en "Hannah" zijn opgemaakt met vette tekst. Gebruik echte kopblokken, dan kan een schermlezer de structuur volgen.
Instructies
2 instructies verwijzen naar kleur of positie, zoals "sleep naar links". Verwijs naar de tekst zelf, bijvoorbeeld "sleep naar het vak Hoog risico". Lukt dat niet in deze widget, kies dan een andere werkvorm.
Emoji's en iconen
Decoratieve emoji's worden voorgelezen door schermlezers. Verberg ze voor hulpsoftware, dan horen cursisten alleen de inhoud.
1 punt zit dieper in de Rise-widget: het groepslabel "Checkvragen" is niet aan de selectievakjes gekoppeld. We denken graag mee over een oplossing of alternatief.
3 punten voor de leverancier van het leerplatform
- Venstertitel. Het venster waarin de module opent heeft een lege paginatitel. Een schermlezer kondigt dan geen titel aan.
- Iframe zonder naam. De cursus staat in een iframe zonder titel. Bezoekers met hulpsoftware weten niet welke content is ingesloten. Impact: groot.
- Zoomen. Bij 200% en 400% zoom valt content onderaan weg. De link naar de volgende stap en de knop "Controleer" zijn dan niet bereikbaar. Impact: groot.
Deze punten kunnen ook na de livegang worden opgelost.
Ook de 6 bevindingen op de Home-pagina horen bij de leverancier van het leerplatform. Ze zitten in het thema en de templates van Moodle. In totaal liggen er dus 9 van de 18 punten bij deze partij: deze 3 in de schil om de module, plus 6 op de Home-pagina ter informatie.
Bij 200% en 400% zoom is content niet zichtbaar en bedienbaar
Test de overige modules met de WCAG Radar
De WCAG Radar is onze gratis tool: een knop in de bladwijzerbalk van je browser. De Radar test de pagina die in het browsertabblad staat. In het leerplatform opent een module in een technische verpakking; de Radar test dan die verpakking, niet de module.
Eenmalige voorbereiding. Vraag Bright Alley om van elke module ook een webversie te publiceren. In Rise heet die publicatieoptie "Web". Zet die versie op een intern webadres. Cursisten blijven de gewone versie in het leerplatform gebruiken.
Knop installeren
Sleep de knop op de pagina van de WCAG Radar 1 keer naar de bladwijzerbalk van je browser.
Webversie openen
Open de webversie van de module in een gewoon browsertabblad.
Controleren
Klik op de bladwijzer en controleer direct contrast, koppen en toegankelijke namen.
Zo maken we het af
De module kan vandaag live. Met een beperkte set aanpassingen voldoet hij daarna aantoonbaar aan WCAG 2.2 niveau AA.
Aanpassingen afronden
Bright Alley verwerkt de punten in de module. De leverancier van het leerplatform pakt de venstertitel, het iframe en het zoomen op.
Hertest
Wij bevestigen met een hertest dat alles is opgelost. Dan heb je een actueel rapport om naar te verwijzen.
Zelf verder
Jullie testen nieuwe modules zelf met de WCAG Radar. Bij vragen denken we mee, ook over widgets die lastig toegankelijk te maken zijn.