Radio 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 radio group by various screen readers. In this test, the radio group is presented inside a list, which has been set with role="presentation".

Example

Do you like boats?

Code

<fieldset>
  <legend>Do you like boats?</legend>
  <ul role="presentation">
    <li>
      <input type="radio" id="boats-y" name="boats">
      <label for="boats-y">Yes</label>
    </li>
    <li>
      <input type="radio" id="boats-n" name="boats">
      <label for="boats-n">No</label>
    </li>
  </ul>
</fieldset>

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list