Checkbox labeling

Example Feature Comparison Table

Features for Checkbox labeling
Feature Description Best
Practice
Rating
E1 E2 E3 E4 E5 E6 E7 E8
No label markup Bad E1 - - - - - - -
Label as title Poor - E2 - - - - - -
Label encapsulation Poor - - E3 - - - - -
Label reference Good - - - E4 E5 E6 E7 E8
Highlightling focus Good - - - - E5 E6 E7 E8
Fieldset/Legend for grouping Good - - - - - E6 E7 E8
Required label using image Good - - - - - - E7 -
Required label using visible text Good - - - - - - - E8

Example List

Example 1: Checkboxes with no labeling
Bad: No label markup
Example 2: Labeling checkboxes using TITLE
Poor: Label as title
Example 3: Labeling checkboxes using encapsulation
Poor: Label encapsulation
Example 4: Labeling checkboxes using reference
Good: Label reference
Example 5: Highlighting focus
Good: Label reference
Good: Highlightling focus
Example 6: Fieldset/Legend for grouping checkboxes
Good: Label reference
Good: Highlightling focus
Good: Fieldset/Legend for grouping
Example 7: Required response using image
Good: Label reference
Good: Highlightling focus
Good: Fieldset/Legend for grouping
Good: Required label using image
Example 8: Required response using off screen text
Good: Label reference
Good: Highlightling focus
Good: Fieldset/Legend for grouping
Good: Required label using visible text