11.1

Does each form input field have a label?

WCAG Reference

WCAG 1.3.1

Tests

  1. 11.1.1

    Does each form input field meet one of these conditions?

    The form input field has a WAI-ARIA aria-labelledby attribute referencing an identified passage of text.
    The form input field has a WAI-ARIA aria-label attribute.
    A <label> tag with a for attribute is associated with the form input field.
    The form input field has a title attribute.
    A button adjacent to the form input 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.
  2. 11.1.2

    Does each form input field associated with a <label> tag having a for attribute, meet these conditions?

    The form input field has an id attribute.
    The value of the for attribute is equal to the value of the id attribute of the associated form input field.
  3. 11.1.3

    Does every form input field with a label whose content is not visible or nearby (hidden, aria-label) or which is not located next to the field (aria-labelledby), meet one of these conditions?

    The form input field has a title attribute, the content of which makes it possible to understand the nature of the expected input.
    The form input field is accompanied by a passage of text attached to the field, which becomes visible when the focus is taken, allowing the nature of the expected input to be understood.
    The form input field is accompanied by a visible passage of text attached to the field so that the nature of the expected input can be understood.

WCAG Techniques

  • ARIA6
  • ARIA9
  • ARIA14
  • ARIA16
  • F68
  • F82
  • F86
  • G82
  • G131
  • G167
  • H44
  • H65