aria-colcount只能加在role="grid"或role="treegrid"的外层容器上，用于手动声明逻辑总列数，必须配对aria-rowcount，值为正整数字符串，动态变化时需同步更新。
aria-colcount 不是给标准 <table> 用的，它只在你不用原生表格、改用 div + role="grid" 模拟表格时才需要手动声明——而且必须配对 aria-rowcount，否则读屏会报错或忽略。
aria-colcount 应该加在哪个元素上
只能加在外层容器上，且该容器必须有 role="grid" 或 role="treegrid"。常见错误是加在 <tr>、<tbody> 或普通 <div> 上，这些地方加了无效。
-
<div role="grid" aria-colcount="5" aria-rowcount="10">✅ 正确位置 -
<div role="table" aria-colcount="5">❌role="table"不支持这个属性 -
<table aria-colcount="5">❌ 原生<table>会自动推断列数，硬加反而干扰读屏
值怎么写才不会被读屏软件忽略
必须是纯正整数字符串，不能带单位、小数、空格或引号外的其他字符。浏览器不校验格式，但读屏软件遇到非法值会直接跳过整个属性。
-
aria-colcount="12"✅ 合法 -
aria-colcount="12px"❌ 单位导致失效 -
aria-colcount="12.0"❌ 小数点导致失效 -
aria-colcount=12❌ 缺少引号，HTML 解析失败
动态表格里怎么更新 aria-colcount
如果用户筛选、搜索或展开/折叠导致逻辑列数变化（比如隐藏了 2 列，剩下 8 列），就必须同步更新 aria-colcount 值。静态写死等于告诉读屏“永远只有 10 列”，哪怕实际只显示 3 列。
立即学习“前端免费学习笔记（深入）”；
- 更新时机：列结构渲染完成之后，不是点击按钮那一刻
- 更新方式：用
element.setAttribute('aria-colcount', '8')，别用innerHTML或textContent - 注意配对：
aria-rowcount必须同时更新，否则读屏可能报“行列不匹配”
最常被忽略的是角色和值的严格绑定——没设 role="grid"，aria-colcount 就是摆设；值算错一位，读屏播报的就是错的总列数。它不帮你数列，只忠实地复述你写的数字。
