有前后按钮
滑动可以是一种补充方式，但不应该是移动物品的唯一方式。
轮播 设计体系
允许您按顺序浏览内容，同时仍控制位置。
清单内容
检查进度
01
结构及意义
在使用环境中比较信息和演示。
02
交互性和可用性
尝试操作，更改状态并继续工作。
03
完成体验
检查设计投入使用时容易忽略的细节。
进度会自动保存在此浏览器中。
指南
检查方法
示例
应用示例
有前后按钮
产品照片有“上一张照片”、“下一张照片”按钮和 2/5 标签。
变体与使用场景
如何传输内容
支持前/后按钮以及适当的触摸操作;避免强迫人们滑动。
尝试仅使用键盘,然后尝试触摸;两种方式都指向相同的项目。
示例 “下一张照片”按钮可通过水平滑动操作。
在内容集中的位置
用足够清晰的标签表明您正在查看的项目以及项目总数。
通过按钮和滑动进行切换;计数器必须随着正在查看的图像而更新。
示例 显示“照片 2 / 5”,而不是没有名称的五个点。
受控运动
如果手动移动,请停止并尊重设备的选择以减少移动。
打开减少运动并专注于旋转木马;不要更改您正在阅读的内容。
示例 当用户开始交互时,轮播会自动停止运行。
该商品正在查看中
保持当前项目的内容和操作清晰,不要让注意力集中在隐藏的幻灯片上。
通过带有多张幻灯片的轮播进行 Tab 切换;当前幻灯片之外的链接不会获得焦点。
示例 当前只有产品详细信息按钮位于 Tab 键顺序中。