什么是无障碍?
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
无障碍网站是指:无论任何用户是否有身体缺陷,均可访问其内容;并且其功能可由尽可能多样化的用户操作。
作为开发者,很容易以为所有用户都可以看到并使用键盘、鼠标或触摸屏与您的页面互动。这可能会打造适合某些人的体验,但也会给其他人带来从简单烦恼到完全阻碍等各种问题。
了解用户的多样化需求
在学习无障碍功能时,最好先了解世界上用户的多样性,以及对用户有影响的无障碍功能主题类型。为了进一步说明,请观看 Google 技术项目经理 Victor Tsaran 的介绍视频。
一般来说,无障碍功能问题可分为四大类:
规划无障碍功能意味着要考虑在一个或多个类别中遭遇某种类型的残疾或残障的用户。请谨记,这种体验可能是非实际的或暂时性的,例如,在阳光明媚的阳光明媚的阳光下,尝试在室外看屏幕,或者在端着一杯咖啡时单手操作设备。
如果您针对这些情况提前做好规划,最终您将获得更加稳健的体验,并且适用于更多用户,无论他们的能力如何或情境如何。
视觉
视力障碍包括视力受限或弱视,以及完全失明。弱视用户可以结合使用屏幕放大功能、高对比度主题和文字转语音功能来访问内容。某些用户可能依靠屏幕阅读器或盲文显示屏来浏览页面、执行操作以及阅读内容和控件的说明。
动作/灵敏性
运动障碍和精细动作失能可能会影响用户使用鼠标、触摸屏或其他指控设备的能力。某些用户可能依靠替代输入设备来访问内容。这些设备可能包括键盘、头部或眼球跟踪软件、开关设备、抽吸式设备或语音控制设备。
听觉
听觉障碍从难以听到特定频率到语音处理问题,再到完全听不到声音,不一而足。出现听觉障碍的用户可能需要使用字幕或转写文稿来提供界面中声音的替代方案。
认知
认知障碍是一个宽泛的类别,涵盖 ADHD、阅读障碍和自闭症等主题。为这些用户提供的调整非常多样,但一般来说,用户可能会设法最大限度地减少干扰、闪烁、大量动画以及任何以意想不到的方式转移用户上下文的内容。用户还可以使用自定义颜色和样式来提高可读性或预防头痛。
后续步骤
现在,您已经对无障碍功能有了大概的了解,接下来我们来深入了解一下更具体的细节,从键盘访问开始。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2018-11-18。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2018-11-18\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2018-11-18。"],[],[]]