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

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

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

使用方法非常简单,只要先下载这组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可以直接拖到浏览器书签,点击后即可测试当前页面。

css

相关推荐