html - 什么是 HTML5 咏叹调？

Question

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

Answer 1

WAI-ARIA是一个规范，定义了对可访问网络应用程序的支持。它定义了一堆标记扩展(主要作为 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 元素中，以便屏幕阅读器可以将其解释为菜单，并以足够的上下文大声朗读以供最终用户理解(例如，显式“菜单”音频提示)并能够与之交互(例如，语音导航)。