aria-colindex 和 aria-colindextext 不是标准 ARIA 属性，浏览器和屏幕阅读器完全不识别；真实存在的列相关属性仅有 aria-sort、aria-colcount、aria-colspan，列序号应通过原生表格结构（scope/headers）隐式传达。

aria-colindex 和 aria-colindextext 不是标准 ARIA 属性，浏览器和屏幕阅读器完全不识别它们。

你看到的可能是拼写混淆、文档笔误，或某第三方库自定义的非标准属性——它不会触发任何可访问性行为，也不被 W3C 规范收录。

---

aria-colindex 不存在，别用

W3C ARIA 1.2/1.3 规范中没有 aria-colindex 这个属性。
常见混淆来源：

• 把 aria-rowindex（合法，但仅用于 role="grid" 中的非表结构元素）错记成列版本；
• 把 HTML 原生的 colspan/rowspan 语义误认为 ARIA 属性；
• 某些旧教程或错误示例硬造了这个属性。

真实存在的列相关 ARIA 属性只有：

• aria-sort（仅限 <th>，表示排序方向）
• aria-colcount（用于 role="table" 或 role="grid"，声明总列数）
• aria-colspan（用于单个单元格，声明跨列数，与 HTML colspan 语义一致）

---

aria-colindextext 是无效字符串，AT 忽略

这个属性名不在任何 ARIA 版本中定义。
即使你写成：

<th aria-colindextext="第2列">年龄</th>

屏幕阅读器（NVDA、JAWS、VoiceOver）既不会读出“第2列”，也不会将其纳入导航上下文。它等同于给元素加了个无意义的自定义 data 属性。

立即学习“前端免费学习笔记（深入）”；

真正能让用户感知列序号的方式只有一种：依赖原生表格结构 + 正确的 scope 和 headers 关联。

例如：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

<table>
  <thead>
    <tr>
      <th scope="col" id="name">姓名</th>
      <th scope="col" id="age">年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td headers="name">张三</td>
      <td headers="age">28</td>
    </tr>
  </tbody>
</table>

此时屏幕阅读器会自然播报“姓名 张三，年龄 28”，列位置由 DOM 顺序和 scope 隐式确定，无需额外标注。

---

如果真需要“第 X 列”语音提示，怎么办？

只能靠 JavaScript 动态注入 aria-label，且必须满足：

• 仅在必要时添加（比如复杂合并表头、动态列显隐）；
• 内容严格匹配视觉呈现（如“第3列：入职时间（升序）”）；
• 每次列结构变化后重新计算并更新，避免过期；
• 不覆盖原有 aria-sort 或 aria-label 语义。

示例：

<th scope="col" 
    aria-sort="ascending" 
    aria-label="第2列：年龄，当前升序排列">
  年龄
</th>

注意：aria-label 会完全替代元素文本内容，所以必须包含“年龄”二字，否则用户听不到列名。

容易踩的坑：

• 把 aria-label 写成纯数字“第2列”，丢失列名语义；
• 用 title 替代 aria-label，鼠标悬停才显示，对键盘和盲人无效；
• 在 <td> 上加列序号提示——AT 不会关联到列头，纯属浪费。

列序号不是独立信息，它永远依附于列头语义和表格结构。强行“标序号”反而破坏可访问性流。