accessibility-form-tips-3-radio-input.html

accessibility-form-tips-3-radio-input.html

<fieldset class="input-field" tabindex=0 >
  <legend class="form-label">Venue Location</legend>
  <p class="sr-only">Select the city you would like to attend.</p>
  <div class="radio-button-container venueLocation-group" 
       role="radiogroup" aria-required="true">
    <div class="radio-button-group" tabindex=0>
      <input type="radio" class="radio-input" id="sydney" 
             name="venue" value="Sydney" required />
      <label class="radio-label" for="sydney">
        Sydney
      </label>
    </div>
    <div class="radio-button-group" tabindex=0>
      <input type="radio" class="radio-input" id="melbourne"
             name="venue" value="melbourne" />
      <label class="radio-label" for="melbourne">
        Melbourne
      </label>
    </div>
  </div>
 </fieldset>