WebAIM - Web Accessibility In Mind

E-mail List Archives

Dojo Dijit Checkboxes Double Announcing in Screen Readers

for

From: Graham Armfield
Date: Mar 2, 2015 7:32AM

Dear All,

I'm helping someone with the accessibility of a website that's using the
Dojo Dijit controls.

They are finding that with the Dijit checkboxes the state gets announced in
a confusing way by screen readers.

The initial code looks like this (I've edited out the various data-dojo
attributes)

<input type="checkbox" id="blah" class="blah" checked aria-checked="true">

The label for this control is correctly linked:
<label for="blah">Select All</label>

JAWS screen reader announces "Checked Select all, checked" when the
checkbox is checked and "Unchecked Select all, checked" when the checkbox
is not checked.

Initially I thought this may be because of the unnecessary doubling up of
the state in the aria-checked attribute. I felt this was superfluous since
the control is a native HTML checkbox.

Even after removal of the aria-checked attribute the result is still the
same.

I'm not sure what to suggest next, has anyone any experience of using Dijit
checkboxes and making them fully accessible?

Thanks
Regards
Graham Armfield



coolfields.co.uk <http://www.coolfields.co.uk/>;
M:07905 590026
T: 01483 856613
@coolfields <https://twitter.com/coolfields>