ARIA:地标角色

地标是页面上的一个重要子部分。landmark 角色是内容区域的 aria 角色值的抽象超类,这些内容区域足够重要,用户可能希望能够直接导航到它们。

注意:landmark 角色是一个抽象角色。将其包含在此处是为了文档的完整性。Web 作者不应使用它。

描述

landmark 是内容区域的抽象角色,该内容区域足够重要,用户可能希望能够轻松导航到该区域,并将其包含在页面的动态生成的摘要中。地标允许辅助技术快速导航和查找内容。

要创建地标角色,请使用语义元素(例如<section><nav><main>)定义内容的目的,或添加作为landmark 角色的子类的 ARIA 角色,例如role="banner"role="complementary"role="region"。请勿使用role="landmark"

应提供一个可见标签,并使用aria-labelledby进行引用。如有必要,可以使用aria-label提供简短、描述性的标签。

对于屏幕阅读器用户,添加地标角色实际上为屏幕阅读器用户创建了“跳过链接”,但不要替换页面内的导航,因为地标角色不会以其他方式显示。

最佳实践

请勿使用role="landmark"。请使用 HTML 和子类地标角色。

地标确保内容位于可导航区域中。对于role="main",请使用<main>;对于role="banner",请使用<header>;对于role="navigation",请使用<nav>;对于role="contentinfo",请使用<footer>。将角色与关联的语义元素一起冗余地包含在内也是一个好习惯。使用非语义元素(例如<div>)并使用地标角色添加语义不是一个好习惯。但请包含其中一个或两个。否则,您的内容对于屏幕阅读器用户来说将不再那么可导航。

规范

规范
可访问的富互联网应用程序 (WAI-ARIA)
# 地标

另请参阅