tinyshare微博账号

“网站无障碍”介绍

原文信息: 查看原文

The Web Accessibility Introduction I Wish I Had

- Max Antonucci


你对“网站无障碍”了解多少?是不是觉得只有残疾人士才需要网站无障碍的功能支持?

文中阐述,网络无障碍是影响所有用户的,很多通用特殊场景下都会需要网络无障碍:

  • 老年人;
  • 医疗慢性病,比如关节炎;
  • 户外严重眩光;
  • 药物性认识损伤或睡眠不足;
  • 网站适配多个设备;
  • WiFi信号差影响资源加载;

网站无障碍的四个关键点:

  • 可感知。可感知意味着不管什么特殊场景下,都不影响用户阅读,观看或者聆听网站的内容这个特性,涵盖网页上的排版、图片、音频和视频。
  • 可运行。可运行意味着,不管什么特殊场景下,都不影响用户查看所有的页面,也不影响填充表单。这个特性,一般包含接口和导航、键盘导航以及渐进式增强等。
  • 易懂性。易懂表示不管在什么特殊场景下,都不影响用户理解网站预期的目的。这个特性需要网站简单且明确、避免假设。
  • 健壮性。健壮性表示不管在任何特殊场景下,用户都可以在大量的设备上运行。语义化加成包含语义化标签、使用aria标签、有逻辑的DOM元素排序、服务器端渲染以及自适应设计。

文中还介绍了如何测试网站无障碍,希望这篇文章对你有所启发,让你对网络无障碍有更好的理解。

分享于 2018-10-31

访问量 501

预览图片