Script of the Day: 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.

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.

Hot right now  ·  Latest news