scope仅适用于二维表格表头归属，面对部门→季度→产品线→指标等多维嵌套时失效；应改用headers属性显式绑定多对多ID关系，或拆分为多个语义清晰的二维表格。
scope 属性本身不提升“多维数据”的可访问性——它只解决二维表格中表头与数据单元格的单向归属问题。遇到真正多维结构（如“部门→季度→产品线→指标”四层嵌套），scope 已力不从心，必须切换策略。
什么时候 scope 就该停手了
当出现以下任一情况，继续硬塞 scope 只会让屏幕阅读器更混乱：
- 同一行里有多个
th都带scope="row"，但它们代表不同维度（比如“华东区”和“Q2”并列在首列） - 表头跨行又跨列，且子标题无法用
colgroup/rowgroup清晰归类（例如一个“成本分析”标题横跨 3 列、纵跨 2 行，下方还分“人力”“物料”“外包”三组） - 用户需要知道“这个数字同时属于哪个部门、哪个季度、哪个产品线”，而
scope最多只能声明“属于某行或某列”
替代方案：用 headers 显式绑定多对多关系
headers 是唯一能表达“一个 td 同时受多个 th 管辖”的原生机制。它不依赖位置，只靠 ID 关联：
- 每个参与定义维度的
th必须设唯一id（如<th id="dept">部门</th>、<th id="quarter">季度</th>） - 每个数据单元格用空格分隔多个 ID：
<td headers="dept quarter product metric">12.5%</td> - 屏幕阅读器会按
headers中 ID 出现顺序依次读出上下文，顺序即语义权重
注意：headers 值必须是真实存在的 ID，不能拼错；也不支持通配符或 CSS 选择器。
立即学习“前端免费学习笔记（深入）”；
比 headers 更彻底的解法：拒绝单表思维
多数所谓“复杂多维表格”，本质是多个二维关系的拼接。强行压进一个 <table> 是自找麻烦：
- 把“部门 × 季度”作为主表，每行右侧嵌一个子表展示“该部门该季度下各产品线指标”——子表用独立
<table>+<caption>，外层用<section aria-labelledby="dept-q2"> - 或者直接拆成三个表：
<table>（部门汇总）、<table>（季度趋势）、<table>（产品线明细），用<h2>分隔并互相关联 - 所有拆分后的表，
scope都能回归本职：干净地管好自己那一层的行列关系
真正容易被忽略的点：没有“万能 scope 值”能覆盖三维以上结构。与其花两小时调试 scope="rowgroup" 和 colspan 的组合，不如用五分钟把逻辑切开——结构清晰了，scope 才真正有用。
