可访问性让所有人都能使用网站。本文介绍WCAG标准和优化方法。
一、WCAG标准
四个原则:可感知、可操作、可理解、健壮性。三个等级:A、AA、AAA。AA级:一般合规目标。
二、可感知性
替代文本:图片ALT标签。字幕:视频字幕。颜色对比:4.5:1以上。可调整文字:支持200%缩放。
三、可操作性
键盘导航:所有功能可用键盘。焦点可见:显示当前焦点。充足时间:无时间限制或可调。避免闪烁:防止癫痫触发。
四、可理解性
可读性:简单语言。可预测:一致的导航。输入帮助:错误提示和纠正。语言:声明页面语言。
五、测试工具
WAVE:可视化反馈。axe DevTools:开发者工具。Lighthouse:Chrome内置。屏幕阅读器:NVDA、VoiceOver。
六、实施建议
设计阶段:考虑可访问性。开发阶段:使用语义HTML。测试阶段:多种方式测试。持续改进:定期审核。