Use a single label for each form field

Multiple labels for a single field can cause screen readers to announce redundant information or fail to correctly associate the input with its purpose.

Quick Reference

• Associate each form input with exactly one element
• Use aria-labelledby if multiple pieces of text must label a single field
• Avoid duplicate labels that can confuse screen readers and voice control

Check

Search for form inputs that are associated with more than one element.

Fix

Consolidate multiple labels into a single or use aria-labelledby to reference multiple sources of text.

Explain