前端知识29 你了解什么是无障碍web(WAI)吗?在开发过程中要怎么做呢?

Scroll Down

无障碍 web 是指能让视觉障碍的人也能根据屏幕阅读器的提示阅读网页。这一块只知道一个大致概念,国内使用较少(甚至还遇到过加了 title 被测试提 bug 的情况)

目前能想到的只有下面几点:

  • 尽可能地使用语义化标签,如
    ,
    等标签
  • img 标签添加 alt
  • button 或者按钮上添加 title
  • 表单尽量使用 label for 可以和控件的 id 进行关联

详细参考
https://mp.weixin.qq.com/s/3QNXBpGB0ZiroV8OGnXCbA