WCAG 3.3.2: Labels or Instructions

WCAG 3.3.2 Labels or Instructions is a level A success criterion from WCAG 2.0. Labels or instructions are provided when content needs input. Placeholder text inside the field is not a reliable label.

When the placeholder disappears on typing, the person can forget what the field was.

How to test

Every input, select and textarea should have a visible label.

How to fix

Add a label element associated with the field.

Example that fails

A newsletter field shows only the placeholder Email.

Example that passes the check

A label Email address sits above the field.

Shopify

Add label elements to newsletter and contact inputs in the theme. Do not use placeholder alone.

WooCommerce

Keep checkout labels visible. Do not remove them in CSS.

WordPress

Set labels on form blocks and do not hide them.

Wix

Give every form field a title and keep it visible.

Related fixes