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

liuming

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可以直接拖到浏览器书签，点击后即可测试当前页面。