Even geduld, je antwoord komt eraan...

Toegankelijkheid: Een toegankelijk formulier maken

Leestijd 4 minuten
Met formulieren kunnen bezoekers informatie indienen, lid worden van een mailinglijst en meer. Bij het maken van een formulier is het belangrijk om rekening te houden met toegankelijkheid om ervoor te zorgen dat iedereen het kan bekijken en gebruiken. 
Volg de stappen in dit artikel om een formulier te maken waarmee bezoekers kunnen navigeren en waarmee ze kunnen communiceren, en om het meeste uit je website te halen.

Stap 1 | Toon veldtitels

Geef veldtitels weer zodat bezoekers elk formulierveld kunnen identificeren. Het weergeven van titels geeft duidelijkheid en geeft bezoekers aan in welk veld ze zich momenteel bevinden.

Om veldtitels weer te geven:

  1. Selecteer het formulier in je Editor.
  2. Klik op Formulier bewerken.
  3. Selecteer een formulierveld.
  4. Klik op Instellingen.
  5. Wijs de veldtitel aan en klik op het Meer acties-pictogram.
  6. Klik op Veldtitel tonen.
Het formuliercentrum. Er is een veld geselecteerd en de cursor klikt op 'Veldtitel tonen'.

Stap 2 | Definieer je veldtitels

Nadat je veldtitels hebt ingeschakeld, moet je ervoor zorgen dat je ze duidelijk definieert. De titel moet specifiek zijn om ervoor te zorgen dat bezoekers weten wat er precies nodig is (achternaam, telefoonnummer, enzovoort).

Om de veldtitels te definiëren:

  1. Selecteer het formulier in je Editor.
  2. Klik op Formulier bewerken.
  3. Selecteer een formulierveld.
  4. Klik op Instellingen.
  5. Voer de tekst in onder Veldtitel.
  6. Klik op Opslaan.
Het formuliercentrum. Er is een veld geselecteerd en de cursor klikt op het titelveld.

Stap 3 | Pas het ontwerp van het formulier aan

Het aanpassen van de velden en knoppen van het formulier per status (Standaard, Aanwijzen en Fout) kan een logische visuele ervaring creëren. We raden aan het ontwerp aan te passen voor bijvoorbeeld de Aanwijs-status, zodat bezoekers weten met welk deel van het formulier ze interactie hebben.
Goed om te weten:
De Aanwijs-status geeft aan hoe het formulierveld / de knop eruitziet wanneer een bezoeker deze aanwijst. De Standaard-status is hoe deze wordt weergegeven voordat een bezoeker er interactie mee heeft.

Om het ontwerp van het formulier aan te passen:

  1. Selecteer het formulier in je Editor.
  2. Klik op Instellingen.
  3. Selecteer Ontwerp.
  4. Kies welk deel van het formulier je wilt aanpassen:
    • Velden
      1. Selecteer Formuliervelden.
      2. Selecteer Aanwijzen in het dropdownmenu.
      3. Wijzig het ontwerp van het veld:
        • Opvulkleur en dekking: Stel de kleur van de veldachtergrond in en sleep de schuifregelaar om de dekking te wijzigen.
        • Randkleur en dekking: Stel de kleur en dekking van de veldrand in.
    • Knoppen:
      1. Selecteer Knoppen.
      2. Selecteer de knop die je wilt aanpassen (Verzenden, Terug, Uploaden, enzovoort).
      3. Klik op het Aanwijzen-tabblad.
      4. Wijzig het ontwerp van de knop:
        • Tekstkleur: Stel de kleur in van de knoptekst bij het aanwijzen.
        • Kleur en dekking: Stel de kleur van de achtergrond van de knop in en sleep de schuifregelaar om de dekking te wijzigen.
        • Randkleur en dekking: Stel de kleur en dekking van de rand van de knop in.
Het ontwerppaneel van het formulierveld is geopend. De aanwijsstatus is geselecteerd en de cursor klikt op het kleurvak.
Tips:

Stap 4 | Schakel visuele indicatoren in op je website

Visuele indicatoren kunnen mensen met verschillende zicht-/mobiliteitsbehoeften helpen bij het navigeren door je website. Wanneer je ze inschakelt, kunnen bezoekers die de Tab-toets gebruiken een blauw vak zien rond het onderdeel of element waarin ze zich bevinden. Lees meer over visuele indicatoren
Visuele indicatoren worden automatisch ingeschakeld op websites die in de Studio Editor zijn gebouwd.

Om visuele indicatoren in te schakelen:

  1. Selecteer Instellingen op de bovenste balk van de Wix Editor.
  2. Selecteer Toegankelijkheidswizard.
  3. Selecteer rechtsboven in de Wizard het Meer acties-pictogram.
  4. Selecteer Geavanceerde toegankelijkheidsinstellingen.
  5. Selecteer Visuele indicatoren
  6. Schakel Sta toetsenbordgebruikers toe om door je website te navigeren in.
De schakelaar voor visuele indicatoren is ingeschakeld in de geavanceerde instellingen van de Toegankelijkheidswizard.
Volgende stap:
Ga terug naar de Toegankelijkheidschecklist om de toegankelijkheid van je website verder te verbeteren. 

Vond je dit artikel nuttig?

|