使用ARIA改善可访问性

WAI-ARIA（Web Accessibility Initiative's Accessible Rich Applications,无障碍网页倡议-无障碍的富互联网应用，也简称ARIA)是一种技术规范，自称“有桥梁作用的技术”，因为在HTML中提供相应的语义功能之前，它会使用属性来填补一些语义上的空白。

ARIA的地标角色（landmark role)可以帮助用户识别页面区域，从而让屏幕阅读者用户可以直接跳到这些区域。通常，对这些区域指定role属性就可以了。

屏幕阅读器：JAWS     NVDA(free）  VoiceOver（free）    Window-Eyes


一些可用的地标角色

role="banner"（横幅）
面向全站内容，包含网站标志、网站赞助者标志、全站搜索工具等。横幅通常显示在页面顶端，而且通常横跨整个页面的宽度。

将其添加到页面级的header元素，每个页面只能用1次。


role=“navigation”（导航）
文档内不同部分或相关文档的导航性元素（通常为链接）的集合
与nav元素是对应关系。应将其添加到每个nav元素，或其他包含导航性链接的容器。这个角色可在每个页面上使用多次，但是同nav一样，不要过度使用该属性。

role="main"（主体）每个页面只能用1次

role="conplementary"（补充）与aside元素是对应关系。应将其添加到aside或div元素（前提是div元素仅包含补充性内容）。


role=“contentinfo”（内容信息）包括版权声明和指向隐私声明的链接等。将其添加至整个页面的页脚（通常为footer元素）。1次。


<footer role="contentinfo">
      <p><small>&copy;2013 The Super Store; All Rights Reserved.</small></p>

©2013 The Super Store; All Rights Reserved.（呈现）


small只适用于短语，不要用它标记长的法律声明，如“使用条款”和“隐私政策”页面。根据需要，应该用段落或其他语义标签标记这些内容。