为什么要做
无障碍不是“加功能”,更像是让一个站点至少可被正常使用。
对我来说,它是一种基本尊重:
键盘用户、低动效偏好、色彩敏感的人,都应该能自然地浏览内容。
我做了什么(基础但关键)
1) 全站统一可见焦点
所有可交互元素(链接、按钮、输入框)在键盘导航时都有清晰的可见焦点,避免“看不见在哪里”。
2) 尊重动效偏好
对系统设置了 prefers-reduced-motion 的用户,
禁用非必要动画与过渡,避免阅读干扰。
3) 搜索框可被读出
博客侧栏搜索输入加上 aria-label,
屏幕阅读器能读出“搜索文章”。
4) 搜索结果可感知
搜索结果统计增加 aria-live,
让读屏知道结果数量变化。
我坚持的底线
- 不做“酷炫但不可控”的交互
- 能键盘操作的地方必须可见焦点
- 动效在必要时可关闭
小结
这不是一次“功能升级”,只是补上作为网页应该具备的基本素养。
把可访问性放在心里,站点会更稳定、更耐看,也更像一个真正的工具。