<fieldset>
with buttons
← Return to main list
This is a test case designed to determine how the <fieldset>
and <legend>
elements are announced in relation to buttons by various screen readers.
Example
Code
<fieldset>
<legend>Options</legend>
<button>Back</button>
<button>Next</button>
</fieldset>
Assistive technologies
VoiceOver
- Chrome: Back. Button. Options. Group.
- Firefox: Back. Button. Options. Group.
- Safari: Back. Button. Options. Options. Group. [Legend announced twice]
NVDA
- Chrome: Options. Grouping. Back. Button
- Firefox: Options. Grouping. Back. Button.
- Edge: Options. Grouping. Back. Button
JAWS
- Chrome: Options. Group. Back. Button.
- Firefox: Options. Back. Button.
- Edge: Options. Group. Back. Button.
← Return to main list