Web 可访问性 ARIA 地标（Accessibility ARIA Landmarks）

1. 基础概念
   ARIA地标是WAI-ARIA规范中定义的一组角色属性，用于标识网页中具有特定功能或用途的结构化区域。它们通过role属性添加到HTML容器元素（如<div>、<nav>），帮助屏幕阅读器等辅助技术快速定位和导航到关键内容区域，例如主导航、搜索框或主内容区。

2. 地标角色类型与语义
   常见的地标角色包括：

• role="banner"：页面顶部区域（通常包含网站标识和全局工具），一个页面建议仅有一个
• role="navigation"：导航链接组（对应<nav>元素）
• role="main"：页面核心内容区（对应<main>元素）
• role="complementary"：与主内容相关但可独立存在的补充内容（对应<aside>）
• role="contentinfo"：页面底部元信息（如版权声明）
• role="search"：搜索功能专用区域

3. 实现规范与注意事项

• 地标应通过HTML5语义元素隐式声明（如<nav>默认具有navigation地标角色），或显式添加role属性作为降级方案
• 需避免地标重复：例如多个banner角色会触发辅助技术警告
• 地标应配备可访问名称：使用aria-label或aria-labelledby为复杂地标提供描述，例如：

  <div role="navigation" aria-label="用户菜单">
    <!-- 导航内容 -->
  </div>
  

4. 用户操作流程
   屏幕阅读器用户可通过快捷键（如JAWS的;键、NVDA的D键）调出地标列表，直接跳转到目标区域。例如在包含20个地标的页面中，用户可在2秒内从页脚切换到搜索功能区，而无需线性遍历整个DOM结构。

5. 开发实践与检测

• 使用浏览器开发者工具的无障碍检查面板可验证地标结构
• 遵循"最少必要"原则：确保地标数量与页面复杂度平衡
• 结合键盘导航测试：验证地标焦点顺序符合视觉流逻辑
• 通过Lighthouse等工具量化覆盖率，理想状态下关键地标应实现100%覆盖