Елементи <svg> з роллю img повинні мати альтернативний текст

Переконайтеся, що SVG-елементи з роллю img мають альтернативний текст.

Як виправити

<!-- ❌ Неправильно -->
<svg role="img"><circle cx="50" cy="50" r="40"/></svg>

<!-- ✅ Правильно: через <title> -->
<svg role="img" aria-labelledby="svg-title">
  <title id="svg-title">Іконка налаштувань</title>
  <path d="..."/>
</svg>

<!-- ✅ Або через aria-label -->
<svg role="img" aria-label="Іконка налаштувань">
  <path d="..."/>
</svg>

<!-- ✅ Декоративна SVG: приховати -->
<svg aria-hidden="true">
  <path d="..."/>
</svg>