M&DMICHAEL & DiVIP STUDIO
077 206 88 88
Україна, м. Буча, вул. Гоголя, 24
24/7 · Цілодобово
← До журналу

VIP STUDIO MICHAEL & Di · 25.10.2026

Перетягування за бажанням: дайте людині простіший шлях

Паперова картка має два шляхи між платформами: підвісний механізм і сходинки з великими кнопками.
Оригінальна концептуальна ШІ-ілюстрація, не фотографія реального інтерфейсу чи студії.

Ефектний жест не повинен бути єдиним входом

Пересунути картку мишкою здається природним, поки потрібно одночасно втримувати кнопку, не втратити об’єкт і потрапити у вузьку ділянку. На телефоні до цього додається суперечка з прокручуванням сторінки. Тому під час проєктування ми спочатку формулюємо результат: змінити порядок, вибрати значення чи перейти до іншого зображення. Перетягування є одним способом отримати цей результат, а не самим завданням. Гарний інтерфейс залишає його для тих, кому зручно, і не змушує інших тренувати точність.

Одна дія, два рівноправні способи

Для списку можна показати дії «Вище» та «Нижче» біля вибраного рядка. Для переміщення між групами доречний список доступних призначень. Біля повзунка допомагають поле точного значення або окремі крокові кнопки, якщо це відповідає задачі. Галерею можуть доповнювати звичайні кнопки попереднього й наступного кадру. Усі шляхи мають змінювати ті самі дані, поважати ті самі обмеження й показувати той самий результат. Інакше альтернатива існуватиме лише на вигляд, а не на практиці.

Що саме перевіряє вимога доступності

WCAG 2.2, критерій 2.5.7, вимагає для функцій із перетягуванням спосіб роботи одним вказівником без такого руху; передбачено винятки для суттєво необхідного перетягування та немодифікованої поведінки браузера. Лише клавіатурної альтернативи недостатньо: користувач сенсорного екрана може не мати фізичної клавіатури. Клавіатурну роботу теж слід перевіряти, але це окреме питання. Детальніше про неї є в матеріалі про навігацію без миші. Звичайне прокручування, яким керує браузер, не варто плутати з власним механізмом перетягування сайта.

Перевірка починається з завершеного завдання

Спробуйте змінити порядок трьох елементів лише короткими натисканнями, без руху із затиснутою кнопкою. Потім повторіть дію з клавіатури та на телефоні. Чи зрозуміло, який елемент обрано? Чи видно нове місце і чи можна виправити помилку? Не ховайте альтернативу лише під наведенням. Залишайте достатньо місця між діями та перевіряйте доступні назви кнопок. Для нас критерієм якості є не кількість анімацій, а можливість отримати потрібний результат кількома зрозумілими способами. Така перевірка одного компонента не означає аудиту доступності всього сайта.

Джерела

Читайте також

Файл без сюрпризів: що пояснити до завантаження