Toegankelijkheid
Toegankelijke quizzen bouwen met FluoTest
Quizzen gebouwd met FluoTest zijn ontworpen om te werken met toetsenborden, schermlezers en andere hulptechnologie, zowel op het gratis plan als op elk betaald plan.
Hoe we toegankelijkheid aanpakken
Wanneer we een vraagtype bouwen of wijzigen, volgen we de formulierrichtlijnen van WCAG als referentie: iemand die alleen een toetsenbord of schermlezer gebruikt, moet de quiz kunnen voltooien zonder vast te lopen. Het grootste deel van de openbare FluoTest-quiz is gebouwd op standaard, semantische HTML, wat ons een solide toegankelijke basis geeft. Wanneer we lacunes vinden — via gebruikersmeldingen, audits of eigen testen — lossen we ze op.
Wat vandaag werkt
Toetsenbordnavigatie
- Tab door elke vraag, optie en knop in een quiz — starten, antwoorden, teruggaan en indienen — zonder muis aan te raken
- Elke keuze, sterbeoordeling en ja/nee-knop is een echt focusbaar, activeerbaar element
- Bij het gaan naar de volgende of vorige vraag wordt de toetsenbordfocus automatisch naar de nieuwe vraag verplaatst
- Datumkiezers zijn volledig bereikbaar met het toetsenbord
Schermlezers
- Elk antwoordveld is programmatisch gekoppeld aan de bijbehorende vraagtekst, zodat schermlezers aankondigen wat er gevraagd wordt
- Vragen met meerkeuze, meervoudige selectie, ja/nee en sterbeoordeling worden aangekondigd als groep met de huidige selectie, niet als ongelabelde knoppen
- De voortgangsbalk heeft een toegankelijk label dat de huidige sectie en het percentage voltooid aankondigt
- Validatiefouten en de status "we analyseren je resultaten" worden automatisch aangekondigd zodra ze verschijnen
- Decoratieve afbeeldingen bij vragen zijn als zodanig gemarkeerd, zodat ze niet twee keer worden voorgelezen samen met de vraagtekst
Verbeteringen uitgebracht in 2026
- Gelabelde formuliervelden — elk invoerveld, tekstveld, schuifregelaar, datumkiezer en bestandsupload is via aria-labelledby gekoppeld aan de vraag
- Radiogroup- en checkbox-rollen met live selectiestatus op alle keuzevragen
- Automatische focusverplaatsing tussen vraagstappen voor toetsenbord- en schermlezergebruikers
- Een toegankelijke, aangekondigde voortgangsindicator
- Live-regio-aankondigingen voor resultaten, fouten en asynchrone laadstatussen
- Gecorrigeerde koppenstructuur (quiznaam, sectietitel, vraagtitel) zodat schermlezergebruikers op kop kunnen navigeren
- Een zichtbare, vertaalde hint die uitlegt waarom de knop Volgende uitgeschakeld is wanneer verplichte vragen onbeantwoord zijn
Bekende beperkingen
- Keuzevragen (meerkeuze, ja/nee, sterbeoordeling) ondersteunen nog geen navigatie tussen opties met de pijltjestoetsen links/rechts — elke optie is nog steeds één voor één bereikbaar met Tab
- We hebben nog geen volledige kleurcontrastaudit uitgevoerd voor elke scoreniveau-kleur
- Deze pagina gaat over de openbare quiz voor respondenten. De quiz-editor/het dashboard dat quizmakers gebruiken, heeft nog geen aparte toegankelijkheidscheck gehad
We zijn een klein team en toegankelijkheid is een doorlopend proces, geen afvinklijstje. Loop je tegen iets aan dat niet werkt, laat het ons weten via [email protected].
Tips voor het maken van toegankelijke quizzen
- Schrijf duidelijke vraagteksten — vertrouw bij open vragen niet alleen op placeholdertekst als label
- Vertrouw niet alleen op kleur — scoreniveaus gebruiken kleur, zorg dus dat het label en de boodschap van het niveau ook de betekenis overbrengen
- Houd quizzen gefocust — minder vragen betekent minder frictie, vooral voor respondenten met een cognitieve of motorische beperking
- Geef secties een duidelijke, beschrijvende titel zodat respondenten altijd weten in welk deel van de quiz ze zijn
- Test je quiz met een toetsenbord voordat je hem breed deelt
Was dit nuttig?