Éléments interactifs imbriqués

Message affiché par axe et Lighthouse: Verifier que les éléments interactifs ne sont pas imbriqués · nested-interactive · WCAG 4.1.2

Ce que cela signifie et pourquoi c’est important

Un bouton dans un lien (ou l’inverse) perturbe le clavier et les lecteurs d’écran — l’élément intérieur est souvent inaccessible (WCAG 4.1.2).

Restructurez le code pour que liens et boutons soient côte à côte et non imbriqués.

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

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

Testez gratuitement n’importe quelle page — résultat en quelques secondes, avec les corrections.