Adding “alt text” to images

Alrighty, I think I’ve got some good stuff.

First, I would like to say thank you again to everyone who is interested in doing this. Its been fun for me to learn more about this too. In fact, I just learned that by adding alt text to images, it helps with search optimization. So, if your blog contains a picture of a dog on a flexi, and someone searches the blogs for “flexi”, your image description can actualy help your blog come up in search results.

I just read this on the first link I’m going to provide, which is actually a blogger post explaining how and why to add alt text in Blogger. Click here to read more.

The following links are linds to other articles about adding the alt text, and some of it is pretty technical, but interesting nonetheless. I think the blog post will be most helpful though, and thats why I put it first.

Here’s another, and another, and yet another.

So those are all links about the actual code it takes to add alt text. But now, what if you’re linking to an image in say Photobucket or Flickr? Here, I don’t know if Blogger’s html editor will help. You might actually need to find in Photobucket or Flickr or wherever you’re uploading from, how to add the alt text there.

Now that you know how to add the alt text, you could actually go to your photo hosting site, and see about adding alt tags there, too. Now, I don’t know if when you upload the photo, it will do this, or not. Its not something I asked, just something that was pointed out by Steve.

So, hopefully this will help. I might should have gone and searched about the photo hosting issue, but I’ve been kinda working all morning, not the actual job, but doing the whole advocacy thing when it comes to Facebook. I narrowed down the problem to one link I was trying to post, which I’ve posted before, so I don’t know why I’m getting another security check. So thats my excuse for not searching about the photohosting and alt text.

If there are still more problems, like if you upload a photo from a web hosting site and can’t add an alt text, let me know and I’ll look into it.

Thanks again to the guys and gals at Webaim for sending me this info.

Happy programming!

3 Comments

Filed under accessibility, advocacy, gratitude, NaBloPoMo 2009, plugs, proud geek, techie tips

3 Responses to Adding “alt text” to images

  1. L^2

    I think I mentioned this in a previous comment, but adding alt text is pretty simple using Blogger’s HTML editor. Just look for the alt=””; code and type your photo description between the quote marks. Blogger includes the alt code if you use their image uploader – you just have to fill it in with the appropriate description. But it’s not difficult to add yourslef, if for some reason it’s missing.

    Alt text does help when people search for things – especially in Google Images – but of course, this is only if you allow your blog to be found by search engines. If the blog is private, or you’ve changed the settings to make your blog unsearchable, then your stuff won’t (usually) show up on Google. Also as a photographer who has had this happen many times, I’ll give a warning: Adding alt text to your images makes them much more susceptible to theft. So, if you’re going to put your images out there and use alt text which makes them searchable (and thus available via Google Images) to anyone, you might consider adding a watermark to them first. That is, of course, unless you don’t mind other people stealing your stuff and claiming it as theirs.

    Also if you’re using image hosting sites like Flickr or Photobucket, they both provide the alt text code too – you just have to fill it in. These sites will automatically fill it in with the tags/labels you add to your images. However, I generally find that the labels I use for organizing my images in my photobucket and flickr accounts aren’t very helpful, description wise, so I make it a point to add my own description for each image in the alt text when I post it on my blog.

  2. Ro

    Yeah, you had mentioned it before, but some folks were still having some difficulty, so I thought I’d consolidate into one post. I’m so happy that people are wanting to learn how to do this 🙂

  3. Thanks for sharing this information … I’m going to give it a try on my next post.

Leave a Reply

Your email address will not be published. Required fields are marked *