首页 / web desgin / Testing Tools for Developing Accessible Web Sites
Testing Tools for Developing Accessible Web Sites
Testing Tools for Developing Accessible Web Sites

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上的工具,是每一个开发者都应该有的工具,它能离线提供如WDGHTML Validator 和 W3CHTML 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.orgPlaceNameHere 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 Mozillahttp://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/

 

更多在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.

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

 

 



About worksguo

我顶的是太阳,蓝天都在我脚下。我是软件开发者,信息化专家,电子商务专家,金融学者,创业人。长期关注微软技术!

Check Also

Mockingbird的点框工具支持即时合作功能

设计新网站时最得力的助手之一就是点框工具,它可以帮你迅速抓住网站的大体框架,而不用在纸上指手划脚。


x

更多推荐

《CSS蝉意花园读书精记》(基础篇---------上.资料篇2)

这里是今天在网上看到的一些”Accessible“测试工具,发上来和大家分享。对于一个页面设计者来说,我感觉前面5个工具还是非常有用的。
“Accessible”:这个单词我的理解是指是否HTML文档达到W3C标准。所以是“可达性”。请高手指教。该死的 IE7 “蹦盘事件” ,让我发这个贴发了两次!为什么就不能像FireFox一样,有一个恢复机制。

各大浏览器默认样式表
了解各种浏览器默认css渲染的差异性,可以对各DOM元素在各个浏览器上的不同表现有更深入的理解,这些对你设计reset.css也有一定帮助。 Chrome/Safari (WebKit)默认样式表 WebKit default st...
How To Extra Make Money Working From Home
[dropcap]D[/dropcap]on't act so surprised, Your Highness. You weren't on any mercy mission this time. Several transmissions were beamed to this s...
powered by RelatedPosts