不需要。原生<table>元素自带隐式ARIA role，手动添加role="table"冗余且可能覆盖语义；仅当用div模拟表格时才需显式声明role及相关属性。
表格必须有 role="table" 吗？
不需要。原生 <table> 元素自带隐式 ARIA role，浏览器和读屏软件（如 NVDA、VoiceOver）会自动将其识别为表格结构。手动加 role="table" 不仅冗余，还可能覆盖原生语义，尤其当嵌套在 <table> 内部时，反而导致重复播报或结构混乱。
- 原生
<table>、<th>、<td>、<thead>、<tbody>已有完整语义映射，优先用它们 - 仅当使用 div 模拟表格（例如 CSS Grid / Flex 实现的“假表格”）时，才需显式添加
role="table"及配套role="row"、role="columnheader"等 - 若误给
<table>加role="table"，部分旧版 JAWS 会跳过自动表导航快捷键（如 Ctrl+Alt+方向键）
<caption> 和 aria-label 选哪个？
优先用 <caption>，它既是视觉可见标题，又是无障碍可访问的表名；只有在无法插入 <caption>（比如 CMS 模板锁定、第三方组件封装）时，才退而使用 aria-label。
-
<caption>会被所有主流读屏器作为表格名称播报，且支持定位（如 VoiceOver 的「表格：销售数据」） -
aria-label会完全隐藏视觉内容，若同时存在<caption>，后者会被忽略——两者不可共存 -
aria-labelledby是更灵活的替代方案，适用于需要复用已有文本节点（如页面顶部的<h2 id="sales-title">）作为表名的场景
复杂表头（多级/跨行）怎么让读屏器正确关联？
靠 id + headers 属性显式绑定，而不是依赖视觉位置或嵌套结构。读屏器不会“理解” colspan/rowspan 的逻辑关系，必须人工指明单元格归属哪些表头。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 每个
<th>需有唯一id（如id="year"、id="region"） - 每个
<td>通过空格分隔的headers值引用对应表头 ID（如headers="year region q1"） - 跨行表头（如“2023”横跨 Q1–Q4）仍需为每个
<td>单独指定完整路径，不能只写headers="year" - 避免用
scope处理多级表头——它只支持单层（row/column/auto），对嵌套无效
动态表格（增删行/排序）需要额外处理吗？
需要。单纯 DOM 更新不触发读屏器重新解析，用户可能卡在旧状态。关键动作后必须用 aria-live 通知变更，并确保焦点不丢失。
立即学习“前端免费学习笔记（深入）”；
- 对整表刷新（如搜索重载），在
<table>上加aria-live="polite"，并确保其父容器未设aria-hidden="true" - 对单行操作（如删除），聚焦到操作按钮本身，操作后将焦点移至新相邻行或表格摘要栏（如
<div aria-live="assertive">已删除第3行</div>） - 排序后若改变行顺序，避免仅更新
innerHTML——应保留原有<tr>元素并移动 DOM 节点，否则读屏器可能重复播报或漏报 - 不要依赖
aria-busy="true"：它仅提示加载中，不替代 live 区域的变更通知
表格的语义锚点永远是 HTML 结构本身，ARIA 是补救手段，不是装饰选项。最常被忽略的是 headers 的完整性——少一个 ID 引用，读屏器就少报一个维度，而用户根本不知道缺了什么。
