Comments on: headers and images - alt text and the weight factor http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/ Accessibility, Social Media, Online Branding, User-Centered Design -- Web Development isn't all about code anymore! Mon, 08 Sep 2008 06:56:05 +0000 http://wordpress.org/?v=2.6 By: Andrea http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-20152 Andrea Wed, 07 May 2008 11:34:59 +0000 http://www.afhill.com/blog/?p=896#comment-20152 I don't know how long it will be up there -- Marla is presenting at this year's Access U as well (which is going on right now), I'm not sure if she'll replace those notes with new ones. I don’t know how long it will be up there — Marla is presenting at this year’s Access U as well (which is going on right now), I’m not sure if she’ll replace those notes with new ones.

]]> By: Brandon http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-20126 Brandon Wed, 07 May 2008 04:38:01 +0000 http://www.afhill.com/blog/?p=896#comment-20126 That's a great resource thanks! That’s a great resource thanks!

]]> By: Andrea http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-19946 Andrea Mon, 05 May 2008 16:02:23 +0000 http://www.afhill.com/blog/?p=896#comment-19946 Thanks Brandon! I found my notes from the session I attended at Access U - sounds like you're referring to what's known as "phark image replacement." My notes state: Fahrer Image Replacement — put image as background to h1, text in span, then display: none on span. Doesn’t work if you have images turned off. Phark Image Replacement — text-indent negative. Still doesn’t work if images are off. Shea Enhancement – puts empty span inside h1, put background over text. sIFR – ok, but has alot of dependencies (the presentation was by Marla Erwin and her notes are available at <a rhef="http://www.10sharpdesign.com/accessibility" rel="nofollow">http://www.10sharpdesign.com/accessibility</a> Thanks Brandon! I found my notes from the session I attended at Access U - sounds like you’re referring to what’s known as “phark image replacement.” My notes state:

Fahrer Image Replacement —
put image as background to h1, text in span, then display: none on span. Doesn’t work if you have images turned off.

Phark Image Replacement —
text-indent negative. Still doesn’t work if images are off.

Shea Enhancement –
puts empty span inside h1, put background over text.

sIFR –
ok, but has alot of dependencies

(the presentation was by Marla Erwin and her notes are available at http://www.10sharpdesign.com/accessibility

]]> By: Brandon Mullins http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-19934 Brandon Mullins Mon, 05 May 2008 14:35:52 +0000 http://www.afhill.com/blog/?p=896#comment-19934 Before I used sIFR and sometimes still I generally just set my h1, h2, whatever style with -9999px text-indent and replace the background with the image I'd prefer to show. Before I used sIFR and sometimes still I generally just set my h1, h2, whatever style with -9999px text-indent and replace the background with the image I’d prefer to show.

]]> By: Scott Plumlee http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-19704 Scott Plumlee Sat, 03 May 2008 16:48:16 +0000 http://www.afhill.com/blog/?p=896#comment-19704 Note to self - learn how to spell own name. Note to self - learn how to spell own name.

]]> By: Scott Plhumlee http://www.afhill.com/blog/2008/04/29/headers-and-images-alt-text-and-the-weight-factor/#comment-19703 Scott Plhumlee Sat, 03 May 2008 16:47:30 +0000 http://www.afhill.com/blog/?p=896#comment-19703 Send me a link to something and I'll see how JAWS handles it - we've got 7-9 at work now. Send me a link to something and I’ll see how JAWS handles it - we’ve got 7-9 at work now.

]]>