aria-colspan不能替代colspan，它仅向辅助技术传递语义信息，不参与渲染；浏览器仍完全依赖colspan决定单元格实际跨列数，缺失colspan时仅设aria-colspan会导致视觉与语义错位。
aria-colspan 不能替代 colspan 属性
aria-colspan 是 ARIA 规范中定义的属性，但它**不参与表格结构渲染**，只向辅助技术（如屏幕阅读器）传递语义信息。浏览器仍完全依赖 colspan 属性来决定单元格实际占据几列——如果 HTML 中没写 colspan="3"，只加 aria-colspan="3"，表格视觉上仍是单列，屏幕阅读器却可能误报“跨3列”，造成语义与结构错位。
什么时候必须同时设置 colspan 和 aria-colspan
绝大多数情况下不需要显式写 aria-colspan。只有当 colspan 值被 JavaScript 动态修改、且该变更未触发辅助技术重读时，才需同步更新 aria-colspan 作为补充。常见场景包括：
- 用 JS 修改
cell.setAttribute('colspan', '4')后，立即调用cell.setAttribute('aria-colspan', '4') - React/Vue 中通过状态驱动
colSpan（注意是驼峰），但某些旧版屏幕阅读器对框架绑定的 ARIA 属性响应滞后，可额外透传aria-colspan - 服务端渲染 HTML 时，若因模板逻辑错误导致
colspan缺失或为 0，临时用aria-colspan“打补丁”属于权宜之计，应优先修复colspan本身
colspan=1 时不要写 aria-colspan
aria-colspan 的默认值就是 1，显式写 aria-colspan="1" 属于冗余，还可能干扰部分辅助工具的默认行为。以下写法是错的：
<th colspan="1" aria-colspan="1">姓名</th>
正确写法只需：
<th>姓名</th>
另外注意：aria-colspan 只接受正整数，传 "0" 或负数会被忽略；值必须与当前 colspan 属性严格一致，否则辅助技术会读到矛盾信息。
导出 PDF/Excel 时 aria-colspan 完全无效
所有基于 HTML 渲染的导出方案（如 html2canvas、SheetJS、Puppeteer）都只解析 DOM 结构和 CSS，**完全忽略 ARIA 属性**。aria-colspan 对导出结果零影响。如果导出后表头错位，问题一定出在 colspan 计算错误或行间列总数不守恒，别试图用 ARIA 修补。
真正容易被忽略的是：动态表格中，JS 修改了 colspan 但没触发 cell.getAttribute('colspan') 返回新值（浏览器已归一化），此时读取 cell.colSpan 得到的是 number 类型旧值，而 getAttribute('colspan') 才是真实字符串——这个细节直接决定你能否正确同步 aria-colspan。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
