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) # 地标 |