Difference between revisions of "ARIA Checkbox role"
Jump to navigation
Jump to search
ARIA Checkbox Example
Rnickelson (talk | contribs) |
Rnickelson (talk | contribs) (→Test results for ARIA Checkbox) |
||
| Line 99: | Line 99: | ||
|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||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) | ||
|- style="background-color:#99FF99;" | |- style="background-color:#99FF99;" | ||
| − | |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. | + | |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. |
| + | //start here | ||
| + | |- style="background-color:#99FF99;" | ||
| + | |Voiceover Mac OS||Safari||Works as expected. When navigating to the checkbox The Name State and Role is announced. When activating the Checkbox the new state is announced. | ||
| + | |||
|- | |- | ||
|} | |} | ||
Revision as of 17:47, 7 May 2020
- Standard checkboxes are provided below for comparison only.
- ARIA Example
- Role of checkbox is used on span elements
- State of aria-checked is used to indicated checked state
- aria-labelledby is used to associate label with checkbox
ARIA Checkbox Example
Test results for ARIA Checkbox
| 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 IOS | 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.
//start here |
| Voiceover Mac OS | Safari | Works as expected. When navigating to the checkbox The Name State and Role is announced. When activating the Checkbox the new state is announced. |
