前端无障碍性实践：确保网站对所有人可用
常见误区
前端无障碍性？这不是给残障人士用的吗？
"我的网站不需要无障碍性，用户都是正常人"——结果被投诉歧视， "无障碍性太麻烦了，我没时间做"——结果失去了一部分用户， "无障碍性就是加几个 alt 标签而已"——结果网站在屏幕阅读器下完全不可用。
醒醒吧，无障碍性不是慈善，而是一种责任！
为什么你需要这个？
- 法律合规：许多国家和地区都有无障碍性法规
- 扩大用户群体：让残障人士也能使用你的网站
- SEO 优化：无障碍性好的网站更容易被搜索引擎收录
- 用户体验：对所有人都友好的设计，对正常人也有好处
反面教材
<!-- 缺乏语义化 HTML -->
<div>
<div>网站 logo</div>
<div>
<div>首页</div>
<div>关于我们</div>
<div>联系我们</div>
</div>
</div>
<!-- 缺少 alt 标签 -->
<img src="logo.png">
<!-- 颜色对比不足 -->
<div>这段文字很难阅读</div>
<!-- 键盘无法访问 -->
<button onclick="doSomething()">点击我</button>
<!-- 缺少 ARIA 属性 -->
<div>
弹窗标题
弹窗内容
