Accy

Required field marked visually only

WCAG 3.3.2 (A) · EN 301 549 9.3.3.2

The field label says it is required (with an asterisk or the word), but the field itself declares neither required nor aria-required.

Why it matters

Anyone who cannot see the asterisk does not know the field is mandatory until the form rejects it. And if the error is not announced either, they are stuck with no idea why.

How to fix it

Add the required attribute to the field. Keep the visual marker too: both, not one or the other.

As it is
<label for="tel">Phone *</label>
<input type="tel" id="tel">
As it should be
<label for="tel">Phone <span aria-hidden="true">*</span></label>
<input type="tel" id="tel" required>

Related

Does your shop have this failure?

Check for free, along with the other 54 rules. No sign-up.

No sign-up. We scan one public page and store nothing about you.