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

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

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

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

Q.E.D.

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

弱小和无知不是生存的障碍,傲慢才是。