移动无障碍指引

概述

大多数网站和web应用程序主要是在大型桌面显示器上设计和开发的，但最常见的是在移动设备和其他较小的屏幕上使用。这有无数的可用性暗示，包括可访问性。

所有通用的可访问性指南都适用于移动设备。WCAG 2.0是在移动浏览普及之前开发的；这些标准中的大多数都是WCAG 2.1规范的一部分，但是NG体育鼓励您现在就遵循它们，这既是为了一般可用性，也是为了保证您的服务在未来不会过时。

指导方针

减少滚动

• 内容可以在一个维度上滚动（通常是垂直的），但不应该在两个维度上滚动。
  • 例外情况包括地图、数据表、图表和演示文稿。
• 嵌入比iframe更可取，因为它们在较小的屏幕上表现得更好。
• 如果使用数据表，请考虑使用CSS解决方案，以便在桌面上显示的每一行在移动设备上都具有自己的迷你表样式。

如何使用CSS使表适合移动设备的基本实现。移动端的断点设置为600px；调整浏览器大小以查看此行为。

确保内容大小合适

• 每年发布的手机几乎都有比之前更高的分辨率。确保内容的大小适合高分辨率移动设备的易读性，使用相对字体大小而不是绝对大小。
• 不要禁用Viewport元元素，这会阻止用户缩放屏幕和调整文本大小。
• 确保点击框/触摸目标的大小合适。在物理设备上使用至少9mm x 9mm的触摸目标，如果您的触摸目标接近这个最小尺寸，请确保目标和相邻目标之间有死空间，以尽量减少错误选择的风险。
• 内容和功能需要在垂直和水平方向上都是可见的和可用的。

交替输入的设计

• 一些用户在使用多指手势时遇到了困难，比如捏手指或多指滑动。所有重要的功能都应该启用，或者允许使用单个指针手势。
• 单指针手势无意中执行操作的风险更高，因此请确保至少符合以下条件之一：
  • down-event不执行该函数。用户可以从按下的按钮中滑动，而不执行按钮操作（该行为在up-event上完成）。
  • 有一种机制可以撤销或取消单指针手势。
  • 在down事件中完成功能是服务的重要且不可改变的效果。
• 一些用户在他们的移动设备上使用蓝牙或USB键盘。确保“汉堡包菜单”和其他特定于移动设备的UI元素只支持键盘，而不需要触摸手势。

遵循标准的Web模式

• 触摸手势通常不允许悬停状态。这使得有些人在与UI元素交互之前，很难确定其背后的意图。使用标准的设计模式，如圆角和阴影按钮，以尽量减少模糊功能的风险。

如何测试

手动测试内容，最好使用物理设备。基于浏览器的模拟器足以用于开发和初步测试，但只要可能，至少使用1个物理Android设备和1个物理iOS设备来确认移动行为。