Dialog elements should use explicit labels instead of implicit labels.

[martinkou]

Most dialogs elements in CKEditor 3 are using implicit labels at the moment. e.g.

      <label id="68_uiElement" class="cke_dialog_ui_checkbox">
             <input class="cke_dialog_ui_checkbox_input"
 id="67_uiElement"
 type="checkbox" />
                   Match whole word
       </label>

​Checkpoint 12.4 of the WCAG 1.0 standard recommends explicit labels to be used instead.

[martinkou]

Changed the labels of radio buttons and checkboxes in dialogs to explicit style.

[garry.yao]

The new form of label violate Checkpoint 10.2:

The label must immediately precede its control on the same line (allowing more than one control/label per line) or be in the line preceding the control (with only one label and one control per line).

[martinkou]

Checkpoint 10.2 only applies to implicit labels. The rational for the recommendation is that screenreaders wouldn't be able to know which input to associate a label to if the label isn't placed at certain places. Now that we have converted to explicit labels, checkpoint 10.2 does not apply any more

There's one small problem in yesterday's patch, though. In Firefox, the space between the input elements and the labels have disappeared. I'm proposing another patch to fix this.

[martinkou]

Fixed with [3810].

Click here for more info about our SVN system.