网站制作完成后的如何测试

日期:2011年07月06日

测试相结合的半自动和手动相结合的方法,下面列出。

  • 验证您的标记
  • 关闭层叠样式表
  • 在多个Web浏览器查看
  • 查看在非图形化浏览器
  • 测试使用不同的屏幕分辨率
  • 使用辅助功能评估工具
  • 检查您使用的颜色
  • 测试键盘辅助
  • 测试音频内容
  • 禁用脚本
  • 评论内容
  • 有其他测试
  • 歌剧尝试

您不必跟随在它所显示的顺序列表,或完成每个测试,每次的类型。相反,当你变得更融入你的设计无障碍措施熟悉,你会知道什么事情也找了,你已经掌握了哪些项目。然而,您的网页和应用程序,预计这些测试方法符合,即使你省略某些步骤。

 

验证您的标记

良好的,符合标准的HTML提供了一个可访问网站的基础。您的标记,语法和样式表没有这些错误应该通过W3C验证器:

  • http://jigsaw.w3.org/css-validator - CSS验证器
  • http://validator.w3.org - HTML和XHTML验证器

确保您以正确的编码

 

关闭层叠样式表

层叠样式表(CSS)是为介绍和推荐的网页内容定位技术。然而,一些CSS属性和技术可以使页面上的内容无法访问。始终测试您的网页或在已禁用CSS浏览器应用程序。

当您查看您的页面没有CSS,颜色和字体的变化,并且页面将线性化的方式类似屏幕阅读器将读取它。这将帮助您确定您的内容使得没有时尚感,如果网页是在一个合乎逻辑的方式组织,如果表单控件仍然辨认。查看没有CSS使您的网页也可以给你一个如何旧版浏览器可能会显示内容的理解。

 

在多个Web浏览器查看

虽然仍然占主导地位的Internet Explorer浏览器被大多数人所使用,以确保您的网页或应用程序的外观和功能,以及在其他浏览器是一种通用设计的基本元素。随时查看和测试至少在两个图形Web浏览器如Internet Explorer和Netscape(最好是像旧版本4.76)等产品。其中包括一个“另类”,如浏览器 歌剧,火狐, Safari浏览器, galeon的,等等,是理想的。

Internet Explorer是非常宽容的,当涉及到HTML和CSS错误的,它通常会弥补破碎标记或不当的语法。一个页面在Internet Explorer中看起来可能是一个很大的混乱错杂查看时使用更符合标准的浏览器。跨多个浏览器测试时,CSS是非常关键的定位和格式使用。一些CSS引用处理非常不同的方式在每个W​​eb浏览器,特别是填充和定位属性。其他参考的浏览器特定的,例如,鼠标悬停和一些边界和文本格式的属性。

您的网页或应用应充分功​​能,内容和布局应该是有意义的。不过,页没有看在每个浏览器相同的。相反,确保内容定位在页面上,即正确识别超链接,没有文字是重叠的,所有的形式和应用控制正常工作等。

 

查看在非图形化浏览器

一个非图形化的浏览器不载入图像或显示内容根据表或CSS结构。这种测试方法可以实现两个目标。首先,它使您能够看到您的网页内容上的图像时表示无法访问或加载。您还可以实现关闭在Web浏览器的图像的。

其次,你可以得到一个怎样的页面时,浏览或以线性的方式阅读的想法。这是很重要的定位是否使用布局表格或CSS。屏幕阅读器将显示一个表的结​​构是否存在。在纯文字的浏览器将完全忽略表。然而,无论将线性化的页面结构和显示内容的表格单元格是只读从左至右,细胞的细胞,在页面顶部的左上角开始。

为了测试,如屏幕阅读器使用JAWS, 网页阅读器,像纯文本浏览器Lynx的 或类似模拟器山猫- ME。

