ARIA-роль повинна відповідати елементу

Переконайтеся, що атрибут role відповідає типу елемента.

Проблема

Не всі ARIA-ролі можна призначати будь-якому HTML-елементу. Наприклад, <input type="text"> не може мати role="heading".

Як виправити

• Використовуйте семантичний HTML замість ARIA-ролей, де це можливо.
• Якщо потрібна роль — переконайтеся, що елемент її підтримує.

<!-- ❌ Неправильно -->
<input type="text" role="button">

<!-- ✅ Правильно: використовуйте відповідний елемент -->
<button>Натиснути</button>