ARIA buttons or links without a name

Message shown by axe and Lighthouse: ARIA commands must have an accessible name · aria-command-name · WCAG 4.1.2

What it means and why it matters

Custom controls (role="button", role="link", role="menuitem") need an accessible name, otherwise their purpose is unknown (WCAG 4.1.2).

How to fix it

Add text content or aria-label to the element.

Code example

Before

<div role="button" tabindex="0" class="icon-heart"></div>

After

<div role="button" tabindex="0" class="icon-heart" aria-label="Add to wish list"></div>

All accessibility errors