可访问性

focus-visible为什么比彻底移除焦点框更合适

键盘用户依赖焦点提示判断当前位置,因此不应使用outline:none永久移除可见焦点。

可访问性17c浏览体验
focus-visible为什么比彻底移除焦点框更合适

:focus-visible可以在键盘导航等需要时提供清晰轮廓,同时减少鼠标点击后不必要的视觉干扰。

进一步理解这一主题

链接、按钮、菜单与搜索输入框都应该有可见状态。焦点样式需要与背景形成足够对比,也不应被overflow裁掉。

这类改进不改变页面内容,却会显著提高键盘和辅助技术用户完成主要操作的可预测性。

继续浏览相关内容

你可以返回17c一起草专题,或前往17c在线视频观看索引查看其他主题。