Всі кнопки повинні мати текстову назву, доступну для допоміжних технологій.
Чому це важливо
Користувачі програми зчитування з екрана (скрінрідера) не можуть дізнатись про призначення елементів, які не мають доступної назви.
Як вирішити проблему
Призначте кожній кнопці текстову назву одним з наступних способів:
<button id="text">Текстова мітка</button>
<button id="al" aria-label="Текстова мітка"></button>
<button id="alb" aria-labelledby="labeldiv"></button>
<div id="labeldiv">Текстова мітка</div>
<button id="combo" aria-label="Текстова мітка">Текстова мітка</button>