Checkbox example for ARIA Authoring practices issues

How much do we care how the examples work with current assistive technologies?

Here is the link with examples using both fieldset/legend and aria-labelledby to identify a grouping label that Jemma and put together earlier this week:
https://rawgit.com/a11ydoer/practices/master/examples/checkbox/checkbox-3.html 


Fieldset/Legend technique for grouping label:
NVDA 2015.3 on Windows 10 with Firefox (version 42), Internet Explorer 11, Chrome (Version 46) 
Grouping label not read for any browser

Jaws 16 on Windows 10 with Firefox (version 42), Internet Explorer 11, Chrome (Version 46)
Grouping label read for all browsers

VoiceOver on Safari and Firefox
Grouping label not read for either browser

aria-labelledby technique for grouping label:
NVDA 2015.3 on Windows 10 with Firefox (version 42), Internet Explorer 11, Chrome (Version 46) 
Grouping variable read for Firefox and Chrome, no label or grouping label read for IE 11

Jaws 16 on Windows 10 with Firefox (version 42), Internet Explorer 11, Chrome (Version 46)
Grouping label read for all browsers

VoiceOver on Safari and Firefox
Grouping label read for both browsers

Conclusions:
Using aria-labelledby provides much more consistent rendering of the grouping label than using fieldset/legend.

My main question for the group is that in theory fieldset/legend is the way to use HTML5 native semantics for grouping labels, but is the lack of implementation a factor in using it in APG examples?

Jon

Received on Friday, 13 November 2015 18:39:48 UTC