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>

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