CKEditor should be focs-able like a text box under JAWS

[Martin Kou]

CKEditor is extremely unfriendly towards screen readers at the moment:

1. To navigate into the editing area, the user would have to tab through all or almost all toolbar buttons in Firefox and IE.
2. Pressing e to focus on the editing area like a textbox often does not work in IE, and never works in Firefox.
3. There's no announcement to the user that he's put his focus into an editable area.

[Martin Kou]

I found JAWS screwed up the focus when the browser first loaded the page, and that caused bug no. 1. Without JAWS, the editor never puts the focus on the toolbar unless the user specifically requested it by Alt+F10. So a hack fix is needed to force the focus into the editor when toolbar buttons are focused without Alt+F10.

JAWS's focus on IE6 is extremely buggy, and I'm afraid there's no way we can fix that in the editor. There's one thing the user can do to fix it though - upon entering IE6 and having the page with CKEditor loaded, the user can press Insert+Z twice slowly to reset JAW's virtual cursor. After the reset, the virtual cursor's position will be correct, and the 'e' key will work and focus the editor as expected.

I've added audible labels to the editing area to make JAWS announce the presence of CKEditor when the editing area is being focused.

[Martin Kou]

Here're two videos demonstrating JAWS with CKEditor in Firefox and IE, after applying the patch:

1. Firefox - ​http://screencast.com/t/anOdbptzFmV
2. IE6 - ​http://screencast.com/t/8ZTh3m6T

[Martin Kou]

#2991 is marked as a dup to this ticket.

[Martin Kou]

Fixed with [3169].

Click here for more info about our SVN system.