增强网站可访问性的25种方法
随着web使用量的增加和人们网络意识的增强，可访问性（或“通用设计”）变得更加重要。可访问性不仅取决于一个网站的代码，还受网站设计和内容的影响，这就是为什么可访问性、标准和可用性关系如此紧密。
网页无障碍是一个庞大的课题，已自成一个领域。 但不要被它吓到。无障碍并不是非常难以实施。它并不会像一些人想象的会有碍美观或影响交互。这是一种高明的（smart）设计和开发方式。
让我们来看看建立一个无障碍网站的25个重要技术。
1.一致的布局和结构
为了帮助用户快速和轻松地浏览您的网站，你应该提供一个一致的布局和结构。页面的主要元素——banner、navigation、sidebar侧栏，在整个网站中应该出现在的相同位置 。他们也应该标记一致，如使用同一标题结构（heading structure）。这有利于认知障碍者和使用屏幕阅读器（用来处理屏幕上的内容，并大声读出）的用户访问。
2.为图片添加替代文本
不幸的是，虽然替代文本已是家喻户晓，但它常常被忽视或不正确使用。图像元素的alt属性为图片提供了文字描述。当图片不可见时——如碰到盲人用户、搜索引擎、图像禁用和坏链情况时，可以通过alt文本来访问图片的“内容”。下面是替代文本的一些最佳做法：
- 1.如果文本嵌入在图像中，将文本添加到alt属性。
- 2.装饰性图片应该由CSS处理。如果不能由css处理，应加空alt属性（例如<img src=”decor.jpg” alt=”" />）。这不仅能通过验证，还能告知辅助技术该图片不包含任何意义。
- 3.对于某些图片，如图表和插图等，需要更长的描述。有多种方法可以添加长描述，例如：在行内增加内容，使用“D – Link”（译者注：D表示description，该链接的链接文本为D，表示链接至详细描述页面 ，如<a href=”detail.html”>D</a>），或使用longdesc属性（译者注：HTML5已废弃longdesc 属性）。
- 4.如果一个链接只包含图像内容，那么alt文本应描述链接的功能，而不是图像本身。
3.使用页面标题
页面标题是一个网页的基本构建块。如前所述，它能为HTML文档提供一个一致的结构。例如，H1元素可能包含网页或网站的标题，H2可能表示该网页的标题。这不仅有助于屏幕阅读器用户浏览，而且使页面易于明眼用户阅读。标题也有利于SEO（但不要滥用标题，谷歌会发现并惩罚你滴！）。
切勿仅依靠样式 （如加粗，增加字体大小）来创建标题。始终使用H1至 H6元素，然后使用css修改其外观。如果用户代理不能解析CSS，标题通常默认显示一种格式，可以维持文档的视觉结构。
错误：<span style=”font-size:2em”> <b>我的网页标题</b> </span>
正确：<h1>我的页面标题</ H1>
4.正确使用标题
