网站品质教程login
网站品质教程
作者:php.cn  更新时间:2022-04-01 15:28:35

Web无障碍(WAI)



能够被残障人士使用的网站才能称得上一个易用的(易访问的)网站。

残障人士指的是那些带有残疾或者身体不健康的用户。


Web Accessibility Initiative - WAI

WAI (由 W3C 在1997年发起)是一系列计划供 web 开发者、创作者以及设计者使用的指导方针 - 关于如何使内容对残障人士更易用。

这些指导方针的目标是易用性(accessibility),但是也有助于使 web 内容可用于更多的浏览器(语音浏览器、移动电话、手持设备),以及更多工作于困难环境的用户(非手持式的、强光、黑暗、弱视、噪音等)。


WAI 对您的网站来说很重要吗?

是的。

每天都有百万计的残障人士在网上冲浪,并且甚至超过百万计的人们正在使用着不良的浏览器设备,或者工作在困难的环境当中。

假如您的网站缺乏诸如可调节字体尺寸、带有文本描述的图形以及便捷的导航,那些人们就无法访问您的信息。

事实上:您的网站剥夺了这些人的权利。

增强网站易用性的理由还有:

  • 可提升网站的美誉度和形象

  • 可提升户满意度

  • 可增加访问者的数量

  • 可增加访问者在站点的停留时间

  • 可增加访问者的回访数量

  • 可同样为无残疾人士增加可用性

  • 可为关闭图形功能的访问者增加可用性

  • 可为使用老式设备的人群增加可用性

  • 可使您的网站为增长速度最快的人群提供服务:老年人群


使用可调节的字体大小

请使用相对的字体尺寸,这样用户就能够使用浏览器菜单来改变默认的字体尺寸。

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

你可以阅读吗?

lamp.gif  可以在您的浏览器菜单选择"查看 - 文字大小"来 要改变字体大。


使用 "alt" 属性

alt 属性允许你为图像(也可以为其它的元素)提供一条相对应的文字。

实例:

<img src="../style/images/banana.jpg" alt="Banana">

有时候浏览器会无法显示图像。具体的原因有:

  • 用户关闭了图像显示

  • 浏览器是不支持图形显示的迷你浏览器

  • 浏览器是语音浏览器(供盲人和弱视人群使用)

如果您使用了 alt 属性,那么浏览器至少可以显示或读出有关图像的描述。

PHP中文网