Доступные альтернативы drag-and-drop
Добавляем доступные альтернативы для перетаскивания (drag-and-drop): то же действие можно выполнить с клавиатуры и через понятные кнопки, а не только мышью. Чтобы функции «перетащи сюда» были доступны людям, которые не пользуются мышью. Честно сразу: классический drag-and-drop принципиально недоступен для клавиатуры и скринридера — поэтому мы добавляем ПОЛНОЦЕННУЮ альтернативу (тем же результатом), а не «делаем перетаскивание доступным по волшебству»; объём зависит от того, как устроен ваш компонент.
Доступные альтернативы drag-and-drop — что это и зачем
Доступные альтернативы drag-and-drop — это добавление к функциям перетаскивания равноценного способа выполнить то же действие без мыши: управление с клавиатуры (выбрать элемент, переместить стрелками, подтвердить) и/или понятные кнопки/меню («переместить вверх/вниз», «добавить в…»), с корректным объявлением состояния скринридеру. Честно про суть, это ключевое: сам по себе drag-and-drop принципиально НЕ доступен для клавиатуры и скринридера — перетаскивание мышью нельзя «сделать доступным» как есть. Поэтому правильное решение по WCAG — предоставить АЛЬТЕРНАТИВНЫЙ способ, который делает РОВНО ТО ЖЕ (не урезанный). Мы не имитируем доступность, а добавляем реально работающий путь без мыши. Честно про полноту: альтернатива должна покрывать ВСЕ сценарии перетаскивания (если drag умеет сортировать, группировать и удалять — альтернатива тоже должна всё это уметь), иначе это псевдодоступность. Честно про зависимость: объём зависит от того, как устроен ваш DnD-компонент (свой или сторонний). Сторонний может не давать удобной точки для альтернативы — тогда дорабатываем или заменяем; гарантировать чужой готовый виджет нельзя. Честно про охват: это про конкретную функцию (DnD), а не вся доступность сайта. Честно про эффект: функция становится доступна без мыши; прямой рост продаж не гарантируем. Честно про доступ: нужен доступ к коду компонента. Важная граница: это альтернатива DnD; клавиатурная навигация в целом — 806, фокус — 807. Представьте: вместо «перетащить можно только мышью, без неё функция недоступна» — то же действие с клавиатуры и кнопками. Базовая цена — от 18 000 ₽ (зависит от сложности компонента).
Какие задачи решаем
- Перетаскивание работает только мышью — без неё функция недоступна.
- Пользователь клавиатуры/скринридера не может выполнить drag-and-drop.
- Готовый DnD-виджет не даёт альтернативы без мыши.
- Есть «псевдоальтернатива», которая умеет не всё, что перетаскивание.
Что входит в услугу «Доступные альтернативы drag-and-drop»
- Управление функцией с клавиатуры (выбор/перемещение/подтверждение)
- Понятные кнопки/меню как альтернатива перетаскиванию
- Объявление состояния и результата скринридеру
- Полное покрытие всех сценариев DnD (не урезанная альтернатива)
- Доработка/замена недоступного стороннего DnD-компонента
- Указание границ (DnD принципиально недоступен → нужна альтернатива)
- Связка с клавиатурой (806) и фокусом (807)
- Передача и разбор с вами
Что вы получите в результате
- То же действие выполнимо без мыши (клавиатура/кнопки)
- Функция доступна пользователям клавиатуры и скринридера
- Альтернатива покрывает все сценарии перетаскивания
- Реальная доступность функции (не имитация)
Как проходит работа: этапы
- Разбираем, что именно делает ваш drag-and-drop; собираем доступ
- Проектируем и реализуем равноценную альтернативу без мыши
- Проверяем покрытие всех сценариев скринридером/клавиатурой, разбираем с вами
Почему LUA·SCRIPT
- Фиксированная цена и сроки — без сюрпризов в счёте.
- Отчёт и рекомендации простым языком — понятно без технического бэкграунда.
- На связи на каждом этапе и отвечаем на вопросы по результату.
Частые вопросы
Нельзя просто сделать само перетаскивание доступным?
Нет, и это честно: классический drag-and-drop мышью принципиально не доступен для клавиатуры и скринридера — его нельзя «озвучить» как есть. Правильное решение по WCAG — дать равноценную альтернативу (клавиатура/кнопки), которая делает ровно то же. Мы добавляем реально работающий путь без мыши, а не имитацию.
Альтернатива будет уметь всё, что перетаскивание?
Должна — иначе это псевдодоступность. Если drag умеет сортировать, группировать, удалять — альтернатива тоже обязана всё это уметь. Мы покрываем ВСЕ сценарии, а не часть. Если у вас сложный DnD, честно оценим объём, чтобы альтернатива была полноценной, а не «галочкой».
У нас сторонний DnD-виджет — справитесь?
Зависит от виджета. Некоторые готовые компоненты не дают удобной точки для альтернативы — тогда дорабатываем или предлагаем заменить доступным решением. Гарантировать поведение чужого готового виджета «как есть» нельзя; честно отметим, что потребуется.
Об исполнителе
«Доступные альтернативы drag-and-drop» — услуга каталога LUA·SCRIPT по направлению «Качество сайта». Работаем по договору, итог оформляем отчётом с понятными рекомендациями.