ARIA контроли без име

Съобщение в axe и Lighthouse: ARIA commands must have an accessible name · aria-command-name · WCAG 4.1.2

Какво означава и защо е важно

Персонализираните контроли (role="button", role="link", role="menuitem") се нуждаят от достъпно име, иначе функцията им остава неизвестна (WCAG 4.1.2).

Как да поправите

Добавете текст или aria-label към елемента.

Пример за код

Преди

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

След

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

Открийте тази грешка на сайта си

Проверете безплатно всяка страница — резултат за секунди, с указания за поправка.

Проверете страница безплатно

Всички грешки в достъпността