常见误区
前端无障碍性?这不是给残障人士用的吗?
"我的网站不需要无障碍性,用户都是正常人"——结果被投诉歧视, "无障碍性太麻烦了,我没时间做"——结果失去了一部分用户, "无障碍性就是加几个 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>
弹窗标题
弹窗内容

