Radio

Example

Language preferences:Supports all features
HTML
<fieldset>
  <legend>
    Language preferences:
  </legend>
  <label>
    <input type="radio" name="language" checked aria-describedby="default-language-hint">
    English
  </label>
  <small id="default-language-hint">
    Supports all features
  </small>
  <label>
    <input type="radio" name="language">
    French
  </label>
  <label>
    <input type="radio" name="language">
    Mandarin
  </label>
  <label>
    <input type="radio" name="language">
    Thai
  </label>
  <label>
    <input type="radio" name="language" disabled>
    Dothraki
  </label>
</fieldset>

Validation

You can indicate the validation state of the radio group using the attribute aria-invilid with the values true and false.

Looks good!This cobination is not allowed!
HTML
<label>
  <input type="radio" name="validation" aria-invalid="false" aria-describedby="valid-hint">
  Valid
</label>
<small id="valid-hint">
  Looks good!
</small>
<label>
  <input type="radio" name="validation" aria-invalid="true" aria-describedby="invalid-hint" checked>
  Invalid
</label>
<small id="invalid-hint">
  This cobination is not allowed!
</small>