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

介绍了Web开发人员扩展

Web开发人员扩展由克里斯•Pederick网页设计师来说是一个非常受欢迎的和有用的资源本节将特别关注这个扩展提供的工具可以帮助开发人员创建更加万博体育官网网址web内容。

请注意

This extension is designed for Chrome, Firefox, and Opera web browser and will run on any platform that supports these browsers安装后,它将一个可配置的菜单和工具栏添加到浏览器用各种工具来帮助web开发人员。

使用扩展

首先,按照提供的指令下载并安装这个扩展。

接下来,使用浏览器时,确保你知道如何找到Web开发者菜单项(工具> Web开发人员)或显示工具栏本身(视图>工具栏> Web开发人员工具栏)。

现在我们将探讨一些工具栏中的各种工具,尤其是对那些有兴趣创建有用的万博体育官网网址web内容的两个菜单,CSS和形式,将不会讨论,因为他们提供工具,比他们更关注通用web开发访问问题。

禁用

禁用菜单选项选择下面的选项允许不同的物品在一个网站被禁用从可访问性的角度看,其中最重要的要考虑的禁用图像、样式、页面的颜色,和JavaScript。

禁用图像允许web开发人员查看替代文本的图像,在图像被放置的地方禁用风格允许开发者“看见”屏幕阅读器大声朗读的内容开发人员应该注意诸如阅读顺序,是否缺少颜色和位置影响的意义内容禁用页面颜色创建一个高对比度的版本的页面,类似于设置的低视力患者,尽管其中一些个人喜欢倒暗背景光和文本的配色方案。

禁用JavaScript允许开发人员确定页面至少功能,当JavaScript是关闭的,因为它是一些辅助技术在2.0版本的Web内容可访问性指南,JavaScript是允许的,只要符合可访问性参数(见JavaScript)第508条指导方针采取类似立场。1.0版本的Web内容可访问性指南的立场,内容应该是万博体育官网网址即使JavaScript是关闭的。

图片

图像菜单选项虽然图像可以被禁用使用禁用菜单,选择菜单的图像提供了机会,在web内容更深入地检查图像这个菜单选项,可以选择:

  • web页面的显示图像空(null)alt文本。
  • 图片没有显示alt文本。
  • 用他们代替图像在页面上alt文本。

所有图片在一个web页面应该有意义alt文本或空alt文本图像传达重要的信息应该有意义alt文本装饰图像不传达重要信息的网络用户应该为空alt文本(或本菜单介绍,空的alt文本)看到这图片没有的选项alt文本可以有助于防止一个更常见的可访问性错误的离开alt文本在一起。

信息

信息菜单选项菜单提供了大量的信息帮助识别等tabindex,accesskeyattributes, detailed page information (all links, all images), andid细节等这个信息是很重要的web开发人员创建万博体育官网网址内容,因为他们可以看到的人如何使用屏幕阅读器将体验他们的内容一个tabindex,accesskey创建属性,正确,提供键盘导航选项使用屏幕阅读器这样的辅助技术The list of links in the detailed page information can help developers determine if they have created appropriate descriptive names for links and not used the same text for different links, such as "click here." Displayingid细节有助于样式表故障排除。

杂项

各种各样的菜单选项线性化的杂项菜单有一个选项页面这是有用的,看看一些辅助技术可能解释您的web页面这个菜单还提供了有用的选项来放大或缩小,看看屏幕放大镜(低视力患者使用)将显示页面的内容。

杂项菜单中还包含的选项来查看重要文件由W3C标准这些文件包括CSS, WCAG 1.0(列入1)和HTML是很重要的,所有的web开发人员熟悉此内容,并能够设计和开发web内容符合W3C标准。

大纲

大纲菜单选项大纲菜单下的选项可以用来显示任何弃用在web页面的代码元素万博体育官网网址 content must follow current standards for HTML which means that deprecated elements should be replaced with current standards compliant code.

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

调整

调整菜单选项调整菜单可以使用web浏览器窗口更改为800 x 600或任何其他您指定大小这将有助于确保一个设计灵活,对于那些使用屏幕放大镜放大屏幕上的内容或浏览网页使用旧的显示器,或一个新的网络移动设备这也有助于满足WCAG 2.0的四原则,“内容必须足够强大与当前和未来的技术。”

工具

工具菜单选项工具菜单提供了机会来验证几乎所有页面:HTML、CSS、链接和可访问性(列为部分508和)这是一个必要的一步发展中万博体育官网网址内容。

额外的验证工具可能被添加到工具菜单使用Web开发人员扩展的选项菜单(选项>选项中,选择工具然后添加)。

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

选项

选择菜单选项在选项菜单下,额外的评估工具可以被添加到工具菜单这将是特别有用如果你选择使用工具,比上市更频繁波加到你的列表的工具添加这一行作为URL:http://wave.www.kanehsu.com/report?url=