开箱即用的网站可访问性提升指南

21CTO社区导读:本篇文章介绍什么是网站可访问性、残障人士如何访问网站;然后提供一些开箱即用的建设无障碍网站的操作指南,让你能够立即在项目中使用;最后介绍了如何检测网站的可访问性。

什么是网站可访问性

网站可访问性指的是残障人士(包括全盲和低视力、失聪和听力衰退、学习障碍、精神局限、行动受限、语言障碍、光敏性以及多重残障)在使用网站时不会遇到障碍,也就是说他们可以认知、理解网站、在网站上导航以及与网站组件进行交互。

残障人士如何访问网站

残障人士大概可以分为视觉障碍、听觉障碍、肢体障碍和认知障碍四大类。每类群体都有特定的访问网站的方式和页面要求。

视觉障碍

主要包括色盲、色弱和全盲和视力衰退等。全盲用户主要靠读屏软件来接收页面信息;色盲和色弱的用户对页面色彩要求比较高,包括颜色的选择和对比度的使用;视力衰退的用户有时需要放大页面上的文字和图片来阅读。

听觉障碍

主要包括耳聋或者听力衰退等。这类用户对页面上的一些音频信息有一定的要求,包括音频内容的可暂停、音量的调节、音频字幕等。

肢体障碍

主要是肢体残缺。这类用户主要借助一些软件或者硬件来访问网站,比如手臂残疾者借助一些物体敲击键盘来访问我们的网站。这就对我们网站的键盘可访问性有很高的要求,其中包括能通过键盘聚焦页面的交互组件、触发相应的键盘事件来进行交互、快速导航到主要内容区域等。

认知障碍

主要包括学习障碍和聚焦障碍、语言障碍、精神局限等。这类用户需要页面内容清晰易懂、能够重复多次阅读、内容可以灵活调节,这就要求我们页面上一些滚动区域的内容可以随时停止和重启、一些复杂的内容的能够配以简单易懂的说明文字、相同的链接使用相同的文字、页面上动画的设计不会引起用户不适等。

让你的网站无障碍

清晰的网站结构

1、通过ARIA中的rol或者HTML5中语义化的标签main、hadr等来为页面提供Landmark,常见的有Landmark有navigation、sarch、bannr、contntinfo、







































北京那家医院治白癜风好
迪赛胸腺肽肠溶片价格



转载请注明:http://www.guyukameng.com/http/8750.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了