web标准化（下）

关于web标准的可用性、可维护性、可访问性

可用性

产品是否容易上手，用户使用此产品的主观感觉如何，从用户的角度来判别产品的质量。

可维护性

构建可维护性好的代码，对于企业的长期发展很重要。

• 系统出现问题时，可否快速定位并解决问题，而且保证低成本
• 代码是否容易被人理解，是否容易对代码进行修改与加强。

可访问性

简单来讲，就是让全部用户（包括残障人士）都能拥有良好的使用体验。

网站用户通常有：

• 身体健康的用户；
• 盲人或严重视觉障碍者，他们使用屏幕阅读器来听取网站，或者经过点字显示器来感知网页；
• 近视者，须要将字体大小放大到200%；
• 患有运动性残疾，所以没法用手操做鼠标，而用点击棒来操做键盘，或经过视线点击器来操做网站的用户；
• 使用移动设备如经常使用的手机，或使用跟踪球等不常见的计算机控制设备的用户。

如何作到可访问性良好？

• HTML语义化、结构化：HTML语义结构提供了网页的总体框架，提示他们在文件层级中所处的位置，还有他们能够如何与各类页面元素进行交互，以及在适当的地方对文本内容进行强调，帮助用户得到大量重要信息。如导航菜单。

<ul>
    <li>Menu Item 1</li>
    <li>Menu Item 2</li>
    <li>Menu Item 3</li>
</ul>

说明：经过将导航菜单构造为列表，就能很容易地让那些使用屏幕阅读器、同时没法看到列表的人知道这是个列表。由于他们的屏幕阅读器会告诉他们这是一张列表。若是你没有使用列表标记，屏幕阅读器就没办法知道这是列表，所以也就不能告诉使用者了。

• 替代内容：文本能够做为页面内容的通用替代内容，如img标签的alt属性值、a标签的title属性值。

<a href="http://www.alimama.com" title="淘宝联盟大促销">
        <img alt="淘宝联盟大促销" src=http://www.webjx.com/web/"images/app/sale.jpg"/>
    </a>

说明：文本内容能够很方便地由屏幕阅读器朗读出来，也能够放大或缩小，还能够方便地改变其对比度，或者进行其余许多变形操做。alt 属性包含了对该图片的简短描述，以便没法准确看到该图片的用户（或搜索引擎）使用，title属性负责对连接地址的详细文本描述。

四个可访问性标准：

• 可感知：人们能够经过适合本身的媒体来获知网页内容。好比应当让盲人得以收听页面内容。例如，图像应该有文本对应体。
• 可操做：人们能够与 web 应用程序或内容进行交互。例如，用户应该能够不用鼠标也能与某个网站进行交互，而且能够经过屏幕阅读器来进行导航。
• 可理解：使用者能够弄懂页面内容和用户界面。
• 健壮性：所提供的一切服务都应当不受平台或操做系统的限制。例如，不一样设备上的浏览器可以一块儿使用网站，且导航应该是一致的。

参考连接：

1. 什么是web标准、可用性、可访问性 http://blog.csdn.net/foreverl...