How do I fix button-name?

Each icon button gets a hidden name ("Open cart"). Nothing changes visually. Code included. Put visible text inside the , or add aria-label="…" when it only contains an icon.

Error · button-name

Buttons with no name

Q: What does the button-name error mean?

Buttons with no name. Icon-only buttons (menu, cart, close) are read as just "button". A blind customer can't tell the cart from the close button.

Q: Who does it affect?

blind people (screen readers), people who can't use a mouse

Icon-only buttons (menu, cart, close) are read as just "button". A blind customer can't tell the cart from the close button.

Who it leaves out: blind people (screen readers) · people who can't use a mouse

How to fix it

Each icon button gets a hidden name ("Open cart"). Nothing changes visually. Code included.

In the code

Put visible text inside the <button>, or add aria-label="…" when it only contains an icon.

✓ Our scanner writes and tests this correction for you.

Does your site have this error?

Free check in about a minute, no account.

One more chance: free scan · no account

Related errors

Images without a description image-alt
Image buttons without a name input-image-alt
Links that don't say where they go link-name
Form fields without a label label
Drop-down menus without a label select-name
The page doesn't declare its language html-has-lang

Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.