#ЕленаАудитор

Навигация по сайту клавишей Tab - библия веб-доступности. Это дает возможность незрячим, слабовидящим и людям с нарушениями моторики обходиться без мыши. Но дьявол кроется в деталях.

Далеко не впервые встречаем проекты, где табуляция проросла буквально везде. Работает зачем-то по заголовкам, картинкам и даже по кускам текстового контента, реализована принудительно с помощью tabindex.

Очень плохая практика, прямо скажем.
Во-первых, разработчики ломают сложившиеся паттерны поведения пользователей при управлении с клавиатуры.
Во-вторых, тотальное присвоение индексов всему и вся приводит к неадекватной работе скринридеров. Они начинают зачитывать все подряд, фокус перемещается непредсказуемо, и одна проблема доступности накладывается на другую. В одном таком проекте для постановки диагноза нам пришлось дополнительно вызывать пояснительную бригаду Светланы Бондаренко.

Есть три простых правила:

1️⃣Табуляция работает только по интерактивным элементам, с которыми пользователь может взаимодействовать: кнопки, ссылки, поля форм и так далее.

2️⃣ Tabindex руками разработчика интерактивным элементам не нужен. Он есть уже из коробки.

3️⃣ Имеет смысл индексировать только виджеты, которых нет в html.