无障碍设计（A11y）实践：让产品对所有人友好

为什么无障碍设计被忽视？

大多数团队忽视无障碍设计的原因是"我们的用户不需要"——这是一个错误的假设。无障碍设计的受益者不只是残障人士，还包括老年人、临时性障碍（骨折、强光环境）和使用辅助技术的用户。

WCAG 2.1 的四大原则

• 可感知：信息必须以用户能感知的方式呈现（图片 alt 文字、视频字幕）
• 可操作：所有功能必须可通过键盘操作
• 可理解：内容和界面必须易于理解
• 健壮性：内容必须能被辅助技术正确解析

在 React 中实现无障碍

React 对无障碍有良好的支持，关键实践包括：使用语义化 HTML 元素、正确使用 ARIA 属性、管理焦点状态、以及使用 @radix-ui 等无障碍优先的组件库。

测试工具

推荐使用 axe DevTools（浏览器插件）进行自动化无障碍测试，配合 VoiceOver（macOS）或 NVDA（Windows）进行手动屏幕阅读器测试。