Checkbox group with list and role="presentation"

← 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 presented inside a list, which has been set with role="presentation".

Example

Code

<fieldset>
  <legend>Favourite animal</legend>
  <ul role="presentation">
    <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

← Return to main list