Images
People, get over it. Not all of us use images in our browsers. Opera has
the rather useful feature of a button near the top that you click, and it
switches between "Images", "No Images", and "Only Cached Images".
When you're only on 56k, like me, you make extensive use of it. A properly
designed website can still be used even when I have the images off. In
fact, nowadays, I tend to go on the fact that the internet is big. If
I can't read your site, I'll be able to find exactly the same content
someplace if I really want it.
Blind people don't care. Really. They can't see them. You may not believe
this, but it's true.
My PalmV has a black & white screen. Even if my browser did support
images, do you really think I'd be able to appreciate their full glory?
So what can you do, in the name of reasonableness, to aid people who
don't have or want image support in their browsers?
It's called an ALT-tag. It's trivial. It takes up little-or-no bandwidth
[compared to an image], and you can get an awful lot of information
across using it. Image your website has 4 images at the top. An ALT-tag
is the difference between someone seeing:
[Nav1.gif] [Nav2.gif] [Nav3.gif] [Nav4.gif]
at the top of your webpage [imagine how much use that is] and
[Home] [Content] [Pointy-Clikky stuff] [Links]
Now, for bonus points, a lot of browsers that /you/ yourself may be
using may actually use that text as a placeholder while it's loading the
image, making your site look more professional, and it also gives you
the possibility of a popup bit of text on mouseover in some browsers
[*cough* IE included *cough*]
How do you do this?
And that's it. Most pointy-clikky HTML editors even allow you to put this
text in with a helpful dialog. Including DreamWeaver and Frontpage. Now
you know what it does. USE IT.
If you don't want anything at all to appear in non-image browser, for eg,
it's an image that's just part of a border of your page - It adds no
value if someone can't see it, give it an empty ALT-tag:
And it'll be invisible. Easy.
As an aside, something else you can do here to make your website look more
professional while loading is to actually put in the WIDTH= and HEIGHT=
tags. Make sure they're correct. Most browsers that support images then
create placeholders that're the right size, then, so your page layout
doesn't get munged each and every time an image gets loaded.
You see, just by doing one simple thing [perhaps ten bytes per image,
on average], you've
a) Made your website work in non-image browsers properly, even though
it still has images.
b) Made it work better in image supporting browsers, including IE.
c) Used about five seconds of your time per image.