# Instellen toegankelijkheid van Gravity Forms

Het doel van deze instelling is om Gravity Forms, in combinatie met een NL Design System (NLDS) WordPress thema, te laten voldoen aan WCAG 2.2 AA en aan de [richtlijnen voor formulieren](https://nldesignsystem.nl/richtlijnen/formulieren/), zoals opgesteld door het NLDS.

Bij de meeste opties staat een link naar de gerelateerde NLDS Richtlijn.

Deze settings gelden voor Gravity Forms vanaf versie 2.8.5.

## Instelling en voor toegankelijkheid

Allereerst: Ga naar de WordPress Dashboard en kies Formulieren en daarna Instellingen en kies: 'Default Form Theme' > 'Orbitaal thema (aanbevolen)'.

### Formulierinstellingen

Na het aanmaken van een nieuw formulier en na het kiezen van een bestaand formulier: ga naar Instellingen in de bovenbalk en kies 'Formulierinstellingen'.

Instellingen die belangrijk voor toegankelijkheid zijn:

- **Positie van het label**: 'Boven uitgelijnd', richtlijn: Zet het label boven het formulierveld.
- **Plaatsing beschrijving**: 'Boven invoer'.
- **Plaatsing sub-label**: 'Boven invoer'.
- **Validatieoverzicht**: 'Ingeschakeld'.
- **Indicator verplicht veld**: Kies een van de opties, maar verwijder de indicator niet.
- **Formulierknop**: Kies 'Tekst' en gebruik een korte beschrijvende tekst.

## Formuliervelden om te vermijden

De volgende formuliervelden hebben nog toegankelijkheidsproblemen en kun je niet gebruiken voor een toegankelijk formulier:

- Multi-keuzelijst
- HTML (als er informatie instaat die essentieel is voor het begrijpen van het formulier)
- Sectie (als er informatie instaat die essentieel is voor het begrijpen van het formulier)
- reCAPTCHA V2 (een toegankelijk alternatief is de anti-spam honeypot, die je kunt vinden bij de formulierinstellingen).

## Veldinstellingen

Als een veldinstelling hieronder niet wordt genoemd, heeft het geen speciale toegankelijkheidsproblemen of aandacht nodig.

### Algemeen

- **Labelveld**: vul altijd het labelveld in, vertel zo helder mogelijk wat de gebruiker in moet vullen.
- **Masker invoer**: gebruik deze optie niet.
- **Notatie telefoonnummer**: kies de optie ‘Internationaal’.
- **Bestandsupload**: Gebruik de optie ‘Meerdere bestanden’ niet, een enkel bestand uploaden is wel toegankelijk.

### Uiterlijk

- **Zichtbaarheid labelveld**: gebruik altijd een zichtbaar label, verberg het nooit.
- **Plaatsing beschrijving**: boven invoerveld.
- **Plaatsing sublabel**: boven invoerveld.
- **Aangepast validatiebericht**: Schrijf zelf duidelijke teksten die omschrijven wat er fout gaat als de gebruiker een veld niet invult. “Dit veld is verplicht” is niet genoeg.
- **Betere gebruikersinterface**: Uitgeschakeld laten voor keuzelijsten.

### Geavanceerd
- **RTF-bewerker**: Uitgeschakeld laten, niet gebruiken.
- **Autocomplete**: Schakel autocomplete in. Bij het inschakelen staan de autocomplete waarden standaard al goed ingevuld voor persoonlijke naam-, adres-, telefoon- en e-mailadresvelden.

## Een formulier toevoegen aan een pagina

Zet een formulier maar **1 keer** op een webpagina. Als je het meerdere keren op dezelfde pagina zet, is er een conflict met de foutmeldingen en toetsenbordfocus.

Wil je een formulier toch twee keer op een pagina zetten? Maak dan een tweede formulier aan met dezelfde inhoud.

Voeg het Gravity Forms-blok toe tijdens het bewerken van een pagina, selecteer het blok en stel in bij de blokopties:
- **Algemeen**: Schakel tenminste de weergave van de formuliertitel toe in (of voeg zelf een passende titel toe boven het formulier).
- **Geavanceerd**: Stel geen tabindex in. Hou de tabindex op de waarde -1. Dan wordt er geen waarde ingesteld.

## Disclaimer

Deze checklist is een hulpmiddel om je zo goed mogelijk te helpen met het toegankelijk opstellen van een Gravity Forms formulier; het is geen garantie dat het formulier volledig toegankelijk is. Lees hiervoor de informatie de richtlijnen voor formulieren op de website van het NL Design System

Ook instellingen voor Gravity Forms add-ons en plugins van derden, bijvoorbeeld voor polls, betalingen en creditcardvalidatie, zijn niet opgenomen in deze checklist.