Hoe voldoet een onderzoek aan de WCAG eisen?
Niet doen:
Vooralsnog kunnen de volgende elementen niet gebruikt worden:
- Slider
- Datumkiezer
- Keuzelijst (met zoeken)
- Ranking
- Matrixvragen
- Sterren (deze wordt uitgefaseerd)
- Dynamisch paneel
- Berekening
- Handtekening
Wel doen:
Vul altijd de volgende zaken in:
- Beschrijvende tabblad titel
Onderzoeksdetails > Huisstijl > Titel in browsertabblad - Onderzoekstitel
- Paginatitel(s)
- Vraagtitels
- Duidelijke validatieteksten met daarin de vraagtitel. In de tekst moet vermeld worden wat er mis is gegaan en waar.
Bijvoorbeeld “De vraag ‘Hoe beoordeelt u ….’ is een verplichte vraag om in te vullen.”
Een uitgebreidere instructie hiervoor volgt nog.- Instellingen vraag > Validatie > Tekst bij niet-ingevulde verplichte vraag.
- Bij regel contactvraag: Artikelen > potlood per artikel > Validatie > Tekst bij niet-ingevulde verplichte vraag.
- Belangrijk: Bij contactvragen die je zelf toevoegt, altijd(!) ‘Type automatisch aanvullen’ instellen (onder Algemeen bij ‘Tekstvak enkele regel’).
- Duidelijke tekst in de ‘Beschrijving’ over welke toetsen van het toetsenbord je gebruikt bij de Keuzevraag, meerdere antwoorden:
Gebruik spatie of Ctrl + spatie om een optie te selecteren met het toetsenbord. - Alt-teksten (maximaal 125 tot 143 tekens) bij alle elementen met afbeeldingen/iconen:
beschrijf iedere waarde als dit iets anders is dan een numerieke score.
Bijvoorbeeld:


Let op: dit geldt ook voor de Beoordelingsvraag!
Hier is het standaard niet mogelijk alt-teksten in te vullen, maar wel met een kleine omweg:
- Voeg een Beoordelingsvraag toe met stijl ‘Labels’.
- Dubbelklik op een van de knoppen in de vraag en wijzig het nummer in de gewenste alt-tekst.
- Nu is de mogelijkheid beschikbaar om bij iedere keuze een tekst in te vullen.
- Pas de overige alt-teksten ook aan en wijzig eventueel de stijl naar Sterren of Emoji.
Huisstijl kleur instellingen
De huisstijl sectie in de Onderzoeksontwerper bevat deze eigenschappen:
Standaard WCAG kleurenschema
Wanneer een klant WCAG heeft ingeschakeld, nemen nieuwe onderzoeken het standaard WCAG-kleurenschema over:
Deze kleuren kunnen worden aangepast, maar er is dan geen garantie dat het kleurenschema voldoet aan de WCAG richtlijnen.
Controleer zelf in de contrastchecker hieronder of het aangepaste kleurenschema voldoende contrast heeft.
Deze contrastchecker houdt de richtlijnen aan van WCAG versie 2.1 niveau AA.
Contrasteisen gelden ook voor tekst op afbeeldingen en afbeeldingen van tekst.
De contrastverhouding voor tekst moet voldoen aan minimaal:
WCAG 2.0 niveau AA
- 4,5:1 voor tekst die kleiner is dan 24px of 18,5px vetgedrukt.
- 3:1 voor tekst die groter is dan 24px of 18,5px vetgedrukt.
WCAG 2.0 niveau AAA
- 7:1 voor tekst die kleiner is dan 24px of 18,5px vetgedrukt.
- 4,5:1 voor tekst die groter is dan 24px of 18,5px vetgedrukt.
WCAG 2.1 (uitbreiding op 2.0)
- extra voorwaarde voor niveau AA:
3:1 voor afbeeldingen, en voor interface elementen zoals bijvoorbeeld de rand om het tekstvak van een open vraag.

