RE: Comment on WAI-ARIA Practices 1.1

Thank you Bart for the feedback. 

 

I created issues 456 and 457:

https://github.com/w3c/aria-practices/issues/456

https://github.com/w3c/aria-practices/issues/457

 

Matt

 

From: Bart Simons [mailto:bart@anysurfer.be] 
Sent: Friday, September 15, 2017 6:09 AM
To: public-aria@w3.org
Subject: Comment on WAI-ARIA Practices 1.1

 

Hello,

The checkbox design pattern
(http://www.w3.org/TR/wai-aria-practices-1.1/#checkbox) indicates to use
aria-labelledby to provide an accesssible label for the checkbox:
"The checkbox has an accessible label, preferably provided by a visible
label associated using aria-labelledby
<https://www.w3.org/TR/wai-aria-1.1/#aria-labelledby> .". 

In the example
(http://www.w3.org/TR/wai-aria-practices-1.1/examples/checkbox/checkbox-1/ch
eckbox-1.html) is written "The accessible name comes the child text content
of the div[role="checkbox"] element."
and aria-labelledby is not applied in this example.

A quick test with JAWS17/18:
- in IE11: labels are not recognised correctly. Aria-labelledby would be
better.
- in firefox: the content of the div-element with role="checkbox" is indeed
recognised as the label

Suggestion is to align the example with the design pattern:
- eitehr remove the suggestion of aria-labelledby from the design pattern
- or update the example to include aria-labelledby:
<li><div role="checkbox" aria-checked="false" tabindex= "0"
aria-labelledby="sand1">
<span id="sand1">Lettuce</span>
</div></li>
and similar for the other three check boxes.

There are also a few spelling mistakes on the example page:
ineractive -> interactive
Indentifies  -> identifies (twice)
psuedo -> pseudo (twice)
indcate -> indicate (twice)

Regards



-- 
Bart Simons 
AnySurfer, voor een toegankelijker internet 
Een project van Blindenzorg Licht en Liefde vzw 
Kunstlaan 24 bus 21 
B-1000 Brussel 
Tel: +32 (0)2-210 61 49