HTML 中 async、defer、type="module" 不承载可访问性语义，因其仅影响脚本加载时机，不改变 DOM 语义、焦点流或 ARIA 状态；可访问性必须落实在动态插入的 DOM 元素上，如 role、aria-live、键盘导航等。
HTML 中没有“对异步模块进行可访问性声明”这回事——async、defer、type="module" 这些属性本身不承载可访问性语义，也不会被屏幕阅读器感知或播报。可访问性关注的是用户能否理解、操作和感知内容，而不是脚本何时加载。
为什么 async/defer/type="module" 不需要也不支持可访问性声明
这些属性只影响浏览器的资源加载与执行时机，对 DOM 结构、语义、焦点流、ARIA 状态完全无影响：
-
async和defer仅用于传统<script>，且加载后仍需手动构建可访问 UI；它们不改变按钮是否可聚焦、通知是否可播报、树节点是否可导航 -
type="module"启用 Top-Level Await，但模块内若渲染一个<div>而非<button role="button">，照样不可访问 - 辅助技术（如 VoiceOver、NVDA）根本不读取
async属性值，也不会因脚本异步加载就“等待”或“提示加载中”
真正该声明可访问性的对象：动态加载的内容本身
当异步模块（如 import('./tree.js') 或 await fetch('/data').then(renderTree)）插入 DOM 后，你必须确保新内容满足可访问性要求——这才是声明的落点：
- 用
role="tree"+aria-expanded+ 键盘导航支持，而非只加async - 通知类内容要包裹在
<div role="status" aria-live="polite">里，不是给<script async>加aria-label - 异步加载的表单控件（如自定义
<x-toggle>）必须满足static formAssociated = true、桥接真实<input type="checkbox">、正确处理attributeChangedCallback中字符串转布尔等硬性条件
常见误操作：把加载行为当成可访问性保障
开发者常混淆“脚本异步执行”和“内容可访问”，结果导致白屏、焦点丢失、状态不同步等问题：
立即学习“前端免费学习笔记（深入）”；
- 用
async加载一个未设tabindex="0"的自定义按钮 → 键盘无法 Tab 进入，屏幕阅读器跳过 - 模块中动态插入
<ul>但没加role="tree"→ 辅助技术只当普通列表读，无法识别层级与展开逻辑 - 异步获取错误消息后直接 innerHTML 插入，却没配
aria-live="assertive"→ 用户听不到报错 - 用
type="module"写了const data = await fetch(...)，但渲染时用了<span>替代<button>→ 即使加载成功，交互依然不可访问
可访问性永远绑定在最终渲染的 DOM 上，不在加载方式里。异步只是手段，不是语义；模块只是容器，不是控件。别试图给 <script> 打补丁，去修它吐出来的 HTML。
