Is there a way to detect if a rendered DOM element has the same color as its background, effectively being invisible invisible elements (that is: elements invisible not because of display style property, but based on color only), possibly through a framework/tool that works at least on one browser? Ideally, it would be able to detect very similar colors as well. Background images would be great to be considered, but then this might be a little too far.
+1
A:
I've used this in the past - very helpful. Basically it checks the contrast between foreground and background to see if the site is accessible. It will definitely flag up elements that are, as you say, invisible
http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php
lnrbob
2010-08-23 17:11:14
It is nice. It would be nice if this could be integrated into automated testing, so that I can automatically test that a few elements (possibly selected via jQuery selector style) on the screen are actually visible.
Daniel Ribeiro
2010-08-23 17:32:01