Google Chart for CSS, Javascript, DOM and Flash.

April 12, 2007 · Filed under Accessibility, CSS, Experiments, Search Engine Optimisation

The chart below is ongoing documentation on how Google indexes common, modern web standards development practices.

CSS Hidden Text
Method Indexed? Accessible? Compliant? HTML Cached
off-left indent1 YES YES2 YES View View
visibility: hidden YES YES YES View View
display: none YES NO3 YES View View
1Using text-indent: -9999px; method
2The Phark method of image replacment is not a totally accessible technique. It still fails with images off/CSS on.
3Display: none; cannot be accessed by screenreaders
Javascript
Method Indexed? Accessible? Compliant? HTML Cached
DOM content - added4 NO YES YES View View
DOM content - removed4 YES YES YES View View
AJAX content - added4 NO NO YES View Pending
4Content added or removed using window.onload
Flash
Method Indexed? Accessible? Compliant? HTML Cached
Flash 5 .swf NO NO 5 NO View Pending
Flash 6 .swf NO NO 5 NO View Pending
Flash 7 .swf NO NO 5 NO View Pending
Flash 8 .swf NO NO 5 NO View View
sIFR YES YES YES View View
UFO YES YES YES View View
SWFObject YES YES NO6 View View
5Flash can be made accessible, but on average this is not utilised so I will assume it’s not.
6Uses the Twiced Cooked method of embedding, using the proprietary embed element.
Pages related to this page, or using this information:
Search Engines and Web 2.0 - Report Card
Pages that need to be indexed for this experiment:
Search Engine Experiment - Pages to be Indexed.

If you spot any errors in this data, or can suggest anything to test that I have not included in the above tables, please add a comment below.

Comments

JUST GOOD DESIGN | BLOG » SEO & Flash, but a dream… says: July 22, 2007 @ 1:15 pm

[...] Google Chart for CSS, Javascript, DOM and Flash [...]