Checkbox group

Return to main list

This is a test case designed to determine how the <fieldset> and <legend> elements are announced in relation to a checkbox group by various screen readers.

Example

Favourite animal

Code

<fieldset>
  <legend>Favourite animal</legend>
  <ul>
    <li>
      <input type="checkbox" id="dog">
      <label for="dog">Dog</label>
    </li>
    <li>
      <input type="checkbox" id="cat">
      <label for="cat">Cat</label>
    </li>
    <li>
      <input type="checkbox" id="rabbit">
      <label for="rabbit">Rabbit</label>
    </li>
  </ul>
</fieldset>

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list