Академія
Правило доступності · tabindex
Елементи не повинні мати tabindex більше нуля
СерйознийНайкращі практики
Впливає на:BlindDeafblindMobility
Елементи не повинні мати tabindex більше 0.
Проблема
Позитивний tabindex порушує природний порядок фокусу, що заплутує користувачів клавіатури.
Як виправити
<!-- ❌ Неправильно -->
<button tabindex="5">Перша</button>
<button tabindex="1">Друга</button>
<!-- ✅ Правильно: порядок визначається DOM -->
<button>Перша</button>
<button>Друга</button>
<!-- Використовуйте tabindex="0" щоб додати до порядку фокусу -->
<div role="button" tabindex="0">Кастомна кнопка</div>
<!-- Використовуйте tabindex="-1" щоб прибрати з порядку фокусу -->
<div tabindex="-1">Фокус тільки програмно</div>Ресурси · Зовнішні посилання
Безкоштовна перевірка
Перевірте свій сайт
Дізнайтеся, чи є це порушення на вашому ресурсі
Безкоштовний аудит