Ugnezdeni interaktivni elementi

Sporočilo v orodjih axe in Lighthouse: Interactive controls must not be nested · nested-interactive · WCAG 4.1.2

Kaj to pomeni in zakaj je pomembno

Gumb znotraj povezave (ali obratno) zmede tipkovnico in bralnike — notranji element je pogosto nedosegljiv (WCAG 4.1.2).

Kodo preuredite tako, da so povezave in gumbi drug ob drugem, ne drug v drugem.

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

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

Brezplačno preverite katero koli stran — rezultat v nekaj sekundah, z navodili za popravek.