256

什么是 HTML5 咏叹调？我不明白如何实现它。

4

5 回答 5

223

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…&lt;/li>
      ...
    </ul>
  </li>
  ...
</ul>

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

于 2010-08-13T06:08:50.263 回答
64

ARIA 代表 Accessible Rich Internet Applications。

WAI-ARIA 是一项非常强大的技术，它允许开发人员以一种辅助技术可以理解的方式轻松描述视觉丰富的用户界面的目的、状态和其他功能。WAI-ARIA 终于被集成到 HTML 5 规范的当前工作草案中。

如果您想知道 WAI-ARIA 是什么，那也是一回事。

请注意术语 WAI-ARIA 和 ARIA 指的是同一事物。然而，使用 WAI-ARIA 来承认其起源于 WAI 更为正确。

WAI = 无障碍网页倡议

从外观上看，ARIA 用于辅助技术，主要用于屏幕阅读。

看完这篇文章，你的大部分疑惑都将迎刃而解

http://www.w3.org/TR/aria-in-html/

于 2010-08-13T05:56:10.670 回答
24
于 2016-04-02T09:37:02.263 回答
14

什么是咏叹调？

ARIA 的出现是为了解决使用用于文档的标记语言 HTML 来构建用户界面 (UI) 的可访问性问题。HTML 包含许多处理文档的功能（P、h3、UL、TABLE），但只有基本的 UI 元素，例如 A、INPUT 和 BUTTON。Windows 和其他操作系统支持允许（辅助技术）AT 访问 UI 控件功能的 API。Internet Explorer 和其他浏览器将原生 HTML 元素映射到无障碍 API，但 html 控件不如桌面操作系统上常见的控件丰富，对于现代 Web 应用程序来说还不够 自定义控件可以扩展 html 元素以提供丰富的现代 Web 应用程序所需的 UI。在 ARIA 之前，浏览器无法将这种额外的丰富性暴露给可访问性 API 或 AT。此问题的典型示例是向图像添加点击处理程序。它创建了对鼠标用户来说似乎是可点击的按钮，但对键盘或 AT 用户来说仍然只是一个图像。

解决方案是创建一组属性，允许开发人员使用 UI 语义扩展 HTML。一组具有自定义功能并使用 ARIA 属性将这些功能映射到可访问性 API 的 HTML 元素的 ARIA 术语是“Widget。ARIA 还为作者提供了一种记录内容本身角色的方法，这反过来又允许 AT 为内容构建替代导航机制，这比阅读全文或仅遍历链接列表更容易使用。

重要的是要记住，在简单的情况下，最好使用原生 HTML 控件并为其设置样式，而不是使用 ARIA。那就是不要重新发明轮子或复选框，如果你不需要的话。

幸运的是，可以将 ARIA 标记添加到现有站点，而不会改变主流用户的行为。这大大降低了修改和测试网站或应用程序的成本。

于 2015-04-17T14:06:26.487 回答
7

我提出了一些关于 ARIA 的其他问题。但是对于这个问题，它的内容看起来更有希望。想分享它们

什么是咏叹调？

如果您努力使具有各种不同浏览习惯和身体残疾的用户可以访问您的网站，您可能会认识到角色和 aria-* 属性。WAI-ARIA（可访问的富 Internet 应用程序）是一种提供方法来定义动态 Web 内容和应用程序的方法，以便残障人士能够识别并成功与之交互。这是通过定义文档或应用程序结构的角色，或通过定义小部件角色、关系、状态或属性的 aria-* 属性来完成的。

规范中建议使用 ARIA，以使 HTML5 应用程序更易于访问。使用语义 HTML5 元素时，应设置其对应的角色。

并看到这个你管视频为 ARIA 直播。

于 2013-01-30T12:01:37.377 回答