网站可访问性（Web Accessibility，常被称为 a11y）是指确保网站的内容和功能可以被所有人访问和使用，包括残障人士（如视觉、听觉、运动、认知障碍者）。它不仅是社会责任和法律要求（如《残疾人权利公约》和各国法规），更是优秀用户体验和现代网站开发的基本准则。遵循可访问性标准，能让你的网站覆盖更广泛的用户群体，并通常能带来更好的SEO效果和代码质量。
一、可访问性的核心原则：WCAG
全球通用的标准是Web内容可访问性指南（WCAG），其核心原则可概括为POUR：
可感知性：信息和用户界面组件必须以用户能够感知的方式呈现。
提供文本替代方案：为所有非文本内容（如图片、图标、图表）提供替代文本（alt属性）。屏幕朗读器会朗读这些文本来描述内容。纯装饰性图片应设置alt=""。
提供多媒体替代方案：为视频提供字幕，为音频提供文字稿。
内容可适应性：确保内容可以在不同布局（如响应式设计）下正确呈现，而不丢失信息或结构。
颜色使用：勿仅凭颜色传达信息（如“红色字段为必填”），应结合文字或图标。确保前景色和背景色有足够的对比度（对比度至少达到4.5:1）。
可操作性：用户界面组件和导航必须可操作。
键盘可访问：确保所有功能（如表单、下拉菜单、按钮）都可以通过键盘（Tab键）访问和操作，不依赖鼠标。
充足的停留时间：如果内容有时间限制（如轮播图），应提供机制让用户暂停、停止或隐藏。
避免引发癫痫的内容：避免内容以每秒3到50次的频率闪烁。
可理解性：信息和用户界面的操作必须是可理解的。
可读性：使文本内容可读且可理解。使用清晰的语言，为不常见的词汇提供解释。
可预测性：保持导航和交互模式在整个网站中一致。页面的出现和操作方式应符合用户预期。
输入辅助：在用户输入错误时，帮助用户识别和纠正错误（如表单验证提示应清晰说明错误位置和性质）。
健壮性：内容必须足够健壮，能够被各种各样的用户代理（包括辅助技术）可靠地解释。
兼容性：使用标准的、语义化的HTML标签，确保与当前和未来的用户工具（包括屏幕朗读器）良好兼容。
二、关键的实践性设置与检查
语义化HTML结构：这是可访问性的基石。正确使用HTML5标签（如
, 
首页
联系
电话