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>

Все ошибки доступности