Accessibility testing: web无障碍性测试,要让所建的网站对所有用户都可用、可访问,不管用户的生理/身体能力如何,不管用户以何种方式访问网站。
- 视障用户:色盲,完全失明 > 网站构建要适应于屏幕发音阅读器
- 听障用户:图片,颜色
- ...
Web无障碍标准:
https://dequeuniversity.com/rules/axe/3.2/audio-caption
- HTML页面静态检查:页面必须有title属性,装饰性的图片必须设置alt为空...
AxE:
对HTML无障碍性检测标准的第三方集成(javascript)
1. 浏览器扩展工具,安装路径https://www.deque.com/axe/
2. 点击“ANALYZE”, AxE开始根据规则分析当前页面是否符合规范
3. 点击learn more, 会跳转到相关规则的详细界面,包括解决方案
https://dequeuniversity.com/rules/axe/3.2/duplicate-id?application=AxeChrome