订单表格点单价表头,箭头从向上翻成向下,视觉上知道换了排序,读屏只念单价按钮,顺序到底升还是降完全听不出来。碰到这种情况,我一般先确认改动有没有真的生效。
原因不复杂,排序状态只改了图标方向,没有写到 aria-sort 上。读屏读表头时拿不到当前排序方向,用户只能靠记住点了几次来推断。
「表头排序状态」这类改动最怕改一半,回滚脚本先准备好,再动生产。别只看报错的最后一行,往上看几行,真正的起因通常在上面。
<th scope='col' aria-sort='ascending'> <button>单价</button> </th>
同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。
具体做法是,在对应的 th 上写 aria-sort,取值用 ascending 或 descending;同一时刻只保留一个表头带排序状态,其余清空;排序后把结果条数写进状态区域,顺带说明当前按哪一列排。
最后用这个标准收尾,读屏读表头时能听到按单价升序排列,再点一次变成降序。
