Examples: WAI Web Content Accessibility Curriculum - slide "10.2 - Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned."

Priority 2

Authors should get in the habit of explicitly associating form controls and informative labels (see the example for Checkpoint 12.4). In the meantime, Examples 1 and 2 on this page show the layout of controls that would be relatively accessible to users of screen-readers. It should not be difficult to identify which label is associated with which control.

For all form controls with labels, ensure that:

Example 1: the label is immediately following its control on the same line (allowing more than one control/label per line).

To Checkpoints for Guideline 10.

Next slide: Example for Checkpoint 10.3

Example for Checkpoint 10.2 - Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.

Example for Checkpoint
10.2 - Until user agents support explicit associations between labels and form controls, for all form controls with implicitly associated labels, ensure that the label is properly positioned.