Comandi ARIA senza nome

Messaggio mostrato da axe e Lighthouse: I controlli gestiti con ARIA devono avere un nome accessibile · aria-command-name · WCAG 4.1.2

Cosa significa e perché è importante

I controlli personalizzati (role="button", role="link", role="menuitem") hanno bisogno di un nome accessibile, altrimenti la funzione resta ignota (WCAG 4.1.2).

Come correggere

Aggiungi testo o un aria-label all’elemento.

Esempio di codice

Prima

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

Dopo

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

Tutti gli errori di accessibilità