Элементы с role="img" без текстовой альтернативы

Сообщение в axe и Lighthouse: [role="img"] and [role="image"] elements must have alternative text · role-img-alt · WCAG 1.1.1

Что это значит и почему это важно

Вспомогательные технологии не могут описать такую графику (WCAG 1.1.1).

Как исправить

Задайте aria-label или aria-labelledby либо уберите роль, если элемент декоративный.

Пример кода

До

<div role="img" class="rating-stars"></div>

После

<div role="img" class="rating-stars" aria-label="Rated 4 out of 5"></div>

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