Checkbox group without a list

← 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. In this test, the checkbox group is not presented inside a list.

Example

Code

<fieldset>
  <legend>Favourite animal</legend>
  <div class="form-group">
    <input type="checkbox" id="dog">
    <label for="dog">Dog</label>
  </div>
  <div class="form-group">
    <input type="checkbox" id="cat">
    <label for="cat">Cat</label>
  </div>
  <div class="form-group">
    <input type="checkbox" id="rabbit">
    <label for="rabbit">Rabbit</label>
  </div>
</fieldset>

Assistive technologies

← Return to main list