能，需用精确ID关联真实DOM节点；给说明文字设稳定id，再在table上用aria-describedby指向它，摘要须为独立可见元素，不可用caption或figcaption替代。
aria-describedby 能不能直接关联表格和外部说明文字
能，但必须用 ID 精确引用，且目标元素得是真实存在的 DOM 节点。它不是“自动找附近文字”，也不是靠位置或 class 匹配——aria-describedby 只认 id，拼错、大小写不一致、元素还没挂载，都会导致屏幕阅读器静默。
怎么写才能让表格读出外部摘要
核心是两步：给说明文字一个稳定 id，再在 <table> 上设 aria-describedby 指向它。常见错误是把摘要塞进 <caption> 或用 title，这些都不被读屏器当作“补充描述”处理。
- 说明文字必须是独立元素，比如
<p id="table-summary">本表汇总了2025年Q1各区域销售额，含同比变化与目标完成率</p> -
<table aria-describedby="table-summary">—— ID 必须完全一致，包括连字符和大小写 - 摘要元素可以放在表格上方、下方或任意位置，DOM 顺序不影响关联，但建议紧邻表格，方便视觉用户对照
- 不要用
display: none隐藏摘要；若需视觉隐藏，用class="sr-only"（配合clip-path或position: absolute）
为什么不用 <caption> 或 <figure>+<figcaption>
<caption> 是表格的**标题**，属于可访问名称的一部分，会被优先朗读；aria-describedby 是**补充说明**，永远排在最后。两者语义不同，不能混用。而 <figure>+<figcaption> 适合把表格当“图示”用的场景（如数据图表的源表），但此时 figcaption 仍是标题，不是补充描述——真要加摘要，还得额外用 aria-describedby 指向外部 <p>。
动态渲染表格时容易漏掉什么
服务端渲染时，提前写好空摘要容器就行；客户端 JS 渲染表格后，常忘记同步设置 aria-describedby 属性，或者生成的摘要 id 是随机字符串（如 summary-8f3a），组件销毁后没清理，下次渲染就重复或失效。
立即学习“前端免费学习笔记（深入）”；
- 推荐用稳定 ID 模式：
table-sales-q1-summary，而不是summary-${uuid()} - JS 插入表格后，立即执行：
tableEl.setAttribute('aria-describedby', 'table-sales-q1-summary') - 插入摘要前，先用
document.getElementById('table-sales-q1-summary')确认是否已存在；若不存在，创建并 append 到 body 或表格附近 - 如果摘要内容会更新，只改
textContent，别删重建元素——ID 生命周期比内容更重要
aria-describedby 就不会哑火。 
