This is page was created to test what screen readers offer in the way of keystroke help for interacting with particular HTML elements, with and without ARIA attributes.
| Test | JAWS 16 beta | NVDA 2014.3 | VoiceOver |
|---|---|---|---|
| Test 1: Button | No help | No help | To click this button, press Control-Option-Space. If I do this, VoiceOver doesn't announce the alert. If instead I press Enter or space, it announces the alert. |
| Test 2: Div with role="button" | No help | No help | Same as above |
| Test 3: Button with title but no inner text | Announces title + element (i.e., "Play button"). JAWS cursor in IE does not recognize the button (and JAWS cursor doesn't work by default in Firefox) | Announces "Play button" if accessed with tab, "Button Play" if accessed with arrows. Same behavior in Firefox and IE11 | Announces "Play button" |
| Test 4: Button with empty span inside | In Firefox, same as above; In IE11, same as above if approached with tab, but if approached with arrow keys announces "button" but does not announce title. JAWS cursor in IE does not recognize the button | In Firefox, same as above; In IE11, announces "button" does not announce title, regardless of whether button is accessed with tab or arrow keys | Same as above |
| Test 5: Add aria-hidden to empty span | Same as Test 4 in every way | Same as Test 4 in every way | Same as above |
| Test 6: Add aria-label="Play" to button | Same as Test 4 - no label if approached with arrow keys; JAWS cursor does not recognize the button | NVDA now reads content redundantly ("Play button play"). It's reading both the title and aria-label. Unfortunately this is a problem we have to live with as we're not going to give up the title attribute. | |
| Test 7: Visually hidden text, no aria-label | Now announces "Play button" in IE11 when approached with arrows! JAWS cursor still doesn't recognize the button. | Same as Test 6 ("Play button play") | |
| Test 8: Add tabindex="0" | Same as above; this has no effect on JAWS cursor | Same as above | Same as above |
| Test 1: Button | |||
| Test 1: Button |