Duplicate IDs used by labels or ARIA

Message shown by axe and Lighthouse: IDs used in ARIA and labels must be unique · duplicate-id-aria · WCAG 4.1.2

What it means and why it matters

When two elements share an ID, labels and descriptions attach to the wrong element (WCAG 4.1.2).

How to fix it

Make every referenced ID unique on the page.

Code example

Before

<label for="email">Email</label><input id="email">
<label for="email">Email (footer)</label><input id="email">

After

<label for="email">Email</label><input id="email">
<label for="email-footer">Email (footer)</label><input id="email-footer">

All accessibility errors