用Holmes.css进行有效性和可访问性测试

Holmes.css 一组用来测试页面的有效性和可访问性的神奇CSS。启用之后，它会用红色框来标示出错或无效的元素，用黄色框标示可能有问题的元素，用灰色柜标示已经从HTML标准中删除的元素。如图所示：

 

使用方法非常简单，只要先下载这组CSS ，嵌入到页面中，然后在body的class中添加holmes-debug这个 值，打开页面后就会看到检测结果了。

 

据官方文档说，Holmes.css完美支持以下浏览器

• Google Chrome 10+
• Safari 5+
• Opera 10+
• Firefox 3.5+

而对IE8只是有限支持。

 

官方网站 http://www.red-root.com/sandbox/holmes/ 上还有Bookmarklet可以直接拖到浏览器书签，点击后即可测试当前页面。