Radios

Field label

Option AOption BOption COption D

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>
  <div class="rvo-radio-button__group">
    <label class="rvo-radio-button" for="optionA">
      <input
        id="optionA"
        name="group"
        type="radio"
        class="utrecht-radio-button"
      />
      Option A
    </label>
    <label class="rvo-radio-button" for="optionB">
      <input
        id="optionB"
        name="group"
        type="radio"
        class="utrecht-radio-button"
      />
      Option B
    </label>
    <label class="rvo-radio-button" for="optionC">
      <input
        id="optionC"
        name="group"
        type="radio"
        class="utrecht-radio-button"
      />
      Option C
    </label>
    <label class="rvo-radio-button" for="optionD">
      <input
        id="optionD"
        name="group"
        type="radio"
        class="utrecht-radio-button"
      />
      Option D
    </label>
  </div>
</div>

Open in nieuwe tab

Documentatie voor radio button field

Algemene veldregels:

• Gebruik (niet verplicht) bij optionele formulier velden in plaats van * (verplicht) bij verplichte formulier velden
• Gebruik expandable tekst in plaats van een toggle knop
• Gebruik expandable tekst in plaats van een ‘?’ uitleg icoontje