价格表用 div 拼格子，读屏进入表格后只念数字，念到第三列用户已经分不清这一格是单价还是总价。碰到这种情况，我一般先确认改动有没有真的生效。
原因不复杂，格子全是普通 div，没有 table 结构，也没有 th 去描述行列关系，读屏无从判断当前这个单元格到底属于哪一列哪一行，念出来就是一串孤立的数字。
碰到「表格表头关联」这类问题，我习惯先把当前配置原样备份一份，改坏了立刻换回来，不用现场推。改完顺手把文档补一句，省得下次自己重新推一遍。
<table><caption>2026 年套餐价格</caption> <thead><tr><th scope='col'>套餐</th></tr></thead> </table>
监控和日志的时间要对上，时区不一致会多绕很大一圈。临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。
具体做法是，把 div 拼出来的格子换成 table 结构，表头单元格改用 th 元素；给每个 th 都加上 scope 属性，说明它是列头还是行头，别都省掉；表格再加一个 caption，说清楚这是一张什么表，给谁看的。
最后用这个标准收尾，读屏进入表格时先报表名，再念出当前格子对应的列表头名字。