Accessibility Software JAWS not reading label field if ckeditor is enabled

[Rajasimhan]

Accessibility Software JAWS not reading the label field before textarea for which ckeditor is enabled

1) Place a label control in the page. 2) Place a text area next to the label control. 3) Install JAWS and tab through the page. JAWS will read the label field that occurs before the textarea control.

4) Now enable rich text editor for the text area. 5) When we tab through the page JAWS will not read the label field that occurs before the textarea control.

If a label is placed before a ckeditor field to tell what that textarea is for then accessibility users will not be able to understand the purpose of the ckeditor enabled textarea as JAWS does not read the label field.

[Jakub Ś]

File to replicate accessibility issue

[Jakub Ś]

I have corrected your test case as it contained some errors.

---

According to ​http://www.w3.org/TR/CSS2/aural.html#speaking-props

None
...
To be sure to suppress rendering of an element and its descendants, use the 'display' property). 

and ​http://www.w3.org/TR/CSS2/visuren.html#propdef-display

Please note that a display of 'none' does not create an invisible box; it creates no box at all.

label will be read only for visible element. In case of CKEditor textarea gets display:none property. That is why label is not read. What is more CKEditor is not textarea, it’s a completely different element.

There is rather nothing we can do here.

[Rajasimhan]

Hi, I would like to reopen the ticket for the following reason. My problem is not with the textarea control on which ckeditor is enabled. Its with the control that occurs in front of the text area. When ckeditr is enabled, Jaws does not read the label of the control in from of the editor control. In the attached replication file "Accessibility Text.html" there is a label "<label for="editor2">I am not Read</label>" this label's value 'I am not Read' is not read by jaws when ckeditor is enabled but on the contrary this label is read when I disable ckeditor. Please analyze this problem. If you have any questions please contact me.

Thanks Rajasimhan Baskar Oracle.

[Jakub Ś]

My problem is not with the textarea control on which ckeditor is enabled

There are two reasons why label is not read:

Labels are read only for visible elements. When CKEditor is being shown/enabled is sets display:none for textarea.

CKEditor is represented by a different element than textarea. What I mean is that there is absolutely no “connection” between CKEditor and this label.

JAWS sees it that way - there is a label but no textarea - I'm not reading it. It doesn’t even look at

If you set display:none for textarea you will get the similar effect - second label will not be read because there is no textarea you can tab to.

If you set label for span (container for CKEditor) it will not be read also.

Please have a look at modified sample.