什么是HTML5 ARIA?我不明白如何实现它。
解决方法
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>
请注意外部< ul>上的角色属性。元件。此属性不以任何方式影响浏览器如何在屏幕上呈现标记;然而,支持ARIA的浏览器将向所呈现的UI元素添加特定于OS的可访问性信息,使得屏幕阅读器可以将其解释为菜单并且在足够的上下文中对其进行朗读以供最终用户理解(例如, “菜单”音频提示),并且能够与其交互(例如,语音导航)。