Spoken formats

HTML

<form class="form">
  <div class="govuk-form-group">
    <fieldset class="govuk-fieldset" aria-describedby="spoken-options-hint">
      <legend class="govuk-fieldset__legend govuk-fieldset__legend--l">
        <h1 class="govuk-fieldset__heading">
          How should we contact you if we need to speak to you?
        </h1>
      </legend>
      <div id="spoken-options-hint" class="govuk-hint">
        We usually contact you by phone if we need to speak to you. Select the best option for your needs.
      </div>
      <div class="govuk-radios" data-module="govuk-radios">
        <div class="govuk-radios__item">
          <input class="govuk-radios__input" id="spoken-options" name="spoken-options" type="radio" value="Standard phone call">
          <label class="govuk-label govuk-radios__label" for="spoken-options">
            Standard phone call
          </label>
        </div>
        <div class="govuk-radios__item">
          <input class="govuk-radios__input" id="spoken-options-2" name="spoken-options" type="radio" value="Relay UK">
          <label class="govuk-label govuk-radios__label" for="spoken-options-2">
            Relay UK
          </label>
        </div>
        <div class="govuk-radios__item">
          <input class="govuk-radios__input" id="spoken-options-3" name="spoken-options" type="radio" value="Textphone">
          <label class="govuk-label govuk-radios__label" for="spoken-options-3">
            Textphone
          </label>
        </div>
        <div class="govuk-radios__item">
          <input class="govuk-radios__input" id="spoken-options-4" name="spoken-options" type="radio" value="Signing or lipspeaking">
          <label class="govuk-label govuk-radios__label" for="spoken-options-4">
            Signing or lipspeaking
          </label>
        </div>
      </div>
    </fieldset>
  </div>
  <button type="submit" class="govuk-button" data-module="govuk-button">
    Continue
  </button>
</form>