Vnorené interaktívne prvky

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

Čo to znamená a prečo na tom záleží

Tlačidlo vnútri odkazu (alebo naopak) mätie klávesnicu aj čítačky — vnútorný prvok býva nedosiahnuteľný (WCAG 4.1.2).

Upravte kód tak, aby odkazy a tlačidlá boli vedľa seba, nie v sebe.

<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 zadarmo ľubovoľnú stránku — výsledok za pár sekúnd, s návodom na opravu.