How to fix label on WooCommerce

Steps for WooCommerce

1. Install the 'WP Accessibility' plugin (by Joe Dolson) from Plugins → Add New — it auto-fixes several common label issues including search fields.
2. For checkout and account forms, copy the relevant WooCommerce template file (e.g., woocommerce/templates/checkout/form-billing.php) into your child theme under woocommerce/checkout/form-billing.php.
3. Open the copied file in Appearance → Theme File Editor (or via FTP/SFTP) and add <label for="INPUT_ID"> elements above any unlabeled inputs.
4. For custom or plugin-added forms, use your theme's functions.php or a code snippet plugin to hook into the form output and inject labels.
5. Use the axe DevTools browser extension to re-scan checkout, login, and registration pages after changes.

<label for="customer-email">Email address</label>
<input id="customer-email" type="email" name="email" autocomplete="email">

<!-- OR, when a visible label is not possible: -->
<input type="search" aria-label="Search products" name="q">

What is label?

Every form field on your website — such as a search box, email signup, checkout address field, or contact form — needs a label that clearly describes what information belongs there. A "label" is either a visible text description linked to the input, or a special code attribute (like `aria-label`) that screen readers can announce. When a form field has no label at all, assistive technology users hear something unhelpful like "edit text" with no context about what to type. WCAG Success Criterion 4.1.2 requires all interactive elements, including form inputs, to have a name that can be determined programmatically.

Unlabeled form fields directly block customers who use screen readers, voice-control software (like Dragon NaturallySpeaking), or keyboard-only navigation — they simply cannot use your checkout, contact, or signup forms. This is a recognized WCAG 2.1 Level A failure, meaning it is among the most serious accessibility violations and creates real legal exposure under the ADA (US), AODA (Canada), EAA (EU), and similar laws — several major retailers have faced lawsuits citing exactly this issue. Beyond legal risk, it also damages conversions: any customer who cannot complete a form cannot buy from you. Additionally, Google uses accessibility signals as part of its overall quality assessment, so fixing these issues supports your SEO health too.

See the complete Label guide for every platform and the full background.