Image replacement problems

| No Comments

So, we were having a chat at work today about image replacement, using images to replace headings text for the puposes of prettified / designed fonts. We ended up with no options save images in pages with alt/title tags, or trying to persuade designers to use livetext with font declarations.

So we went through options of :

Moving the text off the page (or making it VERY small) and having the background image of the cell be the image.

Problem - users with images turned off but quite capable of css.

Associated images backgrounding z-indexed over text

Problem - assuming the size was appropriate, we had then problems of semi transparent images being used. and equally issues with increased font sizes showing out from underneath.

javascript replacement

Problem - still image turned off problem, but maybe with some clever detection for this going on. But quite complex all the same.

additional - not forgetting if you hide text with css or have it as display:none it will be hidden from screenreaders and we loose one of our major aims of trying to get our code semantic in the first place. And also if we are hiding it from screenreaders there is an increased chance of hiding it from search engines, and then we're really back to stage one.

oh and I should link to a far more eloquent discussion on this or three, mezzoblue's image replacement, stopdesign's replace text

any ideas anyone?

Leave a comment


Recent Comments

  • nickh: Daniel is right here, asleep in his bouncy chair. Very read more
  • Caroline Yates: You should keep cight for personal stuff and funny stuff read more
  • Meri: Whoops, the first comment was meant to go to your read more
  • Meri: Main thing that I would say is before you give read more
  • Meri: Have you tried the daily posting feature? You can set read more
  • Carlos Contreras: Would you like to see my work? bye read more
  • kyle: hey way better cricket game out there!! read more
  • andrew tomlinson: this game is wicked and adictive thanks for it. read more
  • Jay: Hello there, My name is jay,I love this game and read more
  • Mayuresh Kadu: Found you via geourl. Seems we live a few minutes read more
OpenID accepted here Learn more about OpenID


Find recent content on the main index or look in the archives to find all content.