Comments on: Headers and Images – Alt Text and the Weight Factor http://www.afhill.com/blog/headers-and-images-alt-text-and-the-weight-factor/ Reflections on online strategy, social media marketing, web accessibility and interactive design. Tue, 07 Feb 2012 22:14:21 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Mark Scholl http://www.afhill.com/blog/headers-and-images-alt-text-and-the-weight-factor/#comment-110854 Mark Scholl Fri, 12 Dec 2008 19:27:09 +0000 http://www.afhill.com/blog/?p=896#comment-110854 A few comments.... Setting styles to negative placements is considered to be spam by search engines. Under some circumstances this can get a site delisted. On a side note, a member of the web spam team at Google proclaimed that if someone where to use a robot file to block access to the CSS file, they will automatically assume that negative floats are taking place. This goes for any CSS trickery, such as nodisplay, or layering text behind images. Also, Google has also stated that H tags around images have no effect at all. sIFR (which is neither really scalable nor built by Inman, go figure) is a way to style headlines when you want to control color, aliasing, and font. It shouldn't be considered a flash implementation. The nice thing about it is that you can put a headline in an H1 tag, and replace that content with a more stylized version. A search engine would see that as a H1 headline and weight it accordingly, and not view it as a flash embed, for example. A few comments….

Setting styles to negative placements is considered to be spam by search engines. Under some circumstances this can get a site delisted. On a side note, a member of the web spam team at Google proclaimed that if someone where to use a robot file to block access to the CSS file, they will automatically assume that negative floats are taking place. This goes for any CSS trickery, such as nodisplay, or layering text behind images.

Also, Google has also stated that H tags around images have no effect at all.

sIFR (which is neither really scalable nor built by Inman, go figure) is a way to style headlines when you want to control color, aliasing, and font. It shouldn’t be considered a flash implementation. The nice thing about it is that you can put a headline in an H1 tag, and replace that content with a more stylized version. A search engine would see that as a H1 headline and weight it accordingly, and not view it as a flash embed, for example.

]]> By: Andrea http://www.afhill.com/blog/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/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/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/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/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/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.

]]>