测试时,要注意如何在您的网页内容显示出来。如果内容没有意义,或者如果它在这样一个从一个表的列文与其他文字混合的方式流动,则需要进行进一步的修改,以确保它是可访问。检查是否适当的替代文字是所有可用的图像,并认为是有意义的替代文本时,阅读或其他文本内的其他页面上的情况下听到。

 

测试使用不同的屏幕分辨率

许多人使用的无障碍来作为他们的操作系统捆绑在一起的一部分功能。屏幕放大人与人之间谁通常戴老花镜,或那些有视觉障碍谁按年龄造成的,青光眼,黄斑变性,损伤和疾病流行。

工具可作为操作系统的一部分,例如,在Windows 2000,放大倍数可以通过将打开开始>程序>辅助功能>放大镜上。另外,一些人使用较低的屏幕分辨率,以防止眼睛疲劳。字体可以增加或通过选择浏览器和/或操作系统设置减少。同样,新技术,例如允许人们观看大型,高分辨率显示器的网页,液晶电视。其他人可能使用手持设备访问您的网页。

一个好的方法来测试,如果您的页面将访问是改变你的屏幕分辨率。一旦你在你的页面设计和布局结构或应用程序解决的,应当在下列测试屏幕分辨率:640 × 480,800 × 600,1024 × 768和1280 × 1024。有些浏览器可能需要刷新页面,看看页面在不同的分辨率看起来。此外,最大化和最小化之间进行切换,或调整您的浏览器窗口,看看如何调整的内容。

一个成功的设计将在所有决议液,使内容填充浏览器窗口正常,而且形式和应用控制很容易,而不会造成过多的横向滚动使用。如果您有图像,包含文字,确保文本仍然是可读的。如果没有,可以考虑使用纯文字。使用相对在CSS和表属性的大小将确保您的网页转换好。

 

使用辅助功能评估工具

辅助工具,有助于了解各种第508条和W3C检查站,和他们一起提供具体的例子,伟大的秘诀。两种最流行 ​​的半自动辅助检查程序是鲍比 和 WAVE。

虽然这些工具可用于检测必不可少的,他们不能保证你已达到每一个检查点。有些关卡需要视觉或手动用户测试,其他涉及到一些解释,一些辅助技术仍被业界领袖进行辩论。因此,努力满足尽可能多的关卡,即使超出这个网站列出的路要走。但是,不显示任何图标或链接的状态,你的页面已经通过了检查。您的网页,应用程序或网站涵盖本网站所定义的开放的政策。

作为参考,一致性A级符合WCAG 1.0优先权1方针,一致性符合WCAG 1.0 AA级和2级1准则(这是建议的水平本网站所述),AAA级和一致性符合WCAG 1.0的所有优先级1,2和3准则。

 

检查您使用的颜色

有视觉障碍的一些人使用高对比度设置来查看网页。色盲也影响了人口的很大一部分。始终评估您对色彩的运用,以确保它是不是唯一的方法来传递信息使用。

为了测试,更改显示器的显示颜色为灰度,​​或打印出您的网页在灰度或黑白。内容是否还有意义?要特别注意在图像和文字的形式或应用控制。例如,地图图例元素通常由不同颜色传达阴影。是传说中的另一种方式的项目不仅仅是其他颜色,例如,为代表,通过数字或符号几何?观察是否到的图像或文字的对比页面的背景是足够的。

一个有用的色盲测试是从现有的 Vischeck。这是一个好主意,对设计进行测试和模拟图像使用的每一个:deuteranope和红色盲者(红/绿赤字)和tritanope(蓝色/黄色的赤字)。这将帮助您确定是否有使用任何颜色组合,可与某些色盲用户没有什么区别。

 

测试键盘辅助

市民可浏览您的网站使用各种原因,键盘。有人发现,控制鼠标是困难的,因为作为帕金森病的或多发性硬化症等。其他人可能有他们的手受伤或限制使用。有些人可能使用辅助技术。例如,屏幕阅读器的命令是完全键盘驱动。其他人只是喜欢的键盘,发现它更快,更不是重复的鼠标操作痛苦。

