Web 可访问性最佳实践：构建人人可用的前端界面
Web 可访问性（Web Accessibility）不仅仅是为了符合法律法规，更是为了让每一位用户——无论其能力如何——都能顺畅地使用你的产品。这意味着内容需要被感知、理解、导航并与之交互。
为什么它很重要？
除了合规压力外，做好可访问性还有实际收益：
- 扩大受众：全球约 15% 的人口存在某种形式的残疾，这直接意味着潜在用户的增长。
- SEO 友好：搜索引擎爬虫依赖良好的语义结构来索引内容。
- 通用体验提升：清晰的对比度、键盘支持等改进，往往能让所有用户的体验更好。
- 社会责任：体现对多样性的尊重，构建包容的数字环境。
WCAG 四大核心原则
根据 WCAG 2.1 标准，我们主要围绕以下四点展开工作：
1. 可感知 (Perceivable)
信息必须以用户能感知的方式呈现。例如，图片必须提供替代文本，视频需配字幕，布局要适应不同阅读习惯。
2. 可操作 (Operable)
界面组件和导航必须可用。确保所有功能都支持键盘操作，避免导致癫痫的光效，并提供足够的阅读时间。
3. 可理解 (Understandable)
内容应清晰易懂。页面行为要可预测，表单错误提示要明确，帮助用户避免或纠正输入错误。
4. 健壮 (Robust)
内容需兼容各种用户代理，包括屏幕阅读器等辅助技术。最大化与当前及未来浏览器的兼容性。
具体落地实践
语义化 HTML
不要滥用 div。使用正确的标签定义文档结构，这对屏幕阅读器至关重要。
<!-- 推荐做法 -->
<header>标题</header>
<nav>导航链接</nav>
<main>文章内容</main>
<footer>页脚</footer>
替代文本与多媒体
非文本内容必须有描述。装饰性图片的 alt 属性应为空字符串，复杂图表则需详细描述。
<!-- 普通图片 -->
<img src="logo.png" alt="公司标志">
<!-- 装饰性图片 -->
< = =>
全年增长 20%，Q1 至 Q4 分别为...
