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...