Forum Moderators: open

Message Too Old, No Replies

clear1x1.gif and Alt Text?

Should you use alt="Clear Gif"

         

Catnip

10:29 pm on Dec 5, 2002 (gmt 0)

10+ Year Member



Just wondering if you should use a alt="Clear Gif" on my 1x1 clear gifs.

mivox

10:31 pm on Dec 5, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Depends on what you're using the GIF for... is it a spacer? You could use alt="spacer" then.

However, if you're using it for some kind of sneaky link, you may wish to first enclose it in <jedi></jedi> tags, and use alt="These are not the links you're looking for."

;)

korkus2000

10:36 pm on Dec 5, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



R0FL... mivox I needed that.

seriously though it does depend on what the gif is for. If it is a spacer you could always say alt="domainname spacer".

Catnip

11:30 pm on Dec 5, 2002 (gmt 0)

10+ Year Member



lol, ok thanks guys

sean

11:47 pm on Dec 5, 2002 (gmt 0)

10+ Year Member



or: alt=""

I can't think of any non-essential ALT text so well-worded that I would want to hear or see it dozens or hundreds of times per page. Since we are talking clear .gifs, it makes sense (to me, anyway) to keep them transparent in other ways, too.

holly

11:52 pm on Dec 5, 2002 (gmt 0)

10+ Year Member



ALT is required on every image.
On images that are spacers or nonessential to content.

alt=" " works fine for these tags.

Alts get spoken aloud in screen readers or devices that read pages outloud...

indiechild

12:17 am on Dec 6, 2002 (gmt 0)

10+ Year Member



holly is correct, alt=" " is the way to do it if you don't want any ALT text to be spoken by screen readers. Alt="" (empty) will not validate in the W3C's XHTML 1.0 validator, I believe.

g1smd

12:37 am on Dec 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> Alt="" (empty) will not validate in the W3C's XHTML 1.0 validator, I believe. <<

It also won't validate for another reason. All tags and attributes must be in lower case.

However alt="" will validate OK in HTML 4.01 files.

Longhaired Genius

1:58 am on Dec 6, 2002 (gmt 0)

10+ Year Member



alt="" is valid xhtml 1.0 (according to W3C online validator ) (I'm happy to say).

fathom

2:04 am on Dec 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Off the wall -- 1x1 transparent gif spacers are good for those mis-spelled words common to your market. alt="widdgets" alt="wigdet"

dhdweb

3:16 am on Dec 6, 2002 (gmt 0)

10+ Year Member



1x1 is not much of a space......... :)

g1smd

10:56 pm on Dec 6, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> Off the wall -- 1x1 transparent gif spacers are good for those mis-spelled words common to your market. alt="widdgets" alt="wigdet" <<

Bad idea. The alt attributes are used by non-visual browsers, such as Braille, and talking browsers for the blind. Do you really want to inflict mis-spellings on them?

This attribute is also used in normal browsers for the text when an image fails to load, or when images are turned off. I sometimes browse this forum using an XDA PDA with a GPRS connection. Since the bill is for the amount of data transferred, not the actual time spent online (and images are most of the stuff on a page), then I browse with all images turned off. If it weren't for the alt text on each one, then I would never know which button was which. I really wouldn't want lots of boxes with mis-spellings in them all over the page when images are turned off.

fathom

12:46 am on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Bad idea. The alt attributes are used by non-visual browsers, such as Braille, and talking browsers for the blind. Do you really want to inflict mis-spellings on them?

Bad idea? Maybe... if your primary markets are non-visual browsers, such as Braille, and talking browsers for the blind - I would tend to believe that your web site would comply to them as close to 100% as you possibly can.

