网页可读性设计 – 10个web设计可读性评估工具

二月 9, 2009

网页可读性[Web Accessibility]测试(针对个别有能力缺陷的人们,你的网站对他们是否可用)是网站设计和开发中经常被忽略的部分。网页易读性是很重要的,这不仅是因为您的内容将获得更广泛的观众,而且还能因为纠正网页易读性问题获得其他的好处,比如更清晰和更语义相关的代码,以及或者更好的搜索引擎索引指数。

在本文中,你将发现10个免费的网页可读性工具,他们可以帮助你评估和纠正那些降低你网站可读性的问题。我们在挑选这些工具的时候,特别注重了工具的易用性,因此这些工具都非常容易上手,唯一的不足就是它们都是英文的。

1. Firefox Accessibility Extension

Firefox Accessibility Extension - screen shot.

Firefox 可读性扩展是一个Firfox工具条,它允许你检查web网页并判定该网页的可读性。它有一个非常有帮助的功能就是,“Text Equivalents”菜单可以让你生成一个图象和链接等元素的列表,并向你展示他们是否是标准兼容的。 你还可以直接从工具条启用类似W3C的 HTML ValidatorLink Checker 等第三方的应用程序服务

2. aDesigner

aDesigner - screen shot.

aDesigner 由IBM开发,该工具可以模拟视力障碍人士的经验,让网页设计师可以更好的理解如何将网页展示给屏幕前的读者。它有丰富的功能,以网页可读性指导方针为依据模拟视力障碍或视力损伤人士生成摘要的和详细的报告。

3. EvalAccess

EvalAccess - screen shot.

EvalAccess 基于Web的网站可读性测试服务。你可以针对整个网站或者其中一个网页,甚至是你的HTML源代码来进行可读性测试。它可以检查出那些违背W3C网页内容可读性标准(WCAG1.0)的错误并进行标记,提供给你一个简要的错误、警告报告,并分列出每个错误的信息。

4. WebAnywhere

WebAnywhere - screen shot.

