设计可访问的网站

  • 项目

创建可供所有人使用的网页设计，无论其鼠标或键盘首选项、年龄、教育程度、地理位置、语言或残疾情况如何。

使用技术和浏览 Web 的人员具有广泛的功能和偏好。 在设计网站时，请记住以下关键辅助功能方案。

屏幕阅读器

失明或弱视的用户依赖屏幕阅读器来解释应用 UI 并与之交互。 解释涉及读取 UI 元素名称、角色和值。 与 UI 交互涉及将焦点从一个元素移动到另一个元素，并调用诸如单击 UI 元素等功能。

键盘辅助功能

许多辅助功能用户依靠键盘来导航和操作 UI，方法是：

  • 按 Tab 键或 Shift+Tab 键在元素之间移动焦点。

  • 使用箭头键在容器元素（如列表、网格和树视图）中导航。

  • 按 Enter 键或 空格键调用操作。

  • 使用快捷键有效访问其他应用功能。

可访问的视觉体验

视力不佳的用户需要文本内容具有足够的文本对比度，以及整体高对比度主题的良好视觉体验。 色盲用户需要通过颜色以外的其他方式传达信息。

通过良好的编码实践，可以解决 Web 上的许多常见辅助功能问题。 Web 内容辅助功能指南 (WCAG) 2.0 文档提供了技术和最佳做法，可帮助你设计更易于访问的动态 Web 应用程序。 有关详细信息，请转到 有关构建可访问网站的资源。

资源

  • 为包容性设计 - W3C Web 辅助功能计划提供的资源可帮助你更好地了解残障用户以及如何在设计网站时考虑到他们。

  • 设计非独占软件 - 设计包容性软件讨论了适用于通用 Windows 平台 (UWP) 的 Microsoft 设计原则和做法。

  • 人员残障人士如何使用 Web - W3C 提供的此资源介绍了残障人士（包括与年龄相关的残障人士）如何使用 Web。

  • 包容性设计工具包 - Microsoft 开发了包容性设计工具包，以展示人类多样性如何创造更好的设计约束，以及如何将看似利基的解决方案连接到更广泛的市场。