Buttons with no name in WooCommerce

WCAG 4.1.2 (A) · EN 301 549 9.4.1.2

Some buttons have no visible text and no accessible name.

Where to change it in WooCommerce

Icon buttons usually come from the theme; look in header.php and the cart templates.

In WooCommerce the theme and the plugins both contribute markup. Create a child theme before editing: otherwise the next update overwrites your changes.

As it is

<button><svg>…</svg></button>

As it should be

<button aria-label="Dismiss notice">
  <svg aria-hidden="true">…</svg>
</button>

Why it matters

This usually hits icon-only buttons: the close X, the search magnifier, the basket in the header. A screen reader announces them as "button" and the person has to activate them to find out what they do.

On other platforms

Buttons with no name in Shopify

Does your WooCommerce shop have this failure?

We detect your platform automatically and give you the instructions for it. Free, no sign-up.