不能。aria-level 对标题标签完全无效，仅在 role="treeitem" 且父容器为 role="tree"、DOM 真实嵌套时生效；标题层级必须由原生 <h1>–<h6> 结构表达，手动添加 aria-level 会破坏语义并被忽略。
不能。aria-level 不是用来重定义 <h1> 到 <h6> 的逻辑层级的，它对标题标签完全无效。
aria-level 只在 role="treeitem" 场景下起作用
这个属性是 ARIA 规范里专为树形控件（tree widget）设计的状态属性，不是通用“层级计数器”。它只有在同时满足三个条件时才会被屏幕阅读器识别：
- 父容器设置了
role="tree" - 当前元素设置了
role="treeitem" - 该元素在 DOM 中真实嵌套（比如子
<ul>在父<li>内，且子<ul>还要加role="group"）
例如下面这段结构才有效：
<ul role="tree"> <li role="treeitem" aria-level="1">根节点</li> <li role="treeitem" aria-level="2">子节点</li> </ul>
但只要把 role="treeitem" 换成 <h2>，哪怕加上 aria-level="2"，屏幕阅读器也会直接忽略该属性。
给 <h2> 加 aria-level="2" 是无效且有害的
常见错误是把 aria-level 当作“视觉缩进补丁”或“标题等级修正器”，比如这样写：
<h2 aria-level="2">章节标题</h2>
结果是：
- 浏览器和辅助技术完全不读取
aria-level值 - 如果还硬加了
role="treeitem"，反而会破坏<h2>的原生标题语义，导致朗读重复或冲突 - Nu HTML Checker 会报“可能误用 ARIA 属性”，因为语义模型错位
标题层级必须靠原生标签与嵌套结构表达
HTML 文档大纲的唯一可靠依据是 <h1>–<h6> 的使用方式：
- 整个页面有且仅有一个
<h1> - 子标题严格逐级使用
<h2>、<h3>……不跳级 - 需要多维上下文时，用
<section>包裹并重新从<h2>开始 - 检查大纲是否健康，最快方式是 Chrome DevTools 中右键标题 → “Inspect ARIA attributes”，看
aria-level是否连续合理（注意：这里显示的是浏览器根据 DOM 结构自动推导出的值，不是你手动写的）
动态插入树节点时 aria-level 必须实时计算
如果你在 JS 中生成树形结构（比如文件浏览器），aria-level 值不能靠 CSS 类名或 data- 属性静态写死。它必须由代码根据实际 DOM 嵌套深度实时计算并写入——否则键盘导航、焦点顺序和屏幕阅读器播报都会错乱。
最容易被忽略的一点：这种计算不能只看缩进或 class，而必须遍历父级直到找到最近的 role="tree" 容器，再统计中间有多少层 role="treeitem" 或 role="group"。
