Screen Reader testing: Inline Edit demo

[Cheetham, Anastasia]

I spent some time testing the Inline Edit demo with NVDA and Jaws 11, IE8 and FF. I'll summarize interesting finding here; I'll also try to find any relevant JIRAs and comment on them.

Both browsers, independent of screen readers:

The first time you edit the field (i.e. if there is not yet an undo button): If you use Tab to complete your edit, focus does not go the new undo button, it goes to the next field. I don't see a JIRA for this, but it seems wrong to me.

Both screen readers, both browsers:

I noticed what Jan noticed, which was that when focus lands on the edit field, you hear "edit text button" i.e. you don't hear the actual text in the edit field. However: This only happens when the component is first initialized. After you've edited the text at least once, further focus on the edit field says "edit text <text> button"

Jaws
====
Behaviour with Virtual PC Cursor ON is odd enough that one must assume Inline Edit just doesn't work in this mode. If you actually want details of what happens, let me know.

With Virtual PC Cursor OFF:

When focus lands on the edit field:
as described above, under "Both screen readers, both browsers"

When you hit enter or space to edit:
IE8: you hear "edit <text> type un-text" (?)
FF: you hear "edit text <text> button to activate press space bar"

When focus lands on an undo button:
IE8: you hear "button link <url>" (where <url> is the *full* url with # at the end)
FF: you hear "Undo edit button; undo edit link"

When you active the undo button:
IE8: you hear "button link <url>" (where <url> is the *full* url with # at the end)
FF: you hear "redo edit button; redo edit link"

NVDA
====
NOTE: In NVDA, when you enter the edit mode, NVDA automatically switches you from browse mode to focus mode (which changes what's spoken). When you exit edit mode, you are NOT automatically switched back to browse mode.

When focus lands on the edit field:
as described above, under "Both screen readers, both browsers"
IE8: 
browse mode: "edit text <text> button"
focus mode: "edit text <text> button <url+#> edit text <text>"
FF: 
browse and focus mode: "edit text <text> button"

When you hit enter or space to edit:
IE8: 
browse mode: "read only edit <text>"
focus mode: "Inline Edit Demo document edit <text>"
FF: 
browse and focus mode: "edit hm auto-complete <tooltip> <text>" (?)

When focus lands on an undo button:
IE8:
browse mode: "undo edit graphic link button" 
focus mode: "button link"
FF: 
browse mode: "undo edit link"
focus mode: "Undo edit button; undo edit link"

When you active the undo button:
IE8:
browse mode: "undo edit graphic link button" 
focus mode: "button link"
FF: 
browse mode: doesn't work, focus still on field  <<== !!
focus mode: "redo edit button; redo edit link"

--
Anastasia Cheetham     Inclusive Design Research Centre
acheetham at ocad.ca            Inclusive Design Institute
                                        OCAD University