th的abbr属性在html5中已被废弃，移动端屏幕阅读器完全忽略；必须用aria-label替代，并配合thead和scope才能确保可访问性。
th 的 abbr 属性在移动端根本不会被读取
HTML5 已正式废弃 th 元素的 abbr 属性。任何在 <th abbr="Rev">Revenue</th> 中写的 abbr，都会被现代 HTML 验证器标记为错误：Attribute abbr not allowed on element th at this point。移动端屏幕阅读器（如 VoiceOver、TalkBack）完全忽略该属性——它既不参与 DOM 解析，也不触发任何朗读行为。
想让屏幕阅读器读“Rev”而不是“Revenue”，得用 aria-label
替代方案只有一种：用 aria-label 显式覆盖可访问性名称。它在桌面和移动端均被主流读屏软件支持，且优先级高于元素文本内容。
-
aria-label值必须是精简、无歧义的发音版本，比如Rev、YTD NPM，而非缩写定义（如"Year-to-Date Net Profit Margin"） - 不要同时写
aria-label和title，否则可能重复播报；若需悬停提示，另配 CSS +title即可 - 必须确保
th位于有效的<thead> 内，且配合 <code>scope="col"或scope="row"，否则读屏无法建立数据单元格归属关系为什么光靠 aria-label 还不够
即使写了
aria-label="Rev"，如果表格结构缺失语义链，移动端读屏用户仍会迷失上下文。常见断点：-
th没包在<thead> 里 → 读屏无法识别这是表头 <li>没设 <code>scope→ 用户听到 “Rev” 却不知道它管哪一列数据 - 跨行/跨列表头没用
headers关联 → 复杂表格中“Rev”可能被反复读成孤立词，无归属感
真正起作用的是组合，不是单个属性
移动端可访问性不靠某个“神奇属性”，而靠三者协同：
aria-label（读什么）、scope（管哪片）、<thead>（在哪段）。漏掉任意一环，精简后的“Rev”就只是飘在空中的音节，不是有上下文的表头。</thead> -
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
