Radio group using role="radiogroup"

Return to main list

This is a test case designed to determine how the radiogroup role is announced in relation to a radio group by various screen readers.

Example

Do you like boats?

Code

<div role="radiogroup" aria-labelledby="group-heading">
  <h3 id="group-heading">Do you like boats?</h3>
  <div>
    <input type="radio" id="boats-y" name="boats">
    <label for="boats-y">Yes</label>
  </div>
  <div>
    <input type="radio" id="boats-n" name="boats">
    <label for="boats-n">No</label>
  </div>
</div>

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list