scope属性是读屏器识别表头归属的唯一依据，缺失scope或headers时读屏器仅线性播报行列位置；简单二维表需严格配对scope="col"（列标题）和scope="row"（行首单元格）；多级表头中scope="colgroup"无效，须为每列显式设置scope="col"；当存在跨维、跨行/列合并或嵌套表头时，必须改用headers+id绑定。
scope属性是读屏器识别表头归属的唯一依据
没有scope（或headers），读屏器只能按 DOM 顺序线性播报“第2行第3列”，完全不知道这个单元格属于哪一行描述、哪一列分类。它不看 CSS 对齐，也不猜视觉分组——只认scope或headers显式声明的关系。
scope="col"和scope="row"怎么配才不漏读
简单二维表（比如产品参数对比、会员等级权益）必须严格配对：
<thead>里每列标题用<code><th scope="col">，告诉读屏器“这一整列数据都归这个标题管” <li><code><tbody>里每行第一个单元格用<code><th scope="row">，说明“这一整行都在解释这个参数/等级” <li>漏掉任一个<code>scope，对应行列关系就断裂：NVDA 可能把“内存”读成“内存 ✅ ✅”，跳过列名；JAWS 可能把“青铜等级”当普通文本，不播报后续所有权益- 第二行真正的列标题（如
<th>线上、<code><th>线下）必须各自写<code>scope="col"，不能依赖上层 - 如果某列没设
scope="col"，该列所有<td>将失去列归属，读屏时只报数字，不报“Q1 线上销售额” <h3>什么时候scope彻底失效，必须换headers</h3> <p>以下情况<code>scope无法表达语义，强行用只会让读屏器更混乱：- 一个
<td>同时属于多个维度（例如：既在“华东”行下，又在“Q3”列下，还被“总销售额”统辖） <li><code><th>用了<code>rowspan或colspan，导致覆盖范围超出单向声明能力 - 表头有嵌套层级（如
<thead>含两行，第二行是第一行的细分），<code>scope无法反向关联父级 - 左上角单元格既要管行又要管列——
scope="row col"是非法语法，浏览器直接忽略整个属性
这时候只能弃用
scope，改用headers+id手动绑定，每个<td>明确列出它归属的所有<code><th id="...">。</th> - 一个
多级表头里scope="colgroup"根本不是“二级标题开关”
很多人在第一行写<th colspan="3" scope="colgroup">Q1，以为下面三列自动继承——实际无效。原因很实在：
<ul>
<li>
<code>scope="colgroup"必须配合真实存在的<colgroup span="3"></colgroup>，否则读屏器直接无视
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
