False negative: 'group-labelledby' check in 'checkboxgroup' rule does not fail corner cases

[iamrafan]

Screen reader experience for the following corner cases is not as expected, hence the checkboxgroup rule should fail

• Case-1: Ungrouped checkboxes with same name and each having aria-labelledby pointing to a common label

• Case-2: Ungrouped checkboxes with explicit [label] and each having aria-labelledby pointing one of the checkbox labels

• Case-3: Ungrouped checkboxes with implicit [label] and each having aria-labelledby pointing one of the checkbox labels

Link to live demo: https://codepen.io/iamrafan/pen/MqjwOz

AT test results:

axe-core version: 3.0.3
axe-Coconut version: 3.4.0-alpha.2

[jeeyyy]

@iamrafan

Thanks for this. Will do some tests on the same & see what can be done to normalise the experience across screen readers.

Cheers for the code snippet.

[WilcoFiers]

Exploring this a little bit. I think the problem with group-labelledby is that it doesn't check if there is also a unique label. The following code shouldn't pass:

<input type="radio" name="foo" aria-labelledby="bar" />
<input type="radio" name="foo" aria-labelledby="bar" />
<p id="bar">Label</p>

As for the odd Firefox thingy, that's a known issue. Our accessible name computation algorithm takes that into consideration.