设计和构建网站和 Web 应用程序，让残疾人士能够以有意义且对等的方式进行互动。

向前跳转
本课程全面介绍了无障碍实践和测试，您也可以将其用作特定主题的参考。
发现其他课程的模块，这些模块可以帮助您了解更多关于无障碍的信息。
与无障碍专家和从业者的访谈。
观看这些视频，了解您可以对您的网站进行哪些更改。
COURSE
如果您是无障碍功能新手，我们已为您准备就绪。我们的“学习无障碍功能”课程全面介绍了无障碍实践和测试，您也可以将其用作特定主题的参考。
学习无障碍功能！

继续学习

COURSE
HTML 表单使用户能够为您的 Web 应用程序提供输入。了解如何创建每个人都可以使用的表单。
学习表单！
COURSE
允许您的页面响应不同的屏幕尺寸只是确保您的网站对尽可能多的人无障碍的方式之一。
学习响应式设计！
COURSE
虽然无障碍性涵盖 Web 平台的各个部分，但编写无障碍 HTML 是构建无障碍 Web 应用程序的基石。
学习 HTML！

阅读有关无障碍功能和模式的文章
了解更多关于如何使用语义化 HTML 来帮助用户浏览您的页面的信息。
了解更多

内容重新排序

从结构良好的文档开始，并使用正确的 HTML 元素是创建无障碍网站的关键部分。
了解更多
创建足够大且间隔合理的交互式元素，以便它们易于按下，而不会与其他元素重叠
了解更多
如果浏览器的默认焦点指示器与您的设计冲突，请重新设置样式，而不是删除它。
了解更多
使用 WebVTT 为您的视频添加字幕和屏幕阅读器描述。
了解更多

标签和文本替代方案

通过屏幕阅读器向用户呈现口语 UI，方法是确保您的元素具有适当的标签或文本替代方案。
了解更多

听取社区专家的意见

Melanie 是一位软件工程师，专门从事数字无障碍功能。了解她的工程之路、无障碍设计以及资助的重要性。
了解更多
Olutimilehin 是一位律师，是无障碍功能的新手。了解他与 JavaScript、国际标准的斗争以及阅读网站内容的重要性。
了解更多
Elisa 是一位 Google 员工，致力于 Web 无障碍功能和内部工具的文档编制。
了解更多
Albert 是一位多才多艺的无障碍功能专家，领导着关于心理健康和数字无障碍功能的对话。
了解更多

观看和学习

了解 Chrome DevTools 中的新功能如何帮助您了解无障碍功能在 Web 应用程序中如何工作（或不工作！）。
在 YouTube 上观看
Rob Dodson 展示了一组快速检查，您可以使用这些检查来突出显示您网站无障碍功能的重大问题。
在 YouTube 上观看
了解更多关于标题中的内容如何影响无障碍功能的信息。
在 YouTube 上观看