Form elements must have labels

labels-and-names/form-label · WCAG 4.1.2 · Level A

Form elements must have labels. Use <label>, aria-label, or aria-labelledby.

Every form input needs an accessible label so users understand what information to enter. Use a <label> element with a for attribute matching the input's id, wrap the input in a <label>, or use aria-label/aria-labelledby for custom components. Placeholders are not sufficient as labels since they disappear when typing. Labels should describe the information requested, not the field type (e.g., 'Email address', 'Search', 'Phone number').

Scan a page or repo for issues like this · All rules

Introduced in @accesslint/core v0.8.0