Form field is missing label

Compliance Data & User Impact

User Impact: Critical

100% Complete

Disabilities Affected:

  • blindness
  • deafblindness
  • learning disabilities

WCAG Version:

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:

uTester Severity:

DRRSAG Designations:

  • description

How to Fix the Problem

This form field should be labelled in some way. Use a label element with a “for” attribute, “aria-label” or “aria-labelledby” attributes according to specifications.

The Algorithm, in Simple Terms

Engine scans page for form fields but buttons, and validate if they have a <label for=”input_id”>, aria-label=”value”, aria-labelledby= id=”input_id” or title=”value”.

Why Is it Important?

Some users will not be able to identify the purpose of the form control.

Code Example

<label="example">First Name:</label>
<input type="text" id="example">

This element perfoms as a container, and has no functionality. This container may contain another elements that has functionality or logical role.

Ignore this issue if this element has an alternative that performs the same and overrides the content of this element.

Address: 401 9th St NW, 6th Floor
Washington, DC 20004
Phone number: (888) 995-WCAG
International number: 1(888) 995-9224