Simple Inline Edit Screenreader a11y
This is a living document.
We're using this matrix to evaluate Inline Edit's current accessibility to screen readers, and to experiment with accessibility patches. See FLUID-2652.
Interaction Task Description
- a. Using the screen reader, read a sentence that contains the inline edit. b. Activate the inline edit, make a change to the text, and save the text.
- Undo an edit
- Redo an edit
Demo Description
- Current daily build functional demo. The ARIA-role of "button" is added to the inline editable area.
- role=textbox, title & label for inlineEdit
- role=button, title & label for inlineEdit
- Proposed patch
Screenreader response matrix
Screen reader / Version no / ARIA-support? |
Browser / ARIA-support? |
Demo used |
Interaction task |
Screen reader response |
---|---|---|---|---|
JAWS / 10 / Yes |
FF3 / Yes |
1 |
1 |
|
JAWS / 10 / Yes |
FF2 / |
|
|
|
JAWS / 10 / Yes |
IE 8 / |
|
|
|
JAWS / 10 / Yes |
IE 7 / |
|
|
|
JAWS / 7 / No |
FF3 / Yes |
1 |
1 |
a. "The quick brown fox jumped [fluid: short pause ] over the lazy dogs BUTTON and then dot dot dot." |
JAWS / 7 / No |
FF3 / Yes |
1 |
2 |
Notes: A sighted user could tab to each inline edit and make changes. When a change is made and enter is pressed, JAWS announces the changes made. At the same time, a sighted user will see a "undo" link appear but the screen reader does not announce the presence of the undo link. The undo link is not perceivable to the screen reader unless the user hits tab, in which case they hear "undo link" but the changes that are undone are not announced. |
JAWS / 7 / No |
FF3 / Yes |
1 |
3 |
Similarly inacceesible as with task 2. Changes that are redone are not announced. |
JAWS / 7 / No |
FF2 / |
|
|
|
JAWS / 7 / No |
IE 8 / |
|
|
|
JAWS / 7 / No |
IE 7 / |
1 |
1 |
a. "The quick brown fox jumped short pause over the lazy dogs and then dot dot dot." |
JAWS / 7 / No |
IE 7 / |
1 |
2 |
Notes: A sighted user could tab to each inline edit and make changes. When a change is made and enter is pressed, JAWS announces the changes made. At the same time, a sighted user will see a "undo" link appear but the screen reader does not announce the presence of the undo link. The undo link is not perceivable to the screen reader unless the user hits tab, in which case they hear "undo link" but the changes that are undone are not announced. |
JAWS / 7 / No |
IE 7 / |
1 |
3 |
Similarly inacceesible as with task 2. Changes that are redone are not announced. |
Windows Eyes / 5/ No |
FF3 / Yes |
|
|
Screen reader doesn't work w/ this version of FF. |
Windows Eyes / 5/ No |
FF2 / |
|
|
|
Windows Eyes / 5/ No |
IE 8 / |
|
|
Notes: we navigate using the arrow keys. Navigating using the number pad didn't announce interactive elements. |
Windows Eyes / 5/ No |
IE 7 / |
1 |
2 (3 not possible) |
a. Loaded the page and heard the following: "Example 1 ... The quick brown fox jumped EDIT BOX over the lazy dogs and then" |
Windows Eyes / 7.1/ No |
FF3 / Yes |
1 |
1 |
a. "The quick brown fox jumped EDITBOX over the lazy dogs" |
Windows Eyes / 7.1/ No |
FF2 / |
|
|
|
Windows Eyes / 7.1/ No |
IE 8 / |
|
|
|
Windows Eyes / 7.1/ No |
IE 7 / |
|
|
|
Orca |
FF3 / Yes |
|
|
|
Orca |
FF2 / |
|
|
|
Some useful resources:
Window-Eyes for JAWS users