kovalchik/Archetype — Issue #94: broken images
Author: kovalchik
Created: 2012-01-26 22:46:40+00:00
State: open
Labels: Core, Major

Images without a valid source aren't great. Chrome does a good job of adding the broken image icon to indicate the image isn't there. Firefox, on the other hand, doesn't put in any icon, which is pretty crappy. Further compounding the issue, the alt text basically appears the same as the content text surrounding it. Therefore, some type of styling to better indicate that this is, in fact, a broken image would be nice. Perhaps something along these lines:

img {
color: blue;
font-family: monospace;
background: url('broken.gif');
}

Obviously that's not ideal, but you get the idea. Basically anything that effects the text can be applied since it won't effect the image itself. The issue with the background image is that it's basically only reliable if applied to a jpg because gifs and pngs could be transparent and then the background would show through. But I could taget jpgs using an attribute selector if I want and then at least those would have a broken image icon in Firefox.