ARIA Checkbox role

From Level Access Web Labs
Revision as of 20:07, 15 April 2014 by Rnickelson (talk | contribs)
Jump to navigation Jump to search

ARIA Checkbox Example

Standard HTML Checkboxes

Standard checkbox elements using HTML <input> and <label> tags:




ARIA Checkboxes

Checkboxes using ARIA and JavaScript:




Test results

NVDA||Internet Explorer||Works as expected the Name State and Role of the checkbox is announced when navigating to the checkbox. When space or enter is pressed the new state of the checkbox is announced. NVDA||firefox||Works as expected the Name State and Role of the checkbox is announced when navigating to the checkbox. When space or enter is pressed the new state of the checkbox is announced. voiceover||Safari||Works as expected, The name State and Role are announced when the Checkbox is activated the new State is announced.
AT Browser Notes
JAWS Internet Explorer Works as expected the Name State and Role of the checkbox is announced when navigating to the checkbox. When space or enter is pressed the new state of the checkbox is announced.
JAWS firefox Works as expected the Name State and Role of the checkbox is announced when navigating to the checkbox. When space or enter is pressed the new state of the checkbox is announced.
Talkback Firefox Works as expected. When navigating to the checkbox The Name State and Role is announced. When activating the Checkbox the new state is not announced. (note this is the same behavior for HTML checkboxes)
Talkback Chrome Works as expected. When navigating to the checkbox The Name State and Role is announced. When activating the Checkbox the new state is announced.