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

十个快速测试以检查您的网站的可访问性

starIconstarIconstarIcon
emptyStarIcon
starIcon
emptyStarIcon

3.89/5 (9投票s)

2005年6月17日

3分钟阅读

viewsIcon

25917

提供良好开端的指导方针,以提高网站对残疾人士的可访问性。

引言

《残疾歧视法》规定,网站必须对残疾人士开放。那么,您如何检查您的网站是否符合标准呢? 您可以进行一些基本测试来解决一些主要问题。 以下列表包括为残疾人士提高可访问性提供良好开端的指南。

1. 检查信息图像的替代文本

将光标悬停在信息图像上,例如,组织徽标。 是否出现黄色框,其中包含对图像的简短、准确的描述? 对于不支持图像的用户的浏览器,此替代文本将是他们将看到(或听到)的内容,以代替图像。

2. 检查装饰性图像的替代文本

将光标悬停在没有任何功能,仅用于美观的装饰图像上。 是否出现一个黄色框,其中包含对图像的描述? 不应该出现。 此图像没有任何用途,因此对于不支持图像的用户的浏览器,没有理由知道它的存在。

但要小心,因为这不是一个万无一失的测试。 如果没有出现黄色框,这可能意味着两件事之一:

  • 图像的替代文本被分配了空值 (alt=""),这意味着它将被不支持图像的浏览器忽略。 这是理想的情况
  • 图像的替代文本根本没有设置,这意味着不支持图像的浏览器的用户将收到其存在的警报,但无法找出其用途 - 这非常令人沮丧! 这肯定不是期望的结果

3. 在关闭音量的情况下“聆听”视频或音频内容

如果关闭扬声器,您显然无法收听或跟随任何音频内容。 听力障碍人士每天都会面临这种情况。 确保您的网站提供书面文本记录,以便听力障碍人士可以理解您的网站传达的信息。

4. 检查表格是否可访问

通常,在表格中的每个项目旁边都有提示文本。 例如,联系表单可能具有提示文本“姓名”、“电子邮件”和“评论”,每个文本旁边都有一个框,供网站用户输入他们的详细信息。 当您单击提示文本时,闪烁的光标是否出现在该文本旁边的框中? 如果没有,您的表单是不可访问的

5. 检查文本是否可以调整大小

您网站上的文本是否会增大? 如果没有,那么您的网站对于视力不好的网站用户是不可访问的。 检查方法:

  • Internet Explorer:查看 › 文本大小
  • Netscape:编辑 › 首选项 › 外观 › 字体
  • Opera:文件 › 首选项 › 字体 › 最小字体大小(像素)

6. 在 Lynx 浏览器中检查您的网站

Lynx 浏览器是一个纯文本浏览器,不支持其他浏览器(例如 Internet Explorer)的许多功能。 您可以使用 Lynx Viewer 检查您的网站在该浏览器中的外观。 如果您的网站有意义,并且可以通过 Lynx 浏览器进行导航,那么它将满足许多 Web 可访问性准则。

7. 检查您是否无需使用鼠标即可访问网站的所有区域

您是否可以使用 Tab、Shift-Tab 和 Return 在您的网站中导航? 如果没有,那么键盘和语音用户也无法做到。

8. 检查是否有站点地图

您能找到站点地图吗? 如果没有,那么在您的网站上迷路的人也找不到。

9. 确保链接文本在上下文中是有意义的

盲人互联网用户通常通过从一个链接到下一个链接进行 Tab 操作来浏览网站。 您网站上的所有链接文本在上下文中是否都有意义? “点击此处”和“更多”是不具描述性的链接文本的两个常见示例。

10. 使用自动化程序检查您的网页

可以在 Internet 上免费获得的两个程序是 BobbyWave。 它们无法为您提供所需的所有信息,因为某些检查必须由人工完成,但它们可以告诉您您的网站可能出错的一些区域。

© . All rights reserved.