Testing Tools for Developing Accessible Web Sites

这里是今天在网上看到的一些”Accessible“测试工具，发上来和大家分享。

对于一个页面设计者来说，我感觉前面5个工具还是非常有用的。

“Accessible”：这个单词我的理解是指是否HTML文档达到W3C标准。所以是“可达性”。请高手指教。

该死的 IE7 “蹦盘事件” ,让我发这个贴发了两次！为什么就不能像FireFox一样，有一个恢复机制。

(1)JavaScript/ECMAScript

Complex Table Inspector: http://www.juicystudio.com/complextableinspector.asp
Gez Lemon of JuicyStudio has put together this wonderful script that exposes hidden accessibility features for data tables. It allows for easy visual identification of the attributes that have been added to make the table more accessible and explains what they mean.

(2)Applications

Tidybot

http://www.kronto.org/tidybot/
是一个跨平台的XHTML检测工具，有两种使用方式一种是命令行，另一种是有用户界面的应用程序。但并没有遵循一个标准，所以检测时不是100%准确。

(3)aDesigner

http://www.alphaworks.ibm.com/tech/adesigner

是一个能的确保页面的可达性，同时个别失明或视觉有问题的人也可以使用这个工具检测页面的可大性，而且是严格遵照accessibility guidelines，它是按照色彩的亮度不同来查找页面元素的。

(4)A-Prompt:

aprompt.snow.utoronto.ca



A-Prompt_1_0_6_0.zip

是一个很好的在Windows上的工具，是每一个开发者都应该有的工具，它能离线提供如WDG HTML Validator 和 W3C HTML Validation Service样的高精度的检测。

(5)Color Contrast Analyser (v1.1):

www.wat-c.org/tools/CCA/1.1/index.html

是Web可达性工具联盟和Vision Australia 一起发布的Color Contrast Analyser最后版，是一个很巧妙的工具能提供foreground 和background色彩的融合度，如测定这个能见度很好，就会按照World Wide Web Consortium (W3C)上的语法提供帮助：

"Two colours are considered to provide good colour visibility if the brightness difference and the colour difference between the two colours are greater than a set range." The range suggested by the W3C is > 125 for colour brightness and > 500 for colour difference."



CCA v1.1.zip (North American Mirror hosted by WATS.ca)



CCA_FR.zip (Version française : Miroir nord-américain accueilli par WATS.ca)

还有就是在Firefox 和 IE上的一些工具：(但这些资料比较老，有些我就没有大打开，但因为我这里的网速比较慢和限制比较多，所以不能测定有的连接是什么原因打不开！)


Colour Contrast Analyser - Firefox Extension 0.2: http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php

色彩分析器。


Accessibar: http://accessibar.mozdev.org/

有很多可达性检测功能。


Web Developer's Toolbar: http://chrispederick.myacen.com/work/Firefox/webdeveloper/


Checky: http://checky.mozdev.org


PlaceNameHere Toolbar: http://placenamehere.com/pnhtoolbar/


FoxyVoice 0.1: http://foxyvoice.kenche.info/


Fangs: http://www.standards-schmandards.com/index.php?2004/11/22/8


Accessibility Extensions for Mozilla http://cita.rehab.uiuc.edu/software/mozilla/

IE上的：


Accessibility Toolbar: www.nils.org.au/ais/web/resources/toolbar



WAT_EN_1-2.exe (North American Mirror hosted by WATS.ca)



WAT_FR_1-2.exe (Version française : Miroir nord-américain accueilli par WATS.ca)


Web Design Group's WiDGets: www.htmlhelp.com/tools/widgets/



WDG HTML Validator


Remove Style Sheets


Remove Images


更多在RightClicks上的:

Expanding on the work done by the WDG, here are some more right-click functions for the IE browser. Each should be fairly self explanatory, and all are useful in web development.



W3C HTML Validator


Explode All Tables


Toggle 8 bit Colors


Resize Window 640 X 480


Resize Window 800 X 600


View Headings List


View Links List (I.E 6 and up)


Microsoft Web Accessories for Internet Explorer 5:

www.microsoft.com/windows/ie/previous/webaccess/ie5wa.asp



ie5wa.exe


Microsoft Web Developer Accessories:

www.microsoft.com/Windows/ie/previous/webaccess/webdevaccess.asp



webdevaccess.exe