aria-colcount只能加在role="grid"或role="treegrid"的外层容器上，用于手动声明逻辑总列数，必须配对aria-rowcount，值为正整数字符串，动态变化时需同步更新。
aria-colcount 不是给标准 <table> 用的，它只在你不用原生表格、改用 <code>div + role="grid" 模拟表格时才需要手动声明——而且必须配对 aria-rowcount，否则读屏会报错或忽略。
aria-colcount 应该加在哪个元素上
只能加在外层容器上，且该容器必须有 role="grid" 或 role="treegrid"。常见错误是加在 <tr>、<code><tbody> 或普通 <code><div> 上，这些地方加了无效。
<ul><li><code><div role="grid" aria-colcount="5" aria-rowcount="10"> ✅ 正确位置
<li><code><div role="table" aria-colcount="5"> ❌ <code>role="table" 不支持这个属性
<table aria-colcount="5"> ❌ 原生 <code><table> 会自动推断列数，硬加反而干扰读屏
<h3>值怎么写才不会被读屏软件忽略</h3>
<p>必须是纯正整数字符串，不能带单位、小数、空格或引号外的其他字符。浏览器不校验格式，但读屏软件遇到非法值会直接跳过整个属性。</p>
<ul>
<li>
<code>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 就是摆设；值算错一位，读屏播报的就是错的总列数。它不帮你数列，只忠实地复述你写的数字。
