可能重复：
什么是 xhtml 的角色属性？你用它来做什么？
我注意到 Gmail 中的一个元素有一个名为“role”的属性，即<div role="whatever">. 从技术上讲，这是无效的。但我也知道大多数浏览器都可以毫无困难地理解它，jQuery（也许还有直接的 JS？）也是如此。就个人而言，我更喜欢在所有自定义属性前加上“data-”。
知道为什么谷歌会这样做吗？我能做到吗？
问问题
352 次
2 回答
1
role="" 是用于屏幕阅读器和辅助辅助功能的 ARIA 属性。阅读http://www.accessibleculture.org/articles/2011/04/html5-aria-2011/了解更多信息。我建议人们开始在他们的网站上使用它们，以帮助那些以不同方式查看我们网站的人获得与“普通”用户相同的访问级别。
于 2012-05-07T10:43:31.863 回答
0
角色属性实际上在 HTML5 中验证。在以前的 HTML（和 XHTML）版本中，它不会验证，但屏幕阅读器支持它，并且无论您的文档类型如何，浏览器都会忽略它。因此，可访问性倡导者鼓励人们使用它，尽管验证失败，因为它提供了可以帮助辅助技术用户的额外语义。哲学本质上是遵循规则（验证），但也知道什么时候可以打破规则（例如，如果这样做有助于一些用户而不伤害其他用户）。一个更好的解决方案是升级到 HTML5 - 这样您就可以使用 ARIA 标记和验证。
于 2012-05-07T14:29:44.327 回答