Web设计小组


辅助功能提示




验证

验证HTML文档可能是作者为帮助可访问性所能做的最重要、最简单的事情。验证器根据文档类型定义以确保HTML的语法正确。

在编写HTML时,忘记引号或使用错误的属性值通常很容易做到。虽然许多浏览器会从编写错误中恢复,但恢复的方式往往不同,浏览器的新版本可能会更改错误恢复方法。一个很好的例子是从Netscape 1.22到Netscape 2.0的行为变化;Netscape 1.22不在乎作者是否忘记了代码中的右引号,例如很抱歉,但Netscape 2.0需要右引号。已经过验证的文档在任何浏览器下都可以,但作者刚刚在Netscape 1.22下进行目视检查的文档在Netscape2.0中通常缺少一半内容。

这个西部数据集团 HTML格式验证程序应该用于检查网页。小心错误地自称为验证器的程序; 虽然文档检查器或lint可能是有价值的工具,但它们不能替代HTML验证。

平台独立性

只要可能,网页应该独立于平台,这意味着无论用户的平台和设置如何,都应该可以访问它们。While期间验证是确保平台独立性的关键一步,单靠它是不够的。作者还应该注意确保网页不依赖于特定的分辨率、颜色深度、字体大小或窗口大小。

鼓励关注文档可访问性的作者使用不同的分辨率、颜色深度、字体大小和窗口大小查看页面。精心编写的页面将在任何浏览环境中进行调整并保持可访问性。作者还可以在许多浏览器上查看他们的网页(最好包括一个文本浏览器,如山猫),并可以让朋友大声阅读他们的网页,以模拟盲人或车内用户可能听到的网页。在评估网站的平台独立性时,作者可以使用两个有用的工具网页净化器网页向后兼容性查看器.

由于人们以不同的方式访问Web,因此应该避免使用依赖于平台的短语。例如,“单击此处”对于没有鼠标的任何人来说都是不合适的,并且当在文档末尾大声朗读或打印链接锚点作为摘要时也是无用的。作者还应避免使用以下短语“请参阅下文”自从“下面”在大声朗读文档时是没有意义的。

结构化HTML

在编写HTML时,作者应该专注于结构而不是它的演示文稿。结构化标记的文档可以轻松适应不同的浏览环境。编写HTML时,作者应该考虑内容方法而不是应该如何。如果您希望文本加粗,请考虑为什么?你想要这种风格;如果您真正想要表达强调或强烈强调,请使用HTML相对长度单位STRONG公司元素。

这个FONT公司当强烈强调或标题是预期含义时,元素通常被误用。而不是警告</FONT>,使用<STRONG CLASS=警告>警告</STRONG>(强)具有警告{颜色:红色;背景:透明}在中定义样式表.

一些HTML表示属性,例如排列属性,可以安全地用作表示建议一般来说,样式表提供更灵活的解决方案,既有利于作者,也有利于用户。为了保持可访问性,文档永远不应该依赖的在特定的演示文稿上,包括通过样式表实现的演示文稿。

图像

ALT文本

使用时IMG公司面积元素,作者应该总是使用中高音属性提供文本替代。这个中高音该属性是为那个些并没有加载图像的用户提供的——估计占所有Web用户的30%。

这个中高音属性最好用于提供功能而不是图像的描述图像的。例如,ALT=“欢迎加入Web设计小组”对于那些不加载图像的人来说比ALT=“Web设计组徽标”一般来说,纯文本浏览器的用户山猫应该不知道页面上有任何图像,除非图像是无法完全替换为文本的内容。在这种情况下,例如在相册或美术馆中,图像的功能和描述基本上是相同的,因此对图像的描述适用于中高音文本。

纯粹装饰性的图像应使用ALT=“”以明确表示图像不是内容。装饰子弹应替换为ALT=“*”或者类似的东西——不是ALT=“圆形黄色子弹头”。当图像与文本或其他图像并排时,可能需要某种形式的分隔,例如ALT=“[我的照片]”ALT=“网页设计组~”.

为了深入讨论中高音属性,请参阅文章在IMG中使用ALT文本.

文本的图像

