网站可访问性（Accessibility）设计指南：让网站对所有人友好

Web可访问性确保残障人士也能正常使用网站，这不仅是一种社会责任，在许多国家也是法律要求。本文介绍网站可访问性设计的核心原则和实践方法。

WCAG 标准

Web内容无障碍指南（WCAG）是国际标准，核心原则（POUR）：可感知（Perceivable）——信息可被感知；可操作（Operable）——界面可操作；可理解（Understandable）——内容可理解；健壮性（Robust）——兼容各种辅助技术。

视觉可访问性

颜色对比度——正文文字与背景对比度至少4.5:1（AA级），大文字至少3:1；不仅依赖颜色——不要只用颜色传达信息，需配合文字或图标；可调整文字大小——支持浏览器缩放，不影响布局；高对比度模式——支持系统的深色/高对比度设置。

键盘导航

所有功能必须可以通过键盘操作：Tab键顺序合理；焦点样式可见（不要隐藏outline）；提供"跳转到主内容"的快捷链接；Modal/对话框正确管理焦点陷阱。

屏幕阅读器支持

确保内容对屏幕阅读器友好：所有图片有描述性alt文本；表单元素有关联的label；使用语义化HTML标签（nav、main、article）；ARIA属性辅助复杂组件（aria-label、role、aria-expanded）。

表单可访问性

表单是可访问性的重点：每个输入框有关联的label；错误信息与对应字段关联；提供清晰的错误提示和修复建议；自动填充兼容（autocomplete属性）。

测试工具

推荐工具：Lighthouse（Chrome内置无障碍检查）；axe DevTools（浏览器插件）；WAVE（在线工具）；NVDA/VoiceOver（屏幕阅读器测试）。

总结

可访问性应该融入开发流程的每个环节。从一开始就考虑可访问性，比事后修复要容易得多，而且对所有人都有益。