Skip to main content
RAWEBA

11.1 Does each form input field have a label?

WCAG references
  • 1.3.1 Info and Relationships (A)
  • 2.4.6 Headings and Labels (AA)
  • 3.3.2 Labels or Instructions (A)
  • 4.1.2 Name, Role, Value (A)
Techniques
  • ARIA6
  • ARIA9
  • ARIA14
  • ARIA16
  • F68
  • F82
  • F86
  • G82
  • G131
  • G167
  • H44
  • H65

Official methodology to test criterion 11.1

Test 1 (11.1.1)

  1. Find form fields in the document.
  2. For each form field, check that the form field
    • has a WAI-ARIA aria-labelledby attribute referencing an identified passage of text;
    • has a WAI-ARIA aria-label attribute;
    • is associated with a <label> element having a for attribute;
    • has a title attribute;
    • a button adjacent to the form field provides it with a visible label and a visually hidden <label> element or a WAI-ARIA aria-label, aria-labelledby or title attribute provides it with an accessible name.
  3. If this is the case for a form field, the test is validated.

Test 2 (11.1.2)

  1. Find the form fields associated with a <label> element in the document.
  2. For each form field, check that
    • The form field has an id attribute.
    • The value of the for attribute of the <label> element is equal to the value of the id attribute.
  3. If this is the case for the form field, the test is validated.

Test 3 (11.1.3)

  1. Find in the document form fields whose label is not visible or nearby (hidden, using the aria-label attribute) or is not attached to the field (using the aria-labelledby attribute).
  2. For each form field, check that the form field
    • either has a title attribute, the content of which makes it possible to understand the nature of the expected input;
    • is accompanied by a passage of text next to the field which becomes visible when the focus is taken, so that the nature of the expected input can be understood;
    • is accompanied by a passage of visible text next to the field, enabling the nature of the expected input to be understood.