你对“网站无障碍”了解多少?是不是觉得只有残疾人士才需要网站无障碍的功能支持?
文中阐述,网络无障碍是影响所有用户的,很多通用特殊场景下都会需要网络无障碍:
- 老年人;
- 医疗慢性病,比如关节炎;
- 户外严重眩光;
- 药物性认识损伤或睡眠不足;
- 网站适配多个设备;
- WiFi信号差影响资源加载;
网站无障碍的四个关键点:
- 可感知。可感知意味着不管什么特殊场景下,都不影响用户阅读,观看或者聆听网站的内容这个特性,涵盖网页上的排版、图片、音频和视频。
- 可运行。可运行意味着,不管什么特殊场景下,都不影响用户查看所有的页面,也不影响填充表单。这个特性,一般包含接口和导航、键盘导航以及渐进式增强等。
- 易懂性。易懂表示不管在什么特殊场景下,都不影响用户理解网站预期的目的。这个特性需要网站简单且明确、避免假设。
- 健壮性。健壮性表示不管在任何特殊场景下,用户都可以在大量的设备上运行。语义化加成包含语义化标签、使用aria标签、有逻辑的DOM元素排序、服务器端渲染以及自适应设计。
文中还介绍了如何测试网站无障碍,希望这篇文章对你有所启发,让你对网络无障碍有更好的理解。