Web开发界经常被提及的三个词：可用性（usability）、可访问性（Accessibility）和可维护性（Maintainability）。（本文对可维护性不做说明）
可用性指的是：产品是否容易上手，用户能否有效率完成任务，以及这个过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。
可访问性，很难给出严格的定义。《web content Accessibility Guidelines》里的描述是：web内容对于残障用户的可阅读和可理解。同时还特别指明：提高可访问性也能让普通用户更容易理解web内容。具体而言，要考虑一下两方面：
1.无论用户是否残障，都得通过用户代理（user Agent）来访问web内容。因此要提高可访问性，首先得考虑各种用户代理：桌面浏览器、语音浏览器、移动电话、车载个人电脑等等。在Google，专门聘请了一些残障雇员，来帮助提高产品的可访问性。
2.还得考虑用户访问web内容时的环境限制。比如：嘈杂的环境、过暗或过亮的房间、或者是免提等各种情况。这是更高一层次的可访问性要求。
我对可访问性的理解是：对所有人一视同仁、无论他们是否有残障、使用何种终端。
实现可用性性、可访问性的方法
l 逐步强化你的网站功能，同时对支持性进行测试。运用“渐进增强”和“平稳退化”原则开发网站。（可用性）
l 允许用户关闭有问题的增强功能。
l 提供相同内容或功能的替代版本。
l 就客户端支持的技术向你的用户提出建议，并举例说明哪些公司的产品支持这些技术。
可访问性良好的网页的特征
l HTML语义化、结构化。HTML语义结构提供了网页的整体框架，提示他们在文件层级中所处的位置，还有他们可以如何与各种页面元素进行交互，以及在适当的地方对文本内容进行强调，帮助用户获得大量重要信息。如导航菜单例子：
· Menu Item 1
· Menu Item 2
· Menu Item 3
说明：通过将导航菜单构造成为列表，就能很容易地让那些使用屏幕阅读器、同时无法看到列表的人知道这是个表。因为他们的屏幕阅读器会告诉他们这是一张表。如果你没有使用列表标记，屏幕阅读器即没办法知道这是列表，因此也就不能告诉使用者了。
l 替代内容。文本可以作为页面内容的通用替代内容，如img标签的alt属性值、a标签的title属性值。
<a href=”http://www.alimama.com “ title=”淘宝联盟大促销”>
<img alt=”淘宝联盟大促销” src=”p_w_picpaths/app/sale.jpg”>
</a>
说明：alt属性包含了对该图片的简短描述，以便使无法准确看到该图片的用户（或搜索引擎）使用，title属性负责对链接地址的详细文本描述。
l HTML定义基本交互。实现tab选项卡搜索功能
Search within:
· Dogs
· Cats
· Fish
说明：先考虑基本交互（而不仅仅只加载视觉效果的部分）的话，你就可以简化实现tab搜索效果。现在我们可以只用一个表单来进行所有的搜索，而同时仍然能实现tab选项卡效果（虽然这需要一点样式脚本）。通过AJAX来插入页面内容，那禁用Javascript的用户将无法使用。
四个可访问性标准
l 可感知：人们可以通过适合自己的媒体来获知网页内容。比如应当让盲人得以收听页面内容。例如，图像应该有文本对应。
l 可操作：人们可以与web应用程序或内容进行交互。例如，用户应该可以不用鼠标也能与某个网站进行交互，并且可以通过屏幕阅读器来进行导航。
l 可理解：使用者可以弄懂页面内容和用户界面。例如，正文不应该比它需要的更加复杂，且网站应以可预测的方法来运行。
l 健壮性：所一桶的一切服务都应当不受平台或操作系统的限制。这样就可以避免人们提供一些不太完善的服务，这些服务会因为硬件/软件的限制而导致大多数人都无法使用。
说明：网站并不是必须满足全部这些要求，要视网站用户类型而定，但为了实现可访问性，网站应当确保其页面可以用一般的屏幕阅读技术读取。
参考文章：
支付宝前端开发组：
http://www.cnblogs.com/mofish/archive/2010/10/13/1850455.html
http://www.alibuybuy.com/posts/55190.html
