Difference between revisions of "ARIA Checkbox role"

From Level Access Web Labs
Jump to navigation Jump to search
m (Jon Avila moved page ARIA Checkbox to Checkbox ARIA without leaving a redirect)
Line 73: Line 73:
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
==Test results==
 +
{| class="wikitable" border="1"
 +
|-
 +
! 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.
 +
|-
 +
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.
 +
|-
 +
|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.
 +
|-
 +
|}
 +
  
 
[[Category:ARIA]]
 
[[Category:ARIA]]

Revision as of 20:07, 15 April 2014

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.