Some CSS Trick Info

Written August 12. 2003, at 10:05 GMT.

Phark explains a new Accessible Image Replacement method. Simpler syntax than Stuart Langridge method, but only works to hide relatively short snippets of text.

Phark's method uses text-indent:-1000em; and overflow:hidden; to move the tag content out of the way. Neat trick!


More like this: English Entries, Accessibility, HTML/CSS.


Reader Comments (2)

  1. Mike replies:

    Thanks for linking to the method ;)

    I was thinking about the exact point that you brought up, that it only works on small snippets of text, and realized that the whole purpose of these techniques is basically to hide page titles and logos and show images over them.

    If people are displaying 150K jpgs chocked with paragraphs of text instead of actual text, and using this technique thinking they're making their pages "more accessible", they're obviously mistaken :)

    August 12. 2003 kl. 15:13 GMT | #

  2. Már Örlygsson replies:

    Well, I particularly like Dave Shea's example of the hand-written recipie: http://www.digital-web.com/features/feature_2003-08.shtml

    This type of usage makes it possible for (insane :-) designers to use images/photos, and provide structured, semantically meaningful "alt" text - which is kind of cool.

    August 12. 2003 kl. 15:31 GMT | #

Ţessum svarhala hefur veriđ lokađ. Kćrar ţakkir til ţeirra sem tóku ţátt í umrćđunni.


 

Flakk um vefsvćđiđ



 

Nýleg svör frá lesendum

  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Req.js - javascript lazy-loading and dependency managment made easy)
  • Rich (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Req.js - javascript lazy-loading and dependency managment made easy)
  • Dinesh (Req.js - javascript lazy-loading and dependency managment made easy)
  • Már (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • Ada (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • notandi (Taubleyjur í nútímanum - lítill leiđarvísir handa hrćddri ţjóđ)
  • Geir (Lausnin á efnahagsvandanum)
  • Jenný (Lausnin á efnahagsvandanum)
  • Óli Jens (Lausnin á efnahagsvandanum)
  • Már (Lausnin á efnahagsvandanum)
  • Kjartan S (Lausnin á efnahagsvandanum)

 

 

Yfirlit yfir ţetta skjal

(Atriđin í listanum vísa á ákveđna kafla ofar á síđunni.)