Required field is only marked visually
Why it matters
A red asterisk is invisible to a screen reader. People submit the form, hit an error and have to start again.
How to fix it
Add the required attribute (or aria-required="true") as well as the visible marker.
<label for="name">Name <span aria-hidden="true">*</span></label>
<input id="name" required>Read the W3C guidance: Understanding 3.3.2 Labels or Instructions.
Related rules
- Placeholder is the only label (WCAG 3.3.2)
- Form field has no label (WCAG 1.3.1)
- Personal details field has no autocomplete (WCAG 1.3.5)
- Radio or checkbox group has no group label (WCAG 1.3.1)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.