Bookmarklets Home | Links | Forms | Text and Data | Zap | Web Development | Validation | Misc

Validation Bookmarklets

These bookmarklets let you check pages for correctness, standards-compliance, and several aspects of accessibility.

(To keep bookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.)

Bookmarklet Description Works in
validate html Validates HTML using the W3C HTML validator. Details IE Moz NS4 Op7
quick validate Validates HTML, avoiding "missing doctype" and "missing charset" errors. Details Moz
netcraft Tells you what type of server a site uses and displays an uptime graph. Details IE Moz NS4 Op7
http headers Uses Web Sniffer to display HTTP headers. Details IE Moz NS4 Op7
grayscale Applies a "black and white TV" filter to the page. Details IE
PDAize Lets you see what a page might look like on a PDA. Details Moz
linearize Linearizes the text of the page and removes most non-text elements. Details Moz Op7
check images Lists the URLs of broken images. Details IE Moz
zap images Replaces each image with its alternate text. Details IE Moz Op7
check alts Shows which images have missing and empty alts using borders and tooltips. Details Moz
list alts Lists images and their alternate text (or "missing" or "empty"). Details Moz
blogidate html4.01 transitional Validates HTML fragments in textareas. Details Moz
blogidate html4.01 strict Validates HTML fragments in textareas. Details Moz
blogidate xhtml1 transitional Validates XHTML fragments in textareas. Details Moz
blogidate xhtml1 strict Validates XHTML fragments in textareas. Details Moz
blogidate xml well-formedness Quickly checks the well-formedness of XML fragments in textareas. Details Moz

Browsers: IE is Internet Explorer for Windows, Moz is Netscape 7 or Mozilla, NS4 is Netscape 4, and Op7 is Opera.


Details

validate html (IE, Moz, NS4, Op7)

Validates HTML using the W3C HTML validator.

On Windows and Linux, this bookmarklet even works for local files! (Supporting local HTML files was suggested by Stephan Niemz.)

quick validate (Moz)

Validates HTML, avoiding "missing doctype" and "missing charset" errors.

When the document does not contain a doctype, validates as HTML 4.01 Transitional. The W3C validator will say that the page is "tentatively valid" if you validate against a doctype not declared on a page, so using this bookmarklet won't cause you to forget to include a doctype.

Always uses the character set the browser used to interpret the page. The validator does not warn about character set overrides.

netcraft (IE, Moz, NS4, Op7)

Tells you what type of server a site uses and displays an uptime graph.

http headers (IE, Moz, NS4, Op7)

Uses Web Sniffer to display HTTP headers.

grayscale (IE)

Applies a "black and white TV" filter to the page.

Converts all colors on the page (including images) to gray scale. This will give you a rough idea of how your page looks to color-blind visitors. See the Web Content Accessibility Guidelines for color for some common problems and examples of how to provide redundant representations.

On a color table you'll notice that yellow is considered slightly brighter than cyan, which is considered slightly brighter than magenta. I don't know whether this is accurate.

(From Steve Kangas's accessibility bookmarklets.)

PDAize (Moz)

Lets you see what a page might look like on a PDA.

Written by Daniel Glazman.

linearize (Moz, Op7)

Linearizes the text of the page and removes most non-text elements.

check images (IE, Moz)

Lists the URLs of broken images.

Suggested by "Tomyellow" in #mozillazine.

zap images (IE, Moz, Op7)

Replaces each image with its alternate text.

This lets you quickly see how a page might look with images turned off. It should also give you rough idea of how a page would look to a blind user or someone using a console (text-only) browser such as Links. For more information about providing text equivalents, see the Web Content Accessibility Guidelines for alternate text.

This bookmarklet only replaces <img> tags; it doesn't do anything to image buttons, background images, or image maps.

check alts (Moz)

Shows which images have missing and empty alts using borders and tooltips.

Key to borders:

Also sets image tooltips to show alt text and displays counts of (missing, empty, present) alt texts in the status bar.

Amazon.com is a good test page.

list alts (Moz)

Lists images and their alternate text (or "missing" or "empty").

The idea for this bookmarklet came from a similar bookmarklet, "Get ALT Info" from scriptygoddess.

blogidate html4.01 transitional (Moz)

Validates HTML fragments in textareas.

blogidate html4.01 strict (Moz)

Validates HTML fragments in textareas.

blogidate xhtml1 transitional (Moz)

Validates XHTML fragments in textareas.

blogidate xhtml1 strict (Moz)

Validates XHTML fragments in textareas.

blogidate xml well-formedness (Moz)

Quickly checks the well-formedness of XML fragments in textareas.

This bookmarklet is faster than the other "blogidate" bookmarklets because it does not open a new window and does not contact any servers. It only checks for well-formedness, which is necessary but not sufficient for validity. It works with XHTML (which is a type of XML) but not with HTML (which is not XML).


© 2000-2007 Jesse Ruderman (jruderman@gmail.com). Feedback is welcome.
Last modified November 1, 2006.