文章 · 前端工程

一次可访问性自查的清单

可访问性不需要一次性做成大工程,先做一遍自查就能解决大部分问题。这份清单按「影响人数」排序,前面几条改了收益最大。

键盘能不能走通

  • 所有可点元素都能被 Tab 聚焦,且焦点可见
  • 弹层打开后焦点被正确捕获,关闭后回到触发点
  • 不依赖鼠标悬停才能看到关键信息

语义有没有用对

按钮就用按钮,链接就用链接,标题按层级排。语义对了,读屏软件才知道怎么念,键盘交互也才自然。

对比度够不够

正文和次要文字分别对底色量一次对比度。设计稿上看着舒服的灰字,实际往往低于最低要求,这是最常见的一类问题。

  • 图片有替代文本
  • 表单控件有关联的标签
  • 动画尊重系统的减弱动效设置

评论6

访客

登录后参与评论,你的发言会署上自己的名字。

  • 陈默

    陈默作者@chenmo2026-07-26

    先占个位:文里的数字都是本地实测的,测试环境写在文末备注里,有疑问直接在这儿回。

  • 程野

    程野@chengye2026-07-27

    这份清单可以直接拿去做评审模板了,覆盖面挺全。

  • 姜堰

    姜堰@jiangyan2026-07-28

    命名那一条看着简单,但确实是评审里最常被提出来的问题。

  • 童语

    童语@tongyu2026-07-29

    边界情况那段写得好,很多问题都是顺利路径跑通了就当完成了。

  • 严冬

    严冬@yandong2026-07-30

    状态管理这块我更倾向于能不放全局就不放,理解成本差很多。

  • 段然

    段然@duanran2026-07-31

    认同结论,但我觉得前提是团队规模够大,小团队可能撑不起这套流程。