Web Development
Web Developer Guidelines
Visual Design Recommendations

Checkpoint 6.6 - Core

All field labels immediately precede the relevant field

WCAG 1.0 Priority 2

WCAG Guideline 12. Provide context and orientation information.

People with cognitive disabilities often have difficulty interpreting information or details required when filling out a form. Providing appropriately descriptive information immediately preceding each form field allows people to understand what is required to fill in each field.

If the field label were to follow the related form field, a screen reader will access the field before the label is read out to the user. In such cases the user will not know what is required of them until the screen reader has moved beyond the input field.

Requirement

All text labels on a form immediately precede the relevant field.

Checking Tool

View the page in the browser to make sure all fields in a form are immediately preceded by a text label.

Information Source

The original source of this information is located on the W3C web site  (www.w3.org/TR/WCAG10-TECHS/#tech-unassociated-labels)

 

Back to top