有序列表项含标题是否符合WCAG无障碍标准？求最优合规方案

1. 列表项内嵌套标题是否符合WCAG无障碍要求？ #

符合。WCAG的核心目标是让内容能被所有用户（包括依赖辅助技术的用户）正确感知和理解。将标题嵌套在有序列表的列表项中，屏幕阅读器会先播报列表项的编号，再读取标题内容，用户能清晰感知到这是一个有序列表中的条目，信息传递逻辑更准确，完全符合无障碍规范。

2. 该做法是否会破坏文档大纲，导致标题范围覆盖下一个列表项？ #

不会。HTML文档大纲是基于标题层级和DOM结构的从属关系生成的，每个嵌套在<li>内的标题仅属于当前列表项，和其他列表项是独立的结构单元。只要标题层级保持连贯（比如统一用<h2>，不随意跳级），大纲会正常识别每个标题的范围，不会出现覆盖下一个列表项的情况。

3. 是否会影响标题层级的SEO爬取？ #

不会。搜索引擎爬虫能正确解析列表内嵌套的标题结构，结构化的有序列表反而能帮助爬虫更好地理解内容的逻辑关系，对SEO有正面作用。需要注意的是保持标题层级的合理性：比如文章主标题用<h1>，技巧标题统一用<h2>，不要突然使用跨级标题（比如在<li>里用<h1>），避免混淆爬虫对内容层级的判断。

最合规、最具无障碍性的处理方案 #

方案一：保留列表+嵌套标题结构（推荐） #

这种方案兼顾了视觉层级需求和无障碍规范，适合需要突出技巧名称的场景：

<h1>Top 10 实用技巧</h1>
<ol>
  <li>
    <h2>技巧一：XXX</h2>
    <p>技巧详情描述...</p>
  </li>
  <li>
    <h2>技巧二：XXX</h2>
    <p>技巧详情描述...</p>
  </li>
</ol>

要点：依赖<ol>自动生成编号，不要手动在标题里加数字，避免编号错误或辅助技术识别混乱。

方案二：列表项内用加粗文本替代标题 #

如果不需要特别突出技巧名称的视觉层级，这种方案结构更简洁，同样符合无障碍要求：

<h1>Top 10 实用技巧</h1>
<ol>
  <li>
    <strong>技巧一：XXX</strong>
    <p>技巧详情描述...</p>
  </li>
</ol>

要点：用<strong>强调技巧名称，既保留语义上的重要性，又不会增加不必要的标题层级。

内容的提问来源于stack exchange，提问作者Hazel Rigby