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,它是按照色彩的亮度不同来查找页面元素的。
aprompt.snow.utoronto.ca
![A-Prompt_1_0_6_0.zip](http://www.wats.ca/images/zip.gif)
是一个很好的在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.zip](http://www.wats.ca/images/zip.gif)
CCA_FR.zip (Version française : Miroir nord-américain accueilli par WATS.ca)
Colour Contrast Analyser - Firefox Extension 0.2: http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php
色彩分析器。
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
有很多可达性检测功能。
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
![[Icon: Firefox web browser]](http://www.wats.ca/images/firefox_icon.gif)
IE上的:
![[Icon: Internet Explorer web browser]](http://www.wats.ca/images/ie_icon.gif)
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)
![[Icon: Internet Explorer web browser]](http://www.wats.ca/images/ie_icon.gif)
更多在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.
![[Icon: Internet Explorer web browser]](http://www.wats.ca/images/ie_icon.gif)
www.microsoft.com/windows/ie/previous/webaccess/ie5wa.asp
![[Icon: Internet Explorer web browser]](http://www.wats.ca/images/ie_icon.gif)
www.microsoft.com/Windows/ie/previous/webaccess/webdevaccess.asp