Business is about "channel conflict" which in an ideal world, there wouldn't be any conflicts. However, you generally can't please everyone with one single page (It's difficult enough just pleasing visual browsers in the way you want your site to be observed.

Ideally (since we are not in a ideal world) develop your site to accommodate different markets is preferred much like accommodated: another language.

This attribute is also used in normal browsers for the text when an image fails to load, or when images are turned off. I sometimes browse this forum using an XDA PDA with a GPRS connection. Since the bill is for the amount of data transferred, not the actual time spent online (and images are most of the stuff on a page), then I browse with all images turned off. If it weren't for the alt text on each one, then I would never know which button was which. I really wouldn't want lots of boxes with mis-spellings in them all over the page when images are turned off.

Obviously clickable buttons are not what I am refering to, and with defined sizes of 1x1 the alt="mis-spelled" word would be defined in the same area.

Common sense prevails though - but "attracting" mis-spelled queries is certainly not a bad idea.

I have alot of Shockwave content that superbly demonstrations ideas to the viewing community... but garbage to a text based browser.

When we can get rid of the keyword for "everyone" then it would be a bad idea.

g1smd

1:52 am on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> Obviously clickable buttons are not what I am refering to, and with defined sizes of 1x1 the alt="mis-spelled" word would be defined in the same area. <<

That's fine, don't spam the user buttons or useful images. Thanks for clarifying that the "mis-spelt" keywords would in fact best be placed in constrained 1x1 pixel elements. That is fine. To clarify that, the tag would therefore contain:
<img src="image.png" height="1" width="1" alt="your keyword list here">

This would not affect the page layout when image loading is turned off, or when images fail to load, which was my initial concern.

fathom

4:04 am on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Thread Title: clear1x1.gif and Alt Text?

Sorry g1smd - sometimes I skip over important stuff as well. ;)

g1smd

8:41 pm on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>> Sorry g1smd - sometimes I skip over important stuff as well <<

Yeah, but it is still important to note that the images need to be constrained if they are not to break the layout in browsers where images have failed to load, or have been switched off.

That is, the code:

<img src="image.png" alt="your keyword list here">

would result in big keyword filled boxes of text all over the page, whereas:

<img src="image.png" height="1" width="1" alt="your keyword list here">

would layout and position about the same, whether or not images were being loaded or not.

However, the point remains that for users of non-visual browsers, your keyword filled alt tags will appear as blatent and annoying spam.

JayCee

9:20 pm on Dec 7, 2002 (gmt 0)

10+ Year Member



Suppose you don't want Internet Explorer 6 (and other browsers?) to display 'alt=' as a tool tip whenever your visitors hover their mouse cursor over one of your images.

Personally, I don't want to force my visitors to see that, just so that my code will validate.

Maybe I need to post a disclaimer? "Sorry about all those 'alt=' you see popping up everywhere people, but you'll be happy to know that this site has valid code!"

Seriously though, anyone know how to stop that display, without asking the visitor to change their browser settings?

Longhaired Genius

9:36 pm on Dec 7, 2002 (gmt 0)

10+ Year Member



JayCee,

Adding an empty title attribute to your image tag (title="") will eliminate alt-tooltip-in-IE misery.

JayCee

9:57 pm on Dec 7, 2002 (gmt 0)

10+ Year Member



Thanks! You're a Genius! :)

tedster

10:17 pm on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Genius, that tip is a gem! Thank you, thank you, thank you.

andreasfriedrich

10:27 pm on Dec 7, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



As is quite often the case and contrary to popular belief the W3 specs are a very valuable and truly authoritative source of information:

While alternate text may be very helpful, it must be handled with care. Authors should observe the following guidelines:
  • Do not specify irrelevant alternate text when including images intended to format a page, for instance, alt="red ball" would be inappropriate for an image that adds a red ball for decorating a heading or paragraph. In such cases, the alternate text should be the empty string (""). Authors are in any case advised to avoid using images to format pages; style sheets should be used instead.
  • Do not specify meaningless alternate text (e.g., "dummy text"). Not only will this frustrate users, it will slow down user agents that must convert text to speech or braille output.

[w3.org ]

Andreas