Академія
Правило доступності · 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>
Ресурси · Зовнішні посилання
Безкоштовна перевірка

Перевірте свій сайт

Дізнайтеся, чи є це порушення на вашому ресурсі

Безкоштовний аудит