Toegankelijkheids­onderzoek maakeencv (app.maakeencv.nl)

1. Samenvatting

1.1 Totaalscore

"Niet van toepassing" telt mee als voldaan: de app heeft geen live-video (1.2.4) en geen bediening door bewegen of schudden (2.5.4). Criterium 4.1.1 (parsen) geldt alleen in WCAG 2.1 en telt volgens de noot in WCAG 2.1 bij HTML altijd als voldaan.

1.2 Wat er gebeurd is

In de eerste meting voldeden 21 van de 50 criteria (plus 2 niet van toepassing); 15 voldeden niet en 12 moesten nog handmatig worden beoordeeld. Er waren 23 bevindingen. De belangrijkste:

• In het Arabisch, Farsi en Dari lag het menu óver de inhoud, zodat een deel van de knoppen en tekst onbereikbaar was.
• In de lesspeler kon de focus met de Tab-toets achter de les verdwijnen; na het sluiten van een venster stond de focus nergens.
• Elk scherm heette "maakeencv.nl"; de focusring en de randen van invoervelden waren te licht; knoppen en schuifregelaars zonder naam; verplichte velden zonder aanduiding; volgorde alleen met slepen te veranderen.

Al deze bevindingen zijn hersteld. Daarna is alles opnieuw gemeten (eindmeting), en de punten die de eindmeting nog vond, zijn hersteld en gericht opnieuw gemeten (§6 en §7).

1.3 Wat deze uitkomst wel en niet zegt

• De uitkomst geldt voor de onderzochte versie, in de onderzochte configuratie, op de onderzochte datum. Een steekproef levert geen garantie voor elk scherm van het product (WCAG-EM).
• Dit is een eigen onderzoek van de leverancier. Dat mag (DigiToegankelijk: "Je mag als organisatie zelf het toegankelijkheidsonderzoek uitvoeren"), maar het is geen onafhankelijk onderzoek en geen certificaat.
• Er is geen test met een echte schermlezer of spraakbediening en geen test met gebruikers met een beperking gedaan; alleen Chrome op Windows is gebruikt. Wat een schermlezer werkelijk voorleest, is beoordeeld via de toegankelijkheidsboom van de browser en de code. Zie §9 en het verbeterplan (§10): die tests zijn gepland.
• De status in een toegankelijkheidsverklaring (A tot en met E) bepaalt de gemeente. Wij adviseren een gemeente om status A pas te kiezen na de schermlezertest uit §10, of na een onafhankelijke toets.

2. Scope

Onderzocht: de web-app maakeencv (app.maakeencv.nl) in alle rollen: publiek (inloggen, registreren, wachtwoord vergeten, privacy, voorwaarden, cookies), deelnemer (start, cv-editor, cv-voorbeeld, lessen en eindvragen, Mijn MAP, opdrachten, profiel, instellingen, sollicitaties, brieven, Ontdekken, route, vacatures, Mijn woorden), begeleider (Deelnemers, kaart per deelnemer, groepen, MAP-groep, lesplannen, eindoverzicht, overzicht voor de gemeente, kwartaalrapport), beheerder bij een gemeente (organisatie, team) en platformbeheer, inclusief de tweede inlogstap, dialogen, foutmeldingen en lege toestanden. In het Nederlands volledig; daarnaast in het Arabisch (rechts-naar-links), Frans, Engels, Tigrinya en Russisch, in de kleurthema's standaard, februari, maart en juni, en op 320 CSS-pixels breed.

Niet onderzocht: de pdf's die de app maakt (cv en sollicitatiebrief, gemaakt door de dienst DocRaptor), inloggen met Google, Microsoft, LinkedIn en de inloglink, betalen (Stripe) en de e-mails die de app verstuurt. De afdrukweergave van het MAP-eindoverzicht is wel onderzocht. De website www.maakeencv.nl is een aparte website en valt buiten dit onderzoek. Zie §10 voor het vervolg.

Conformiteitsdoel: WCAG 2.1 niveau AA; daarnaast WCAG 2.2 niveau AA.

Basisniveau van toegankelijkheidsondersteuning (doel): de laatste twee versies van Chrome, Edge, Firefox en Safari op Windows 11, macOS, iOS en Android, met NVDA (Windows), VoiceOver (macOS en iOS) en TalkBack (Android). Getest in dit onderzoek: alleen Google Chrome 155 (headless) op Windows 11.

Aanvullende eisen: alle elf talen van de app (getest: zie hierboven), alle dertien kleurthema's (contrast van de focusindicator en van tekst op het inlogscherm in alle dertien gemeten), en per afwijking alle plekken waar dezelfde fout voorkwam.

3. Verkenning van het product