确保你所创建的内容是键盘访问。如果不使用鼠标,使用TAB键导航通过超链接和窗体控件。您应该能够访问一个简单的逻辑顺序链接和表单标签控制,而不是由所有在页面跳跃。您应该能够启动链接或使用ENTER提交资料和/或箭头键。

 

测试音频内容

有些人谁访问你的内容可能是耳聋或有听力障碍。如果您已经创建或多媒体节目内容是声音,声音测试您的网页或扬声器关闭。确保音频内容仍是通过文字等同使用。根据内容的复杂性,这可能导致包括同步字幕,成绩单,或文字说明。

 

禁用脚本

如果您有包含JavaScript事件处理程序或其他脚本内容,在Web浏览器禁用脚本和测试您的网页或应用程序。此测试并不表示您是否已达到易读性指引,例如,确保如果是设备无关和键盘访问。相反,它会帮助你确定脚本被认为是必要或必需的。如果网页内容仍然可以访问,以及应用程序的主要任务可以完成,当你已经禁用脚本,则脚本被认为是可有可无的,它并不需要直接访问。否则,你的脚本必须符合无障碍本网站列出的准则。

 

评论内容

回顾您的清晰度和简单的书面内容。如果您的网页内容没有意义,那么你抵制你的其他辅助功能的所有努力。复制文本并粘贴到文字处理文档,检查拼写和语法错误的。屏幕阅读器和语音合成器往往是“猜”字意味着什么,如果它有一个拼写错误。这可以迷惑你的部分旅客。短语和语法不清的问题可以减少阅读理解。像这些简单的错误也让你的页面上出现不专业和你的访问者会认为你的网页是不是一个可靠的信息来源。

 

有其他测试

如果你是作出重大的设计修改,建设一个独立的网站,创建一个复杂的表格,或基于Web的应用程序,它有助于进行更广泛的用户测试。您的测试可以捕捉很多的设计和可访问性问题,但其他一些人的投入将几乎总是立即捕捉任何明显的问题。当你有疑问,总是寻求反馈。人们一般都乐于成人之美,如果需要,一个正式的焦点小组可以成立的。

当反馈来看,寻求不同的残疾,不同专业的技术水平,不同层次的熟悉与您的内容的人。

如果你正在测试特定辅助功能,包括人们谁经常使用的辅助技术,您所设计的,因为他们将能够更好地确定你的页面或应用程序的可用性相比,他们的其他Web体验。例如,要求其他开发人员来检查你的页面使用屏幕阅读器并不像有一个人谁使用该设备每天测试你的页面有效。

 

歌剧尝试

寻找一个伟大的全能的选择吗?Opera Web浏览器是一个奇妙的测试工具的开发。因为它是一个标准的HTML,如果你对歌剧的设计,你可以放心,您可以使用任何网页浏览器中查看。歌剧是开发谁想要测试的内容,并与许多残疾用户的理想选择。

歌剧有一个用户模式,使一个人认为在许多不同的方式,包括Web内容,但不局限于品种:禁用CSS,模拟文本浏览器,高对比度的设置,禁用表。页面可以降低到20%或放大高达1000%以上。

通过菜单快速设定,您可以启用或禁用声音,爪哇,JavaScript中,插件和弹出窗口。您也可以识别为Opera浏览器,Mozilla的标准,或MSIE,它可以成为有用的形式和应用控制测试的步骤。它甚至有一个小屏幕视图,它作为一个合理的PDA模拟器服务。而且,图像可以打开或关闭使用工具栏上的切换按钮。

所有这些变化,可迅速,方便地在飞行,而不需要刷新页面。从www.etion.cn了解更多

Tags:可用性
上一篇文章:为网站提供一个基于文本的网站地图
下一篇文章:网站制作时自定义错误页面