WebAnywhere 基于浏览器的web应用程序,是一个类似于JAWS的屏幕阅读工具(Jaws屏幕阅读器 – Jaws Screen Reader 是全世界使用最广泛的屏幕阅读器,它配合您的个人电脑使用,使您能够访问软件应用及英特网。Jaws软件的中文本地化可以参考这里:http://www.kanhan.com/sales/jaws/)。

WebAnywhere 是一个由美国华盛顿大学所开发的网页读屏方案,只要用家使用的计算机装置能连接到万维网浏览网页,并且可实时播放网页内的 MP3 音讯,就可在程序的语音导引下浏览网页,失明人的计算机可无须执行或安装什么读屏软件一样可在网上游走,那些需花费过千过万来购买的读屏也不用了,软件让 视障人士可以真正实现随时随地上网的愿望。还有,这个WebAnywhere 主程序也是免费和开放源代码的啊。

使用 WebAnywhere 的方法很简单,只要利用计算机装置的网页浏览器造访WebAnywhere 的服务器网站,透过该网站浏览其它网页,程序会把网页的内容转化为 MP3 语音讯息,然后传送到你的计算机装置这边,装置就会把讯息播放出来导引用户浏览网页。另一方面,用家的装置也会把用家的按键指令迅速的传送到程序服务器那 边,让程序作出实时的反应,使得双方都能保持良好的互动效果。

香港某科技公司也发展了类似的网页语音服务器系统,但这个WebAnywhere 比它优胜得多,下面列举一些优胜之处:

* 程序是免费和开放源代码的,不但其它的计算机系统也可安装主程序成为 WebAnywhere 服务器,而且程序本身也可让其它人修改,让程序更能切合用家的特殊需要.

* 理论上,所有网页都能通过程序服务器,提供实时语音导览的功能,任何被浏览的网站都无须预先加入语音朗读功能.

* 用户可随时利用预设的快速键,移到并读出网页内的一个单字、一个单句、一个段落的文字等;至于快速跳到标题(headings)、窗体字段(forms field)和超级链接等项目也没问题。在网页内的表格(tables)方面呢,一样有专属的快速键和功能,可读出一个贮存隔、一列和一行的内容.

* 假如网页内包含窗体项目,用户也可随即填写.

* 程序可让用家更改一些个人的喜好设定,并且可把这些设定储存起来,到下次使用程序时套用该些设定.

* 不论使用什么计算机装置或操作系统或网页浏览器,只要装置能联机至万维网,浏览器能联机到程序服务器网站,并能实时播放网页内的 MP3 音讯就可使用程序,所以如果你的智能手机或个人数码助理(PDA)符合上述条件,你也可随时随地在网上游走.

在 现阶段来说,程序暂时只能说英语,但相信在不久的将来,它也会说其它的语言。目前程序是透过 Linux 系统的一个语音引擎 Festival 来提供语音朗读服务,据笔者了解,协助发展中文 eSpeak 的黄冠能先生,也花了不少心力和时间开发了另一套免费且开放源代码的中文语音引擎「余音(Ekho)」,它的语音比 eSpeak 更为清晰,如果能配合这个 WebAnywhere 一起使用那就皆大欢喜了。

5. Web Accessibility Inspector

Web Accessibility Inspector - screen shot.

Web Accessibility Inspector由日本富士通[Fujitsu]开发,是一个显示网页可读性问题的桌面应用程序。你可以指定一个文件,目录,或者URL来运行检查。该软件还有一个”View on the screen” 选项,可以在浏览器窗口中标记出有可读性问题的内容。

6. Vischeck

Vischeck - screen shot.

Vischeck 可以模拟网页或者图片在有颜色辨别缺陷的色盲眼中的外观,它可以模拟3种类型的色盲。你可以通过输入一个网址或者上传一副图片来进行测试。

7. Accessibility Color Wheel

Accessibility Color Wheel - screen shot.

Accessibility Color Wheel 也是一个基于web的可读性辅助工具,它帮助你选择背景颜色和前景颜色。你可以输入你想测试的颜色的16进制数值,或者通过color wheel来选择一个颜色进行测试。

8. Colour Contrast Analyser

Colour Contrast Analyser - screen shot.

颜色对比分析器由Juicy Studio公司开发,也是一个Firefox扩展,可以检查文档对象模型[Document Object Model]中的所有元素来进行颜色对比,以此来保证内容对有颜色障碍或者视力障碍人士的可读性。它依据W3C的 “Techniques For Accessibility Evaluation And Repair Tools” (AERT)建议来使用不同的颜色和亮度机制。

Juicy Studio还有其他一系列的web可读性评估工具,比如 Readability Test, CSS Analyser, 以及 Image Analyser等等。

9. TAW Web Accessibility Test

TAW Web Accessibility Test - screen shot.

TAW Web可读性测试工具依据WCAG1.0标准来评估你的网站可读性。它直接在网页上面标注出有问题的地方,允许你快速的查看错误出现在什么地方,点击错误或者警告指示器将为你总结出问题的摘要。它能够形象的指出你网页上需要改进可读性的区域。

10. Web Accessibility Toolbar

Web Accessibility Toolbar - screen shot.

Web Accessibility Toolbar (WAT)是一个针对IE浏览器和Opera浏览器的扩展插件,提供给设计人员大量的有用工具和功能,帮助他们分析网页的可读性。其中一个非常有用的特色就是 Greyscale (Colour > Greyscale) 灰阶功能,让网页溶解在白色和黑色中间,帮助你找出设计中对比度低的设计区域。

翻译:互联网营销博客网页可读性设计 – 10个web设计可读性评估工具

原著:Six revisions10 Tools for Evaluating Web Design Accessibility

参考资源:

网站设计工具 – 评估网站设计有效性的7个有用工具

10个免费的web分析工具 – 网站访客分析及可用性研究

如何了解你的网站访客:网站数据收集与分析

14个免费网站可用性工具,揭示人们为什么放弃你的网站

网站可用性设计 – 6个最普遍的可用性设计错误

subscribe4

无觅相关文章插件

发表评论

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议