Button has no name

  • WCAG 4.1.2 Name, Role, Value, level A
  • Critical
  • Links and buttons
  • Automated
  • Server pass

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

Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.