WebAIM-考虑到Web可访问性

基于Mozilla浏览器的Web开发人员扩展

Web开发人员扩展简介

这个Web开发人员扩展,由Chris Pederick创作,是一个非常受欢迎和有用的网页设计师资源。本节将特别关注此扩展提供的工具,这些工具可以帮助开发人员创建更易于访问的Web内容。万博体育官网网址

注释

这个扩展是为铬设计的,火狐,以及Opera Web浏览器,并将在任何支持这些浏览器的平台上运行。安装时,它使用各种工具向浏览器添加了一个可配置的菜单和工具栏,以帮助Web开发人员。

使用扩展名

第一,按照提供的说明下载并安装这个扩展。

下一步,使用浏览器,确保您知道如何查找Web开发人员菜单项(工具>Web开发人员)或者显示工具栏本身(视图>工具栏>Web开发人员工具栏

现在,我们将探讨工具栏中的一些工具,这些工具对于那些有兴趣创建可访问Web内容的人特别有用。万博体育官网网址两个菜单,CSS和表单,不会讨论,因为它们提供的工具比访问问题更关注一般的Web开发。

禁用

禁用菜单选项此选项下的选项允许在网站中禁用不同的项目。从可达性的角度来看,其中最重要的考虑是禁用图像,风格,页面颜色,和JavaScript。

禁用图像允许Web开发人员查看图像的可选文本,在放置图像的上下文中。禁用样式允许开发人员“查看”屏幕阅读器如何大声读取内容。开发人员应该注意阅读顺序,以及缺少颜色和位置是否影响内容的含义。禁用页面颜色会创建页面的高对比度版本,类似于一些视力低下的人的环境,尽管其中一些人更喜欢深色背景和浅色文本的倒转配色方案。

禁用javascript允许开发人员确定当javascript关闭时页面是否至少正常工作,因为它使用了一些辅助技术。在Web内容可访问性指南2.0版,只要满足可访问性参数,就允许使用javascript(请参见JavaScript)第508节指南采取了类似的立场。Web内容可访问性指南1.0版采取这样的立场:即使关闭了javascript,内容也应该是可访问的。万博体育官网网址

图像

图像菜单选项虽然可以使用“禁用”菜单禁用图像,图像选择菜单提供了更深入地检查Web内容中图像的机会。此菜单具有可选择的选项:

  • 显示网页中哪些图像为空(或为空)中高音文本。
  • 显示哪些图像没有中高音全文。
  • 将页面上的图像替换为中高音文本。

网页中的所有图像都应该有意义中高音文本或空中高音文本。传达重要信息的图像应该有意义中高音文本。不向Web用户传递重要信息的装饰图像应为空。中高音文本(或如本菜单所述,空的中高音课文)。查看哪些图像没有中高音文本有助于防止离开时出现一个更常见的可访问性错误。中高音一起发短信。

问询处

信息菜单选项“信息”菜单提供了大量帮助来识别TAB顺序访问密钥属性,详细页面信息(所有链接,所有图像)和身份证件细节,等。这些信息对于创建可访问内容的Web开发人员很重要,因为他们可能会看到使用屏幕阅读器的人将如何体验其内容。万博体育官网网址一TAB顺序,和访问密钥属性,正确创建,为使用辅助技术(如屏幕阅读器)的用户提供键盘导航选项。详细页面信息中的链接列表可以帮助开发人员确定他们是否为链接创建了适当的描述性名称,并且没有对不同的链接使用相同的文本,如“单击此处”。显示身份证件详细信息有助于样式表故障排除。

其他

其他菜单选项Miscellaneous菜单有一个用于使页面线性化的选项。这有助于了解一些辅助技术如何解释您的网页。此菜单还提供放大或缩小选项,可查看屏幕放大镜(低视力者使用)如何显示页面内容。

Miscellaneous菜单还包含查看W3C创建的重要标准文档的选项。这些文档包括CSS,wcag 1.0(列为1)和HTML。所有Web开发人员必须熟悉这些内容,并且能够设计和开发符合W3C标准的Web内容,这一点很重要。

轮廓

大纲菜单选项大纲菜单下的选项可用于显示网页代码中任何不推荐使用的元素。万博体育官网网址可访问的内容必须遵循HTML的当前标准,这意味着不推荐使用的元素应替换为符合当前标准的代码。

大纲下的另一个菜单项显示没有标题的链接。这有助于开发人员了解链接标题的使用是一致和适当的。

调整大小

调整菜单大小选项“调整大小”菜单可用于将Web浏览器窗口更改为800 x 600或您指定的任何其他大小。这对于那些使用屏幕放大镜放大屏幕内容的人或那些使用旧显示器浏览网页的人来说是很有用的,或新的支持网络的移动设备。这也有助于满足wcag 2.0的第四个原则,即“内容必须足够健壮,才能与当前和未来的技术协同工作”。

工具

工具菜单选项“工具”菜单提供了验证几乎所有关于页面的内容的机会:html,CSS,链接,和可进入性(列为第508节和)这是开发可访问内容的必要步骤。万博体育官网网址

可以使用Web Developer扩展的“选项”菜单将其他验证工具添加到“工具”菜单。(选项>选项,选择工具然后添加

“工具”菜单还提供查看页面速度报告的选项。这有助于评估内容(wcag 2.0的原则之一)对于各种连接速度的健壮性。下载时间的速度也是澳大利亚的指导方针之一。联邦最低网站标准指南:电子出版-界面设计

选项

选项菜单选项在选项菜单下,可以将其他评估工具添加到“工具”菜单。如果您选择使用的工具比列出的工具更频繁,这将特别有用。要将wave添加到工具列表中,请将此行添加为url:http://wave.www.kanehsu.com/report?网址=