键盘兼容性
在 Web Accessibility Perspectives Videos: Explore the Impact and Benefits for Everyone (英文)
Needs Translation About this translation
该志愿翻译可能不能准确地反映出英文原版内容。
网络无障碍对残疾人是至关重要的,对所有人都有用。了解无障碍性的影响在各种情况下对每个人都有益处。
视频键盘兼容性
此视频的信息可在下方以带视觉效果的文本描述 的形式获取。
什么是“键盘兼容性”
所有功能都必须可使用键盘。也就是说,用户可以通过使用Tab键和其他按键访问并在链接、按钮、表单以及其他控件之间移动。网站不应该要求使用鼠标;例如,弹出日历也应允许用户输入日期。
谁依赖这个功能?
- 无法使用鼠标的残疾人
- 看不见屏幕上鼠标指针的盲人
- 患有慢性疾病如重复性劳损(RSI)需要限制或避免使用鼠标的人
有哪些其他的好处?
- 内容适用于有临时限制的人,例如手臂受伤或鼠标坏了
怎样才能做到这一点呢?
原生的HTML控件,像链接,按钮和表单元素,默认支持使用键盘操作,应尽可能使用。自定义控件,CSS样式,和交互脚本可能需要额外编码以实现键盘兼容性。确保Tab键顺序合理,允许键盘导航内容和控件。提供一种方式,让用户能够使用键盘在内容块和控件之间跳转,以及关闭弹出弹窗和菜单。键盘问题尤其发生在表单、菜单和有许多控件的应用上。
学习更多
- 无障碍性原则:
- 入门指南:
- 简单检查:
- 用户故事:
- Web内容无障碍指南 (WCAG 概述 (英文)):
- 移动端使用范围:
- 教程:
- Web无障碍教程 (几个相关主题)
带视觉效果的文本描述
| 音频 | 视觉 |
|---|---|
| Web无障碍视角: 键盘兼容性 | Web无障碍视角: 键盘兼容性 |
| 因为鼠标失灵而无法使用电脑令人沮丧 | 一个人把他的电脑鼠标从桌子上掉了下来。电脑鼠标不再工作了。 |
| 许多人仅使用键盘去导航网站 — 或因喜好或因环境 |
|
| 无论是暂时的行动受限, | 一个手臂吊着绷带的女人正在键盘打字 — 但是网站需要使用鼠标选择日期。 |
| 终身身体残疾, | 一个使用轮椅的人在用嘴棒打字 |
| 或者只是鼠标坏了, 结果是一样的: |
坐在轮椅上男人也不能使用网站 |
| 网站和应用需要可通过键盘操作 | 他切换到一个允许他可以输入日期的网站 |
| 网络无障碍:对某些人至关重要,对所有人都有用 | |
| 更多关于键盘兼容性信息可访问 w3.org/WAI/perspectives |
有关更多 键盘兼容性信息。 访问 w3.org/WAI/perspectives 万维网联盟网络无障碍倡议徽标 |