ARIA ovládacie prvky bez názvu

Hlásenie v axe a Lighthouse: ARIA commands must have an accessible name · aria-command-name · WCAG 4.1.2

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

Vlastné ovládacie prvky (role="button", role="link", role="menuitem") potrebujú prístupný názov, inak ich funkcia zostane neznáma (WCAG 4.1.2).

Ako opraviť

Doplňte prvku text alebo aria-label.

Príklad kódu

Pred

<div role="button" tabindex="0" class="icon-heart"></div>

Po

<div role="button" tabindex="0" class="icon-heart" aria-label="Add to wish list"></div>

Všetky chyby prístupnosti