Zagnieżdżone elementy interaktywne

Komunikat w axe i Lighthouse: Kontrolki interaktywne nie mogą być zagnieżdżone · nested-interactive · WCAG 4.1.2

Co to oznacza i dlaczego jest ważne

Przycisk w linku (lub odwrotnie) dezorientuje klawiaturę i czytniki ekranu — wewnętrzny element jest często nieosiągalny (WCAG 4.1.2).

Przebuduj kod tak, aby linki i przyciski były obok siebie, a nie jeden w drugim.

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

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

Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.