Движения чрез влачене

Какво изисква

Ако дадена функция може да се изпълни чрез влачене — пренареждане на елементи, регулиране на плъзгач, преместване на карта, подписване върху поле за подпис, плъзгане за отключване — трябва да съществува и начин за изпълнение на същата функция с единично действие с показалец, което не е влачене. Докосване на бутон, щракване върху стрелка, въвеждане на стойност, избор от меню — всяко от тях изпълнява критерия.

Правилото се прилага независимо дали влаченето е хоризонтално, вертикално или в свободна посока. Изключение се допуска, когато влаченето е съществена и неделима функция — рисуване в приложение за живопис, управление на аналогов джойстик.

Как да се изпълни

• Списъци с пренареждане: добавете бутони нагоре/надолу до всеки елемент или меню „Премести на позиция…”. Влаченето остава достъпно за потребителите на мишка; бутоните покриват всички останали.
• Плъзгачи: доставяйте <input type="range"> (или role="slider" с поддръжка на клавиши стрелки), така че стойностите да могат да се задават с клавиатурата или чрез въвеждане на число в свързано поле.
• Преместване/мащабиране на карта: добавете видими контроли за мащабиране и насочено преместване или приемете поле за търсене за директна навигация.
• Въртележки: осигурете бутони „Предишен” / „Следващ” в допълнение към плъзгане.
• Филтри за диапазон/цена с двоен плъзгач: свържете ги с две числови полета за въвеждане.
• Банери и диалогови прозорци, скривани чрез влачене: добавете видим бутон „Затвори”.
• Заснемане на подпис: предложете алтернатива за въвеждане на името.

Чести грешки

• Kanban табла в стил Trello, при която единственият начин за преместване на карта между колони е влаченето.
• Дръжки за пренареждане в настройки или плейлисти без алтернатива с клавиатура или бутони.
• Плъзгачи с два края за диапазон, изискващи влачене на двата края, без полета за минимум/максимум.
• Плъзгачи за сравнение на изображения (преди/след) без бутони за стъпково преместване на разделителя.
• Инструменти за избор на цвят, при които единственият начин за регулиране на нюанс/наситеност е влачене в инструмента.
• Контроли „плъзни за потвърждение” или „плъзни за отключване” без алтернатива чрез докосване.
• Персонализирани инструменти за избор на диапазон от дати, изискващи избор чрез влачене върху клетките на календара.

Защо е важно

Влаченето е трудно или невъзможно за потребители с ограничен фин двигателен контрол, тремор, ползващи телефона с една ръка, ползващи устна пръчка или контролер с главата, и за всеки, чиято ръка се уморява след няколко движения на тракпада. То е и проблем за много потребители на ключови контролери и гласово управление — няма очевидна гласова команда за „влачи третата карта към втората колона”. 2.5.7 е нов в WCAG 2.2 и е преформирал начина, по който продуктовите екипи проектират интерфейс за пренареждане: повечето съвременни дизайн системи вече доставят алтернативи с бутони стрелки по подразбиране. Очаква се критерият да бъде честа констатация в табла за управление, инструменти за управление на проекти и всеки интерфейс, изграден около сортируеми списъци.