Nested <fieldset>, with role="presentation"

← Return to main list

This is a test case designed to determine how nested <fieldset> and <legend> elements are announced by various screen readers. In this test, the ul has been set with role="presentation".

Example

Code

<fieldset>
  <legend>What type of cars do you like?</legend>
  <fieldset>
    <legend>Size</legend>
    <ul role="presentation">
      <li>
        <input type="checkbox" id="large">
        <label for="large">Large</label>
      </li>
      <li>
        <input type="checkbox" id="small">
        <label for="small">Small</label>
      </li>
    </ul>
  </fieldset>
  <fieldset>
    <legend>Type</legend>
    <ul role="presentation">
      <li>
        <input type="checkbox" id="sedan">
        <label for="sedan">Sedan</label>
      </li>
      <li>
        <input type="checkbox" id="wagon">
        <label for="wagon">Wagon</label>
      </li>
    </ul>
  </fieldset>
</fieldset>

Assistive technologies

← Return to main list