Vnořené interaktivní prvky

Hlášení v axe a Lighthouse: Interactive controls must not be nested · nested-interactive · WCAG 4.1.2

Co to znamená a proč na tom záleží

Tlačítko uvnitř odkazu (nebo naopak) mate klávesnici i čtečky — vnitřní prvek bývá nedosažitelný (WCAG 4.1.2).

Upravte kód tak, aby odkazy a tlačítka stály vedle sebe, ne v sobě.

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

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

Otestujte zdarma libovolnou stránku — výsledek za pár sekund, s návodem k opravě.