基础
你是否已经准备开始却又无从下手?
可以先看看由 提供的规划和管理 web 可访问性 (opens new window)。
你应该在每个页面的顶部添加一个直接指向主内容区域的链接,这样用户就可以跳过在多个网页上重复的内容。
通常这个链接会放在 的顶部,这样它就会是所有页面上的第一个可聚焦元素:
一旦用户改变路由,请将焦点放回到这个跳过链接。通过用如下方式聚焦 即可实现:
组织内容
可访问性最重要的部分之一是确保设计本身是可访问的。设计不仅要考虑颜色对比度、字体选择、文本大小和语言,还要考虑应用程序中内容的结构。
用户可以通过标题在应用程序中进行导航。为应用程序的每个部分设置描述性标题可以让用户更容易地预测每个部分的内容。说到标题,有几个推荐的可访问性实践:
- 按级别顺序嵌套标题: -
- 使用实际的标题标记,而不是通过对文本设置样式以提供视觉上的标题
地标
地标 (landmark) 会为应用中的章节提供访问规划。依赖辅助技术的用户可以跳过内容直接导航到应用程序的每个部分。你可以使用 ARIA role (opens new window) 帮助你实现这个目标。
Tip:
在使用地标 HTML 元素时,建议加上冗余的地标 role attribute,以最大限度地与传统兼容。