ARIA ovládací prvky bez názvu

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

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

Vlastní ovládací prvky (role="button", role="link", role="menuitem") potřebují přístupný název, jinak jejich funkce zůstane neznámá (WCAG 4.1.2).

Jak opravit

Doplňte prvku text nebo aria-label.

Příklad kódu

Před

<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šechny chyby přístupnosti