文章 · 前端工程
一次可访问性自查的清单
可访问性不需要一次性做成大工程,先做一遍自查就能解决大部分问题。这份清单按「影响人数」排序,前面几条改了收益最大。
键盘能不能走通
- 所有可点元素都能被 Tab 聚焦,且焦点可见
- 弹层打开后焦点被正确捕获,关闭后回到触发点
- 不依赖鼠标悬停才能看到关键信息
语义有没有用对
按钮就用按钮,链接就用链接,标题按层级排。语义对了,读屏软件才知道怎么念,键盘交互也才自然。
对比度够不够
正文和次要文字分别对底色量一次对比度。设计稿上看着舒服的灰字,实际往往低于最低要求,这是最常见的一类问题。
- 图片有替代文本
- 表单控件有关联的标签
- 动画尊重系统的减弱动效设置
评论6
登录后参与评论,你的发言会署上自己的名字。
陈默作者@chenmo·2026-07-26
先占个位:文里的数字都是本地实测的,测试环境写在文末备注里,有疑问直接在这儿回。
程野@chengye·2026-07-27
这份清单可以直接拿去做评审模板了,覆盖面挺全。
姜堰@jiangyan·2026-07-28
命名那一条看着简单,但确实是评审里最常被提出来的问题。
童语@tongyu·2026-07-29
边界情况那段写得好,很多问题都是顺利路径跑通了就当完成了。
严冬@yandong·2026-07-30
状态管理这块我更倾向于能不放全局就不放,理解成本差很多。
段然@duanran·2026-07-31
认同结论,但我觉得前提是团队规模够大,小团队可能撑不起这套流程。