Script of the Day: HTML_CodeSniffer

A toolkit for analyzing a page against various HTML coding standards

  HTML_CodeSniffer, a toolkit for analyzing a page against various HTML coding standards
We're launching 2013 with a unique toolkit, HTML_CodeSniffer, a browser bookmarklet for analyzing a page's HTML source code against a multitude of HTML coding standards.

We're launching 2013 with a unique toolkit, HTML_CodeSniffer, a browser bookmarklet for analyzing a page's HTML source code against a multitude of HTML coding standards.

Boasting some incredibly-looking graphics, HTML_CodeSniffer allows developers to check a Web page against the Web Content Accessibility Guidelines (WCAG) 2.0 Levels A, AA and AAA.

It supports checking for three reporting levels: errors, warnings and notices.

As the report is compiled, a summary can be viewed and individual messages analyzed in depth.

If the error is from a visible element, HTML_CodeSniffer can point to it using a yellow marker, sparing the developer from searching through the source code and then finding the element on the front-end.

The downloadable package also comes with a test area where custom HTML code can be written or pasted and checked against one of the standards, prior to publishing it online to a live Web page.

The bookmarklet source code can be forked and modified via GitHub.

Download HTML_CodeSniffer from our Scripts section here.
Check out more HTML_CodeSniffer screenshots here.

Comments

By    1 Jan 2013, 17:01 GMT