Elementi interattivi annidati

Messaggio mostrato da axe e Lighthouse: I controlli interattivi non devono essere annidati · nested-interactive · WCAG 4.1.2

Cosa significa e perché è importante

Un pulsante dentro un link (o viceversa) confonde tastiera e lettori di schermo — l’elemento interno spesso non è raggiungibile (WCAG 4.1.2).

Ristruttura il codice in modo che link e pulsanti siano affiancati e non annidati.

<a href="/product/42">
  Rain jacket <button>Add to cart</button>
</a>

<a href="/product/42">Rain jacket</a>
<button>Add to cart</button>

Testa gratis qualsiasi pagina — risultati in pochi secondi, con le istruzioni di correzione.