Есть кнопки спереди и сзади.
Смахивание может быть дополнительным способом, но не должно быть единственным способом перемещения элементов.
Карусель Система дизайна
Позволяет последовательно просматривать контент, сохраняя при этом контроль над местоположением.
Содержание чек-листа
Прогресс проверки
01
Структура и значение
Сравните информацию и представление в контексте использования.
02
Взаимодействие и удобство использования
Попробуйте выполнить операцию, измените статус и продолжайте работу.
03
Завершите опыт
Проверьте детали, которые легко упустить при вводе проекта в эксплуатацию.
Прогресс автоматически сохраняется в этом браузере.
РЕКОМЕНДАЦИИ
Как проверять
ПРИМЕРЫ
Примеры использования
Есть кнопки спереди и сзади.
На фотографиях товаров есть кнопки «Предыдущее фото», «Следующее фото» и метка 2/5.
Варианты и сценарии использования
Способы переключения
Поддерживайте кнопки предыдущего и следующего элемента и подходящие жесты; не требуйте обязательного свайпа.
Проверьте отдельно клавиатуру и касания: оба способа должны открывать одни и те же элементы.
Пример Кнопка следующей фотографии работает вместе с горизонтальным свайпом.
Положение в наборе
Понятной подписью сообщайте номер текущего элемента и общее количество.
Переключайте кнопками и свайпом: счётчик должен обновляться вместе с фотографией.
Пример Показывайте «Фото 2 / 5» вместо пяти точек без названий.
Управляемое движение
При автоматическом переключении разрешайте остановку и учитывайте настройку уменьшения движения.
Включите уменьшение движения и переведите фокус в карусель: читаемое содержимое не должно самопроизвольно меняться.
Пример Автоматическое перелистывание останавливается, когда пользователь начинает взаимодействие.
Текущий элемент
Ясно показывайте содержимое и действия текущего элемента; скрытые слайды не должны получать фокус.
Пройдите карусель клавишей Tab: ссылки вне текущего слайда не должны получать фокус.
Пример В порядке Tab находится только кнопка подробностей видимого товара.