Web 可访问性文档区域（Accessibility Document Regions）

1. 基础概念
   Web 可访问性文档区域是页面中具有特定语义边界的逻辑分区，用于帮助辅助技术（如屏幕阅读器）快速识别和导航内容结构。常见的文档区域包括 <main>、<nav>、<aside>、<section> 等具有地标角色（landmark roles）的 HTML5 元素。

2. 地标角色的作用机制
   每个文档区域通过隐式或显式的 role 属性定义其类型，例如：

   • <header role="banner"> 标识页面页眉
   • <main role="main"> 标识主内容区
   • <nav role="navigation"> 标识导航区块
     屏幕阅读器可通过快捷键（如 JAWS 的 ; 键）列出所有地标区域，用户可快速跳转至目标区域。

3. ARIA 地标属性扩展
   若使用非语义化容器（如 <div>），需通过 role 显式声明区域类型，例如：

   <div role="search" aria-label="网站搜索">
     <!-- 搜索表单内容 -->
   </div>
   

   同时需用 aria-label 或 aria-labelledby 为区域提供描述性标签，避免出现多个同名地标。

4. 文档区域的层级与关系
   复杂页面中可通过 aria-owns 或嵌套结构建立区域关联：

   <main aria-labelledby="article-title">
     <h1 id="article-title">核心指南</h1>
     <section aria-label="章节列表">...</section>
   </main>
   

   此举可形成清晰的层次结构，辅助技术会按顺序播报区域关系。

5. 实践规范与检测

   • 确保每个页面包含至少一个 main 区域
   • 避免重复相同类型的地标（如多个 navigation 需通过 aria-label 区分）
   • 使用浏览器开发者工具的无障碍检查器或 axe-core 等工具验证区域定义
   • 遵循 WCAG 2.1 的“信息与关系”准则（Success Criterion 1.3.1）