Button has no name
Why it matters
A button without a name is announced as just "button". Screen reader and voice control users cannot find or use it.
How to fix it
Add visible text, or an aria-label for icon buttons.
<!-- Before -->
<button class="menu-toggle"><svg>...</svg></button>
<!-- After -->
<button class="menu-toggle" aria-label="Open menu"><svg aria-hidden="true">...</svg></button> Read the W3C guidance: Understanding 4.1.2 Name, Role, Value.
Related rules
- Frame has no title (WCAG 4.1.2)
- Label points at an element that does not exist (WCAG 4.1.2)
- Duplicate id is used by a label or ARIA attribute (WCAG 4.1.2)
- ARIA role is not valid (WCAG 4.1.2)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.