Technologieën: HTML, CSS (Tailwind), JavaScript (React 18, Vite), WAI-ARIA (componenten op Radix UI en vaul), SVG (iconen, grafieken met recharts), audio en video (HTML5 met WebVTT-ondertitels), een iframe van Cloudflare Turnstile op de inlogschermen.

Essentiële functies: inloggen en registreren; een cv maken en downloaden; lessen volgen met oefeningen en eindvragen (met voorlezen en taalhulp in de eigen taal); de MAP: thema's, opdrachten, praktijkuren vastleggen en het eindgesprek voorbereiden; als begeleider deelnemers uitnodigen en begeleiden, groepen beheren, het eindoverzicht en de rapportage voor de gemeente bekijken; beheer van organisaties en teams.

Soorten schermen en componenten: formulieren (ook met verplichte velden en foutmeldingen), lijsten en tabellen, tabbladen, dialogen en lades, menu's, keuzelijsten, schuifregelaars, voortgangsbalken, een teksteditor, slepen en neerzetten, de lesspeler met ongeveer vijftien soorten oefeningen, audio en video, grafieken, de afdrukweergave en de tweede inlogstap.

4. Steekproef

4.1 Opzet

• Gestructureerde steekproef (3.1): alle gemeenschappelijke schermen (inloggen, registreren, wachtwoord vergeten, juridische pagina's, hulp/contact, tweede stap), elk soort scherm per rol, elke essentiële functie (cv maken en pdf, les volgen met eindvragen, MAP, begeleiden, rapporteren, beheren) en elke technologie die we tegenkwamen (formulieren, eigen componenten op Radix, slepen, audio, video met ondertitels, iframe van Cloudflare Turnstile, afdrukweergave). Een scherm met meer toestanden (cv-editor per sectie, lesspeler per bloktype, tabbladen) staat er per toestand in, onder één schermnaam.
• Willekeurige steekproef (3.2): 10% van het aantal schermen in de gestructureerde steekproef, bovenop die steekproef; zie §4.4.
• Complete processen (3.3): zie §4.5. Elk proces is met alleen het toetsenbord doorlopen (Tab, Shift+Tab, Enter, spatie, pijltjes, Esc) en per stap vastgelegd.
• Varianten: alle schermen in het Nederlands op 1280×900 (thema standaard). Daarnaast een selectie in het Arabisch (rtl), in de thema's februari (donkerste gekleurde thema; dit thema staat live) en maart (laagste contrast van de merkkleur), en op 320 px mobiel. Elk scherm is bovendien gemeten op 320 CSS-px (venster en telefoon), met tekstafstand, op 200% zoom en met alleen-tekst 200%.

4.2 Omvang per rol

Testaccounts (lokaal, geen echte personen): deelnemer = demo-inburgeraar@test.nl; gemeente = demo-gemeente-westland@test.nl (coach bij Werkt! Westland, MAP-groep); gemeenteBeheer = demo-gemeente-westland@test.nl (beheerder bij Demo Gemeente Westland); beheer = beheerder@werkpad.test (met tweede stap); beheerZonderMfa = beheerder@werkpad.test (zonder tweede stap).

4.3 Gestructureerde steekproef

Kolom "Hoe" is de handeling in de app; "Pad" is het adres dat de meetscripts openden (soms met een toestand vooraf, bijvoorbeeld de stap in een les via de sessieopslag die de app zelf ook gebruikt).

Varianten van de gestructureerde steekproef

Niet in de steekproef, met reden: /HOME, /Pricing, /Invites en /FAQ zijn voor deelnemers van een organisatie omgeleid (deelnemerPaginas.js) of verwijzen door; /SjabloonLab staat uit; /Overzicht stuurt de deelnemer door naar Start; Stripe-betalen (consumentendeel) valt buiten het gemeentelijke product en is lokaal niet ingesteld; de inloglink per e-mail en inloggen met Google, Microsoft en LinkedIn zijn lokaal niet ingesteld (op productie wel aanwezig, zie P-S01).

4.4 Willekeurige steekproef

Methode. Populatie: alle routes van de app (src/App.jsx en src/pages.config.js) die niet als eigen scherm in de gestructureerde steekproef staan, plus een onbekende route (404) en twee extra beheertabbladen; 21 adressen, alfabetisch gesorteerd. Omvang: 10% van 41 schermen, naar boven afgerond = 5. Generator: mulberry32 met seed 20261007; per trekking eerst het adres (zonder terugleggen), dan een taal uit de elf en een kleurthema uit de dertien, uit dezelfde reeks. opnieuw draaien geeft dezelfde trekking.

Vergelijking (WCAG-EM 4.3): de willekeurige steekproef toonde geen nieuwe soorten inhoud, wel twee nieuwe varianten van bekende fouten: in het Arabisch ligt ook in Beheer de zijbalk over de inhoud (W02, zie B-01), en een pagina die alleen in het Nederlands bestaat houdt de taal van de gekozen schermtaal op <html> (W02 lang="ar", W05 lang="ru"; de inhoud zelf staat in een element met lang="nl", zie 3.1.1). Uitbreiding: daarom zijn de Arabische metingen aangevuld met Beheer (W02) en is 3.1.1 apart nagelopen op de Nederlandstalige pagina's.

4.5 Complete processen

Alle processen zijn met alleen het toetsenbord doorlopen; elke stap is vastgelegd met adres, titel, element met focus, statusberichten (aria-live, role=status/alert), foutteksten, aria-invalid en een axe-meting. De ruwe stappen en beelden zijn op aanvraag beschikbaar (bijlage B).

De kolom "Uitkomst" beschrijft de eerste meting. In de eindmeting zijn alle processen opnieuw met alleen het toetsenbord doorlopen: de gemelde problemen (focus na sluiten, verplichte velden zonder aanduiding, ongeldig e-mailadres zonder melding, kop van de tweede stap) waren toen opgelost; zie §7. Gebruikte testgegevens: zie bijlage B.

5. Werkwijze en hulpmiddelen

• Browser en platform: Google Chrome 155.0.8059.39 (headless) op Windows 11 Home (build 26200, ARM64); eerste meting met Chrome 154.0.8037.97.
• Automatische toets: axe-core 4.14.0 (een implementatie van de W3C ACT-regels), met de tags wcag2a, wcag2aa, wcag21a, wcag21aa en wcag22aa; best-practice apart gerapporteerd.
• Gescripte metingen per scherm (Chrome DevTools-protocol, Node.js 24.15.0): weergave op 320 CSS-pixels (als venster en als telefoon), tekstafstand volgens de bookmarklet van 1.4.12, 200% zoom en alleen-tekst 200%, een Tab-ronde tot 60 stappen met de zichtbaarheid, het contrast en de bedekking van de focus, toetsenbordvallen, dialogen (openen, Esc, terug naar de opener), doelgrootte, randcontrast van velden en knoppen, autocomplete, live regions, paginatitel, taal van de pagina en van onderdelen, en de toegankelijkheidsboom (rol, naam, toestand).
• Handmatige beoordeling (met AI-ondersteuning): alt-teksten van alle 70 beelden in de lessen, video en ondertitels beeld voor beeld, koppen en labels, linkdoelen, consistente namen, foutmeldingen en suggesties, contrast van korte tekst die axe overslaat.
• Testomgeving: een lokale testomgeving met dezelfde code als de onderzochte versie en een lokale database met testaccounts (geen echte personen). Verschil met productie: lesbeelden, audio en video kwamen lokaal uit de projectmap in plaats van uit de online opslag; inloggen met externe diensten, betalen en pdf-productie zijn lokaal niet ingesteld.
• Rekenregel: een criterium voldoet als het op elk onderzocht scherm voldoet of daar niet van toepassing is. Een fout op één scherm betekent "voldoet niet" voor het hele product.

6. Resultaten per succescriterium

7. Bevindingen en herstel

De eerste meting vond 23 bevindingen (B-01 tot en met B-23); de eindmeting vond daarna nog 7 afwijkingen (R-01 tot en met R-07), waarvan 4 die al in de gegevens van de eerste meting zaten maar toen niet waren gemeld, en 1 die door het herstel was ontstaan (een grafiek die focusbaar was binnen een voor hulptechnologie verborgen gebied). Alle zijn hersteld en opnieuw gemeten.

8. Vergelijking met de willekeurige steekproef en kanttekeningen

De willekeurige steekproef (§4.4) toonde geen nieuwe soorten inhoud, wel twee varianten van bekende fouten (de zijbalk in het Arabisch ook in Beheer, en de taal op pagina's die alleen in het Nederlands bestaan). Die zijn meegenomen in het herstel en in de eindmeting.

Kanttekeningen die geen afwijking zijn en niet in de score tellen:

• Cloudflare Turnstile controleert op de inlogschermen of er een mens inlogt. Voor gewone gebruikers is die onzichtbaar; een geautomatiseerde browser kreeg wel een uitdaging. De uitdaging is met het toetsenbord bereikbaar en heeft geen toetsenbordval. Hoe Cloudflare reageert op mensen met hulptechnologie of strikte privacy-instellingen, is niet gemeten; daarom staat het in het verbeterplan.
• Eigen invoer van gebruikers (bijvoorbeeld een vaardigheid die iemand zelf intypt) krijgt geen taalaanduiding, omdat de app de taal ervan niet kent.
• Decoratieve iconen hebben niet allemaal aria-hidden; ze hebben geen naam en geen rol en worden door gangbare schermlezers overgeslagen.

9. Beperkingen van dit onderzoek

• Geen echte schermlezer en geen spraakbediening. NVDA, JAWS, VoiceOver, TalkBack en Voice Access zijn niet gebruikt. Namen, rollen, toestanden, live regions, aria-modal/inert, leesvolgorde en uitspraak per taal zijn beoordeeld via de toegankelijkheidsboom van Chrome, attributen en code. Wat een schermlezer werkelijk voorleest (bv. bij het woordhulp-vel, de lesspeler en de statusberichten) is niet gehoord. Zie de criteria 1.3.1, 1.3.2, 4.1.2, 4.1.3, 3.1.2 en 2.5.3.
• Eén browser, één platform. Alleen Chrome 155.0.8059.39 headless op Windows 11 ARM64, via het DevTools-protocol met gesimuleerde toets- en muisgebeurtenissen. Niet getest: Firefox (echte alleen-tekst-zoom, 1.4.4), Safari/iOS, Android, een echt mobiel toestel, Windows Hoog contrast/forced-colors. Het gedrag van de focus bij verdwijnende knoppen verschilt per browser.
• Turnstile (B-21): de controle laat een geautomatiseerde browser niet door; inloggen via het formulier is daardoor niet tot het einde gedaan (ingelogd is via de API). Wat Cloudflare echte gebruikers met hulptechnologie of strikte privacy-instellingen toont, is niet gemeten.
• Pdf niet getoetst. DocRaptor is lokaal niet ingesteld; de cv-pdf (kernproduct) is niet onderzocht (advies: een productie-pdf toetsen met PAC). Wel: de afdrukweergave van het MAP-eindoverzicht; Chrome maakt er een getagde pdf van (met structuur en taal).
• Inloggen met Google, Microsoft, LinkedIn en de inloglink, betalen (Stripe) en de e-mails (uitnodiging, herstel) vallen buiten deze meting; ze zijn lokaal niet ingesteld.
• Talen en thema's: gemeten zijn nl (alles), ar (20 schermen + W02), en via de willekeurige steekproef fr, en, ti, ru; thema's standaard, februari en maart volledig, juni (W05) en de 13 thema's alleen voor het inlogvlak. Fa en prs delen de rtl-opmaak met ar (niet apart gemeten). Vertalingen zijn niet door moedertaalsprekers beoordeeld.
• Lokale verschillen met productie: de lokale opslag (bucket leren-media) is leeg: lesbeelden, het portret van de gids, de video en de voorgelezen lessen geven lokaal "Object not found" (de spelers en <track> staan er wel). Beelden, video, ondertitels en uitgeschreven tekst zijn daarom beoordeeld vanuit de projectmap en de lesmodules in de code (de bestanden die naar de opslag worden geüpload; de kopie op productie is niet vergeleken). De sessie-instelling van Supabase op productie is niet bekeken (2.2.1). Het cv-voorbeeld en de sjablonen (kleur door de gebruiker gekozen) zijn niet apart op contrast beoordeeld.
• Tab-rondes van de batterij beginnen waar de pagina de startplek voor de focus legt en stoppen bij <body>; in de cv-editor viel de kop (terugknop, Preview, tabs) daardoor buiten de ronde (in de eerste meting ook). De focusmeting ná de overgang heeft die kop wel gemeten (editor op 1280 en 320 px, vooruit en met Shift+Tab).
• Inhoudelijk oordeel (alt-teksten, koppen, instructies, ondertitels) is gegeven door de onderzoeker (AI-assistent) en niet door een tweede mens of door gebruikers met een beperking; WCAG-EM 2.0 beveelt dat laatste sterk aan.
• Steekproef: een steekproef levert geen conformiteitsclaim voor het hele product (WCAG-EM). De uitkomst geldt voor commit 5c3c000 (volledige meting) en bc14c97 (gerichte hermeting van de herstelde onderdelen), in deze lokale configuratie, op 7 oktober 2026.
• Eerste meting op S35–S41: die mat les 1, venster 10 in plaats van het genoemde blok (§4.3). De bevindingen van de eerste meting op die kenmerken gelden dus voor dat venster; de eindmeting heeft de bedoelde blokken alsnog gemeten (S35v–S41v).

10. Verbeterplan

Bijlagen

• A. Export voor het W3C WCAG-EM Report Tool (JSON-LD), met de oordelen per criterium: WCAG 2.1 en WCAG 2.2. Open het bestand in het Report Tool met "Open evaluation".
• B. Meetgegevens per scherm (axe-core en gescripte metingen) en schermafbeeldingen van de bevindingen; op aanvraag bij SMITO B.V.

SMITO B.V., Hoge Zand 39, 2512 EL Den Haag. Vragen over dit rapport of over de toegankelijkheid van maakeencv: support@maakeencv.nl.