SVG-графика без текстовой альтернативы

Сообщение в axe и Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

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

SVG-иконки с role="img", но без имени озвучиваются без смысла (WCAG 1.1.1).

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

Добавьте <title> внутрь SVG или aria-label; чисто декоративные SVG скройте с помощью aria-hidden="true".

Пример кода

До

<svg role="img" viewBox="0 0 24 24"><path d="…"/></svg>

После

<svg role="img" aria-labelledby="t1" viewBox="0 0 24 24"><title id="t1">Secure payment</title><path d="…"/></svg>

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