iter(g336): 表格行选择补读屏语义
This commit is contained in:
@@ -3410,6 +3410,15 @@
|
||||
"motivation": "库内 13 个组件都有 ariaLabel 入参(switchButton / pagination / jsonViewer / codeBlock …),偏偏最常用的四个输入件没有:textField 与 textarea 的控件上没有可访问名(只有清空 / 显隐按钮有),读屏进去只念「编辑框」;slider 的原生 range 无名,区间模式两个滑块更是完全同名,读屏分不出上下限;inputNumber 的「数字输入」写死,业务上没法改成「数量 / 单价」。",
|
||||
"acceptance": "① TextFieldProps / TextareaProps / InputNumberProps / SliderProps 增可选 ariaLabel,落成控件 aria-label(缺省沿用「文本输入」「多行文本」「数字输入」「数值」);② slider 区间模式自动拼「下限 / 上限」,两个 range 各有名字;③ inputNumber 的写死字符串改成可覆盖,与其余组件同一口径;④ 四份清单文档补 ariaLabel 参数行(verify 的双向字段校验要过);⑤ npm run check 全绿。",
|
||||
"notes": ""
|
||||
},
|
||||
{
|
||||
"id": "g336",
|
||||
"domain": "tune",
|
||||
"status": "open",
|
||||
"title": "表格行选择补读屏语义:复选框有名字,选中行有 aria-selected",
|
||||
"motivation": "selectable 表格里,表头全选框与每行复选框都没有可访问名,读屏连续播报「复选框、复选框、复选框」,用户不知道选的是哪一行;选中行的反馈只有一层淡底(视觉),tr 上没有 aria-selected,读屏完全听不出「这行已被选中」——批量操作前确认选对了没有,全靠眼睛。",
|
||||
"acceptance": "① 表头全选框 aria-label「全选本页」,行复选框「选择第 N 行」(与展开列的行号口径一致);② 选中行带 aria-selected(可点行按 selectable 给 true/false,不可点行只给 true),淡底仍作视觉层;③ dataTable 文档的 selectable 步骤同步说明;④ dataTable.ts 仍 ≤ 200 行(CODING.md 硬上限);⑤ npm run check 全绿。",
|
||||
"notes": ""
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user