设计和构建网站和 Web 应用,让残障人士能够以有意义且等效的方式与之互动。

智能跳转

Image for: 智能跳转
本课程简要介绍了无障碍做法和测试,您也可以将其用作特定主题的参考资料。
探索其他课程中的模块,帮助您详细了解无障碍功能。
与无障碍专家和从业者进行访谈。
观看这些视频,了解您可以对自己的网站做出哪些更改。
课程
如果您刚刚开始接触无障碍功能,我们会为您提供帮助。我们的“学习无障碍功能”课程可让您大致了解无障碍功能的实践和测试,您也可以将其作为特定主题的参考。

不断改进

Image for: 不断改进
课程
通过 HTML 表单,用户可以为您的 Web 应用提供输入。了解如何创建所有人都可以使用的表单。
课程
让网页响应不同的屏幕尺寸只是确保让尽可能多的人能够访问您网站的一种方法。
课程
虽然无障碍功能可覆盖 Web 平台的所有部分,但编写无障碍 HTML 是构建无障碍 Web 应用的基石。

详细了解无障碍功能和模式

Image for: 详细了解无障碍功能和模式
详细了解如何使用语义 HTML 帮助用户浏览网页。
要想打造无障碍网站,首先要制作结构合理的文档,并使用合适的 HTML 元素。
创建足够大的交互元素并合理安排其间距,以便用户轻松按下,且不遮挡其他元素
如果浏览器的默认焦点指示器与您的设计冲突,请重新设置样式而不是将其移除。
使用 WebVTT 为视频添加字幕和屏幕阅读器说明。
确保您的元素具有适当的标签或替代文本,以便通过屏幕阅读器向用户呈现语音界面。

听听社区专家的意见

Image for: 听听社区专家的意见
Melanie 是一位软件工程师,专门从事数字无障碍方面的工作。了解她的工程道路、无障碍设计以及资助的重要性。
Olutimilehin 是一名律师,刚刚开始接触无障碍功能。了解他与 JavaScript 的斗争、国际标准,以及阅读网站内容的重要性。
Elisa 是负责 Web 无障碍功能和内部工具文档方面的 Google 员工。
Albert 是一位多面手的无障碍专家,致力于推动有关心理健康和数字无障碍的对话。

观看并学习

Image for: 观看并学习
了解 Chrome 开发者工具中的新功能如何帮助您了解无障碍功能在 Web 应用中的工作方式。
Rob Dodson 展示了一系列快速检查,可用于突出显示网站无障碍功能方面存在的重大问题。
详细了解标题中的内容对无障碍功能有何影响。