可访问性在业务页面里的落地

可访问性经常被当作大厂或特殊项目才需要关注的事情，但它其实和普通用户体验高度重合。按钮是否能用键盘触达，表单错误是否说清楚，文字对比度是否足够，弹窗打开后焦点是否合理，这些问题会影响每一个使用者。

一、先用正确的 HTML 语义

很多可访问性问题来自滥用 div。能用按钮就用 button，能用链接就用 a，表单字段要有关联的 label，页面标题层级要有顺序。语义结构正确以后，浏览器和辅助技术可以自动提供很多能力。

二、键盘路径要走得通

只靠鼠标可用是不够的。导航、表单、弹窗、菜单、关闭按钮都应该能通过键盘操作。焦点样式不能被随意去掉，弹窗打开时焦点应该进入弹窗，关闭后回到触发按钮附近。否则键盘用户会迷失在页面里。

三、不要只靠颜色表达状态

错误、成功、禁用、选中等状态不能只依赖颜色。最好同时使用文字、图标、边框或位置变化表达。颜色对比度也要足够，浅灰文字、浅色按钮在实际屏幕上很容易看不清。尤其是移动端户外环境，低对比度会直接影响可用性。

• 优先使用语义正确的 HTML 元素。
• 保留清晰的 focus 样式和键盘操作路径。
• 表单错误要能被字段和读屏关联到。
• 状态表达不要只依赖颜色。

可访问性落地并不一定意味着巨大成本。多数时候，只要在写组件时多保留语义、焦点和提示，页面质量就会明显提高。