Verschachtelte Bedienelemente

Meldung in axe und Lighthouse: Interaktive Steuerelemente dürfen nicht verschachtelt (nested) werden. · nested-interactive · WCAG 4.1.2

Was das bedeutet und warum es wichtig ist

Ein Button in einem Link (oder umgekehrt) verwirrt Tastatur und Screenreader — das innere Element ist oft nicht erreichbar (WCAG 4.1.2).

So beheben Sie es

Markup so umbauen, dass Links und Buttons nebeneinander statt ineinander liegen.

Code-Beispiel

Vorher

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

Nachher

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

Alle Barrierefreiheits-Fehler