Datum uitvragen

Field label

Voorbeeld HTML

<div
  role="group"
  aria-labelledby="fieldId-label"
  class="utrecht-form-field utrecht-form-field--text rvo-form-field"
>
  <div class="rvo-form-field__label">
    <label class="rvo-label" id="fieldId-label" for="fieldId">
      <div>Field label</div>
    </label>
  </div>
  <input
    id="field"
    placeholder=""
    type="date"
    class="utrecht-textbox utrecht-textbox--html-input utrecht-textbox--md"
    dir="auto"
    value=""
  />
</div>

Het vragen naar data van documenten en passen

Wanneer je om een datum vraagt precies zoals het op een paspoort, creditcard of ander document staat, laat de velden dan overeenkomen met het originele formaat. Dit maakt het gemakkelijker voor gebruikers om de datum nauwkeurig over te nemen.

Het vragen naar niet-precieze data

Laat gebruikers een datum bij benadering invoeren wanneer je ze vraagt om informatie die ze mogelijk niet weten of zich moeilijk kunnen herinneren. Laat gebruikers bijvoorbeeld "december 2017" invoeren voor een veld dat zegt "de datum waarop je je paspoort bent kwijtgeraakt".

Het vragen naar relatieve data

Het kan voorkomen dat je om data vraagt die relatief zijn ten opzichte van de huidige datum of een andere datum - dit is bijvoorbeeld gebruikelijk als een gebruiker een herinnering instelt. Laat gebruikers in dit geval relatieve data invoeren of selecteren, zoals "morgen" of "1 dag eerder". Als de dag van de week belangrijk is, toon deze dan ook.

Gebruikers helpen bij het kiezen van een datum

Gebruikers moeten mogelijk een datum uit een selectie kiezen, bijvoorbeeld om een afspraak te boeken. Om dit te doen, kun je data presenteren in een kalenderformaat met behulp van een kalenderbedieningselement. Gebruikers krijgen meestal één maand aan data tegelijk te zien en kunnen door maanden en jaren bladeren. Gebruik alleen een kalenderbedieningselement als gebruikers de datum in de nabije toekomst of recente verleden moeten kiezen, de dag van de week of de week van de maand moeten weten, en de datum in verhouding tot andere data moeten kunnen zien. Maak nooit een kalenderbedieningselement dat afhankelijk is van JavaScript als de enige invoeroptie. Laat gebruikers de datum ook in een tekstinvoer invoeren en de bedieningselement gebruiken.

Onderzoek naar dit patroon

Lees een blogpost over het vragen naar geboortedata.

Als je dit patroon hebt gebruikt, neem dan contact met ons op om je onderzoeksresultaten te delen. Er is meer onderzoek nodig om vast te stellen in hoeverre gebruikers moeite hebben om maanden als getallen in te voeren en of het toestaan van maanden als tekst nuttig is.