Посилання повинні мати розпізнаваний текст

Переконайтеся, що всі посилання мають зрозумілий текст, який описує їх призначення.

Як виправити

<!-- ❌ Неправильно: неінформативний текст -->
<a href="/report.pdf">Натисніть тут</a>

<!-- ✅ Правильно: описовий текст -->
<a href="/report.pdf">Завантажити річний звіт (PDF, 2.5 MB)</a>

<!-- ✅ Посилання-іконка -->
<a href="https://twitter.com/..." aria-label="Twitter">
  <svg aria-hidden="true">...</svg>
</a>

<!-- ✅ Посилання із зображенням -->
<a href="/"><img src="logo.png" alt="На головну"></a>

Чого уникати

• «Натисніть тут» або «Детальніше» — неінформативно для скрінрідера.
• URL як текст — «https://example.com» нічого не пояснює.
• Порожні посилання — без тексту, alt або aria-label.