Skip to main content
RAWEBA

11.4 In each form, are each field label and its associated field located next to each other (excluding special cases)?

WCAG references
  • 3.3.2 Labels or Instructions (A)
Techniques
  • G162

Official methodology to test criterion 11.4

Test 1 (11.4.1)

  1. Find the form fields in the document.
  2. For each form field, check that it is adjacent to its label.
  3. If this is the case for each form field, the test is validated.

Test 2 (11.4.2)

  1. Find in the document form fields which are not <input> elements of type checkbox or radio or elements with a WAI-ARIA role="checkbox", role="radio" or role="switch" attribute.
  2. For each form field, check that the label is visually attached:
    • Immediately above or to the left of the form field when the reading direction for the label language is left to right.
    • Immediately above or to the right of the form field when the label's language reading direction is from right to left.
  3. If this is the case for each form field, the test is validated.

Test 3 (11.4.3)

  1. Find in the document form fields that are <input> of type checkbox or radio or elements with a WAI-ARIA role="checkbox", role="radio" or role="switch" attribute.
  2. For each form field, check that the label is visually attached:
    • Immediately below or to the right of the form field when the reading direction of the label language is from left to right.
    • Immediately below or to the left of the form field when the label's language reading direction is from right to left.
  3. If this is the case for each form field, the test is validated.