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.