Кнопки повинні мати розпізнаваний текст

Переконайтеся, що всі кнопки мають зрозуміле текстове ім'я, доступне для допоміжних технологій.

Способи додати ім'я кнопці

<!-- 1. Текст всередині (найкращий спосіб) -->
<button>Надіслати</button>

<!-- 2. aria-label (для кнопок-іконок) -->
<button aria-label="Закрити">
  <svg aria-hidden="true">...</svg>
</button>

<!-- 3. aria-labelledby -->
<button aria-labelledby="btn-label"></button>
<span id="btn-label">Зберегти</span>

<!-- 4. input з value -->
<input type="submit" value="Надіслати">

Рекомендації

• Кнопки-іконки — завжди додавайте aria-label.
• Будьте конкретними — «Видалити коментар» краще ніж «Видалити».
• Уникайте порожніх кнопок — без тексту чи aria-label кнопка невидима для скрінрідера.