什么是 HTML5 ARIA？

什么是 HTML5 ARIA？我不明白如何实施它。

WAI-ARIA http://www.w3.org/TR/wai-aria/是定义对可访问 Web 应用程序的支持的规范。它定义了一堆标记扩展（主要是 HTML5 元素上的属性），Web 应用程序开发人员可以使用这些扩展来向屏幕阅读器等辅助技术提供有关各种元素语义的附加信息。当然，要使 ARIA 正常工作，解释标记的 HTTP 用户代理需要支持 ARIA，但规范的创建方式是允许下层用户代理安全地忽略特定于 ARIA 的标记，而不影响网络应用程序的功能。

以下是 ARIA 规范的示例：

<ul role="menubar">

  <!-- Rule 2A: "File" label via aria-labelledby -->
  <li role="menuitem" aria-haspopup="true" aria-labelledby="fileLabel"><span id="fileLabel">File</span>
    <ul role="menu">

      <!-- Rule 2C: "New" label via Namefrom:contents -->
      <li role="menuitem" aria-haspopup="false">New</li>
      <li role="menuitem" aria-haspopup="false">Open…</li>
      ...
    </ul>
  </li>
  ...
</ul>

请注意role属性在外层<ul>元素。此属性不会以任何方式影响浏览器在屏幕上呈现标记的方式；但是，支持 ARIA 的浏览器会将特定于操作系统的辅助功能信息添加到呈现的 UI 元素中，以便屏幕阅读器可以将其解释为菜单，并通过足够的上下文大声朗读，以便最终用户理解（例如，显式的“菜单”音频提示）并能够与其交互（例如，语音导航）。