12、网页可访问性优化全攻略

网页可访问性优化全攻略

1. 缩写与首字母缩写词

缩写是单词或短语的简短形式，例如 “CSS” 或 “etc.”。首字母缩写词是一种特殊的缩写，它由一系列单词的首字母组成一个新单词，发音时将这些字母作为一个单词来读，例如 “NASA” 或 “NATO”。对于 IE8 及以下版本，可参考 WHATWG 博客上的 “Supporting New Elements in IE” 解决方案（http://blog.whatwg.org/supporting-new-elements-in-ie）。

2. 使用 ARIA 地标角色识别页面部分

• 问题 ：需要一种方法来区分网页内容的常见部分。
• 解决方案 ：添加 ARIA “地标” 以增强辅助技术对 HTML5 元素的识别。由于大多数辅助技术不支持 HTML5，可添加 ARIA 地标角色为新的 HTML 元素赋予意义。以下是常见的 ARIA 角色与 HTML5 元素的关联，这些并非绝对规则，仅供参考，需根据实际情况判断使用。
  | ARIA 角色 | HTML 元素 | 说明 |
  | ---- | ---- | ---- |
  | banner | header | 用于页面头部，通常包含 logo/名称和其他特定于网站的信息，每个文档或 Web 应用程序仅使用一次。
  示例： <header role="banner"> |
  | complementary | aside | 用于侧边栏元素，标记与主要内容相关的内容，不用于完全独立和不相关的