网站508规范（译）（4）

<d>可读性[Readability]

<d>文档应该结构化，在不需要相关样式表的情况下他们是可读的。

什么是样式表所构成的潜在问题？

样式表可以使用户能够确定具体的浏览方式，以容纳他们的残疾。例如，的用户低视力可能创建了自己的样式表，这样他们访问中不管有什么样的网页，所有的文本内容以一个特大号白色字体显示在黑色的背景上。如果设计师成立了自己的页面，以凌驾用户自定义样式表，残障人士可能无法使用这些页面。为了良好体验，至关重要的设计师确保他们的网页不会干预用户自定义样式表。

一般而言， "安全"和最有用的形式是采用"外部"样式表，该样式规则设立在一个单独的文件中。一个外部样式表的例子：

例如源代码：

 <link rel=stylesheet type="text / css" href="section508.css>

<e>服务器端的图像地图[Server-Side Image Maps]

<e>应为服务器端图像地图的每个热点区提供额外的文本链接。

"图像地图"是如果的工作？

"图像地图"是一个网页上的图片（往往是一个实际的地图），当用户点击图像的不同部分时提供了到其它网页的不同"链接" 。有两个基本类型的图像地图 "客户端图像地图"和"服务器端的图像地图" 。对于客户端的图像地图，让在图片上的每一“热点”可以指定自己的"链接" （叫作URL或"统一资源 * " ） ，当选定部分图片时，对应的网页将被检索。HTML允许每个“热点”有自己的替代文本，就像一个图片可以有替代文本（见<a>条） 。相比之下，点击一个服务器端图像地图的位置，当鼠标按下时仅仅明确了图像上的坐标。最终选择的链接或URL必须由计算机网页服务器编译。

为什么这个提供是必要？

当网页上使用服务器端的图像地图来给当前用户提供选择的选项时，当地图的热区被激活，浏览器不能将后续的URL显示给用户。因此，对于那些无法看到或是无法准确的点击地图的人来说，有必要额外的提供进入该网页的文本链接。

<f>客户端图像地图[Client-Side Image Maps]

<f>客户端图像地图应提供与其对应的服务器端图像地图，除非该热区不能用一个几何形状定义。

为什么客户端图像地图能够提供更好服务呢？

客户端的图像地图不同于服务器端的图像地图，它可以让作者（原文是author）把每张影图像地图的"热点"转化成文本 。此功能是指有人利用屏幕阅读器可以很容易识别，并激活地图上的地区。解释如何构造这些图像地图，将有助于理解这一问题。
创造一个基本的客户端图像地图需要一下几个步骤：

• 确定一个图像作为地图。首先，有一个要被用在客户端的图像地图的图像。这个图像用<IMG>标签确定，用" usemap "属性确定它当作一张地图。
  

• 使用<MAP>标签来"区域化"这个地图。该<MAP>标签是一个容器标签，其中包括各种用来识别特定部分图象的<AREA>标签。
  

• 使用<AREA>标签来确定地图区域。使用<MAP>上的<AREA>标签用来确定地图上的一个区域。使用相当容易的描述就可以使此客户端图像地图被查阅：直接在描述地区的每个<AREA>标签里面加上"ALT"属性。以下的HTML代码，显示如何制作客户端影像地图：

<img src="navbar.gif" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,2,64,19" href="general.html" alt="information about us" >
<area shape="rect" coords="65,2,166,20" href="jobs.html" alt="job opportunities" >
<area shape="rect" coords="167,2,212,19" href="faq.html" alt="Frequently Asked Questions" >
<area shape="rect" coords="214,2,318,21" href="location.html" alt="How to find us" >
<area shape="rect" coords="319,2,399,23" href="contact.html" alt="How to contact us" >
</map>