《网页计划综合指南》（三）：移动适配、无障碍计划等

3.2 手势操纵

移动端的交互是通过手指完成的，而不是鼠标点击。这意味着当您计划交互时要应用差异的法则。

交互元素的巨细要吻合。全部的交互元素（如链接，按钮和菜单）应该都是可以手势操纵的。PC端网站得当交互地区（点击）较小且准确的方法，但移动网页必要较大的触发区，可以用拇指轻松完成。当网站常常必要用户操纵时，请参考MIT Touch Lab的研究为您的按钮选择吻合的尺寸。研究发明，手指面的均匀尺寸在 10 到 14 毫米之间，指尖在 8 到 10 毫米之间，10× 10 毫米是一个很好的尺寸。

按钮越大，点击越轻松。(Image credit: Apple)

交互必要更明明的视觉表达。PC端，用户将鼠标悬停在某个元素上（如表现下拉菜单）时，可以提供特另外视觉反馈；移动端，没有悬停状态，移动用户将不得不点击以查察该相应。因此，应该确保用户可以或许正确猜测界面元素代表的寄义。

四、无障碍计划

产物必需可以或许被任何人行使。针对有意理缺陷的用户举办计划是计划师去实践同理心和体验天下的一种方法。

4.1 弱视用户

很多网站的文本回收低比拟度模式。固然低比拟度也许较量新潮的，可是难以辨认。低比拟度对付视力低下和比拟度敏感的用户不友爱。

浅灰色配景上的灰色笔墨很难阅读。体验会很欠好，可能说计划的毫有时义。

低比拟度文本在PC端很难阅读，在移动装备上变得越发坚苦。想象一下，你在豁亮的阳光下行走时，必要在移动装备上阅读低比拟度的文本。这提示我们，计划要确保信息能转达给用户。

永久不要为了雅观捐躯可用性。网站上的文本和其他重要元素的最重要的是可读（用）性。可读性要求文本和配景之间有足够的比拟。为确保视觉障碍人士可以或许阅读文本，W3C的网页内容无障碍计划指南（WCAG）有一个[比拟度提议]（https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual- audio-to-比拟contrast.html）。对付正文文本和图像文本，提议行使以下比拟度比率：

• 小字号的文本比拟度至少要 4.5：1。最好的比拟度是7：1。

• 字号较大的文本（ 14 号粗体、 18 号字体以上）应该至少有3： 1 的比拟度。

欠好：这些文本行不切合比拟度的提议，难以阅读。

 好：这些文本行遵循比拟度的提议，清楚可辨。

你可以行使WebAIM的[色彩比拟度检测器]（http://webaim.org/resources/contrastchecker/）来确定是否处于最佳范畴内。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!