65.9K
CodeProject 正在变化。 阅读更多。
Home

Web 可访问性:基础知识

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.71/5 (4投票s)

2004年6月15日

4分钟阅读

viewsIcon

25792

什么是 Web 可访问性以及为什么它很重要?

引言

网页可访问性是指让您的网站能够被所有互联网用户(包括残障人士和非残障人士)访问,无论他们使用何种浏览技术。除了遵守法律法规外,一个可访问的网站还能为您的网站和业务带来巨大的好处。

请阅读文章 可访问网站的优势 - 第一部分可访问网站的优势 - 第二部分,以了解更多关于网页可访问性的重要性。

您的网站必须能够兼容所有不同的浏览技术

网页可访问性的第一条也是也许最重要的一条规则。并非所有人都使用最新版本的Internet Explorer,以及您可能要求他们为您的网站安装的所有插件和程序。不同的浏览技术可以包括:

  • Lynx浏览器 - 仅文本浏览器,不支持表格、CSS图像、JavaScript、Flash或音频和视频内容。
  • WebTV - 宽度为560px,不支持水平滚动。
  • 屏幕阅读器 - 以页面内容在屏幕上出现的顺序朗读。HTML文档
  • 手持设备 - 屏幕非常小,对JavaScript和大图像的支持有限。
  • 屏幕放大器 - 屏幕上一次可能只能显示三到四个词。
  • 连接速度慢(低于56kb) - 用户可能关闭图像以实现更快的下载速度。
  • 1600px屏幕宽度 - 非常宽的屏幕。

这基本上意味着您必须提供替代方案:

  • 图像 - 以ALT文本形式提供。
  • JavaScript - 通过 <noscript> 标签提供。
  • Flash - 提供HTML替代方案。
  • 音频和视频 - 通过书面文字记录。

您还必须注意,当不支持CSS和/或表格时,您的页面会如何显示。

您可以通过两种好方法来测试所有这些:

表单需要对所有网络用户可访问

当网络用户填写表单时,这是一件好事。人们填写表单是为了:

  • 购买产品
  • 订阅新闻简报
  • 提问

这些是您网站的目标! 网站访问者可能会浏览您的网站,觉得喜欢您看到的内容,并尝试订阅您的新闻简报。

......但该表单对他来说是不可访问的,所以他离开了,您就失去了一个潜在的客户。网络上的大多数表单都是不可访问的。主要有两个原因:

  • 提示文本位置不正确
  • 提示文本未分配给表单项

要了解更多信息,请阅读这篇文章 使您的表单可访问

所有用户都应该能够快速处理您网站上的内容

我们通常不阅读网页。我们 扫描,尽可能快地寻找我们想要的东西。在普通显示器上,我们向下滚动页面,查看那些在文本中突出的项目:标题、链接、粗体文本和项目符号。非键盘和视障用户通常通过制表键在标题或链接之间进行扫描。

确保您使用标题、链接、粗体文本和项目符号,并且它们包含描述性文本。例如,切勿将链接文本设置为“点击此处”。

结构和呈现应完全分离

通过分离结构和呈现,您的网站将足够灵活,为互联网的未来做好准备,例如PDA、手机、车载浏览器、WebTV和1600px屏幕。

文档的结构是其组织方式,通常包含导航菜单项、标题、副标题、段落、列表和链接。文档的呈现是这些文字和图像如何呈现给最终用户的。

这背后的主要原则是使用CSS而不是表格来布局您的网页。查看 HTML Dog 以获取一些很棒的CSS技巧和信息。

分离结构和呈现不仅仅是使用CSS来布局网页。请查看这个 HTML 元素列表,它会告诉您哪些元素是结构性的,哪些是呈现性的。您可以,也应该,避免使用呈现性元素,因为它们可能会导致您的网站对某些用户来说变得不可访问。

最终用户应该能够控制您的网页

所有网络用户都有独特的使用互联网的要求,这取决于他们使用的浏览器类型,或者他们可能有的任何残障或障碍。通过将控制权交还给您的用户,他们将能够以最适合他们的方式使用您的网站。

这可能意味着允许用户调整文本大小,在链接将在新窗口中打开时警告他们,或者在屏幕顶部提供一个直接将用户带到页面内容的链接。

© . All rights reserved.