文本图像在网络上很常见,但对于视力差或在小型显示器上分辨率高的人来说,它们可能很难实现。在HTML中,文本的大小是根据用户的首选字体大小确定的,但当使用文本图像时,作者必须为用户选择以像素为单位的绝对字体大小。由于不同的用户有不同的品味,尝试猜测合适的字体大小不是一个好主意。因此,作者应尽可能避免使用文本图像。

级联样式表通常可以用来提供有吸引力的文本,而不需要图像。使用CSS,作者可以建议文本的许多物理属性,包括它的字体,颜色,背景,字母间距,等等。

图像贴图

图像映射是有问题的,因为它们不支持那些不加载图像的映射。使用图像映射时,应尽可能将客户端图像映射与服务器端图像映射结合使用。使用客户端图像映射中高音的属性面积应始终使用元素。

当图像映射不是“自然的”时,应该避免使用。例如,大多数图形工具栏可以更容易、更有效地使用多个单独的图像或简单地使用文本来创建。另一方面,与Web上常见的图形工具栏相比,链接到身体器官的图像地图或链接到一个国家地区的图像地图是自然的,设计也更少。如果可行,在这些情况下,文本替代将很有帮助。

车身颜色

如果使用HTML设置颜色阀体属性,作者应指定全部的颜色属性。通过只指定一个或几个BG颜色,文本,链接,VLINK(超级链接)、和ALINK公司,作者面临无法访问文档的风险,因为用户选择的颜色与作者指定的颜色相比可能无法读取。作为作者,不要假设用户具有与您相同的浏览器设置。

阀体颜色应始终使用十六进制三元组在表单中#rrggbb公司#RRGGBB公司因为较旧的浏览器不支持颜色名称。Netscape 1.22将所有颜色名称解释为蓝色。

使用指定背景图像的作者阀体背景属性还应指定所有颜色属性。请务必选择BG颜色这对于文本颜色来说是可读的,因为那些没有加载图像的人将看到背景色而不是背景图像。

FONT元素

HTML格式FONT公司元素(及其队列BASEFONT公司)通常应避免创建可访问的网站。而属性规范如尺寸=“+1”尺寸=“-1”相对无害,绝对大小如尺寸=1可能导致文本太小而无法阅读。样式表允许作者建议字体大小的相对更改,比允许的更灵活FONT公司.

这个FONT公司元素的颜色属性应该始终避免,因为当用户试图覆盖作者指定的颜色时,许多支持的浏览器仍然支持字体颜色。如果字体颜色与读者选择的背景对比度不好,结果可能是无法阅读的文档。

这个的属性FONT公司元素也不能被用户在许多支持的浏览器中覆盖。这可能导致浏览器在给定用户的平台和环境设置的情况下选择非常难以阅读的字体。请记住,同一字体在您自己的平台之外的其他平台上可能看起来非常不同。

这个属性也不应用于获取希腊字母、数学符号或丁巴。这个FONT公司仅元素建议演示文稿,因此在没有演示文稿的情况下,内容仍然有意义。浏览器不应呈现<FONT FACE=符号>a</FONT>希腊字母alpha;将来可能会更正此错误。

为了更深入地讨论属性,请参见<FONT FACE>被认为有害。关于FONT公司元素是Warren Steel的FONT有什么问题?.

桌子

作者应尽可能避免简单地将表格用于布局。不幸的是,完全避免表格布局会限制作者的灵活性,因为CSS公司布局方法没有得到足够好的支持,无法完全替换表。在使用表格进行布局时,作者应记住以下想法:

JavaScript脚本

并非所有浏览器都支持JavaScript(或JScript或VBScript),一些用户选择禁用它。使用JavaScript时,不应依赖它。

例如,当使用JavaScript从链接中打开一个小弹出窗口时,作者应该使用

<A HREF=“javascript:window.open('foo.html','popup','滚动条,可调整大小,宽度=300,高度=120')">

因为如果没有启用JavaScript,链接将无法运行。以下内容适用于所有浏览器:

<A HREF=“foo.html”ONCLICK=“if(window.open){window.open('foo.html','popup','滚动条,可调整大小,宽度=300,高度=120');返回false;}">


维护人利亚姆·奎因<liam@htmlhelp.com>

Web设计组~ 无障碍指数~为什么要编写可访问的页面? ~无障碍神话