Images and ALT text

Submitted by Mariela on 10 January 2007 - 8:10pm.

Please browse some of the websites you typically use and find 3 images of varying complexity and function, the ALT text for which is either missing or poorly written. Please look at the context for each image: what information does it add, is it a link, how does it relate to the text around it? Using the ideas discussed in Jim Thatcher's article, write your own ALT text for each image.

Be sure to give us links to each page and tell us which image exactly you are dealing with. Then list your ALT text for it and discuss the original ALT text the website provided, if there is any.

sarah lim Says:
15 February 2007 - 3:03pm

http://www.lomography.com/
a site dedicated to toy camera photography. None of the pictures I rolled over on the site had alt text, including the galleries,which may be because it's a site dedicated to photography and visually impaired people most likely would not view it.

http://nppa.org/
National Press Photographers Association-yet another photo-related site. It also does not have any alt text on the images. The shield in the upper right corner also leads back to the home page. Again, with this site, it may not be necessary to have alt text since most users are photographers.

www.target.com
this site has alt text in many places, except over the actual items you're trying to look at. There's alt text over the target icon, as well as over the big red-bubble like buttons such as "add to cart" or "find it at a target store".

j.zalawadia Says:
15 February 2007 - 9:24am

www.indiafm.com
- on top left hand corner, it has log of indiafm which takes you to the home page, but no alt txt.

www.timesofindia.com
had a alt="/photo.cms?msid=1617870" and also alt=advertisement

www.cricinfo.com

alt="Cricket Manager" which directs you to the page inside there website

katyp Says:
13 February 2007 - 2:02pm

1. Pizza Hut

http://www.pizzahut.com/

-None of the images on the main page have alt text. The main logo doesn't even take you back to the home page.

2. Annual Credit Report

http://www.anualcreditreport.com/

-Again, NONE of the images have alt text, and again, not even the logo links back to the homepage. I must pick badly.

3. New York Times

http://www.nytimes.com/

There is a logo/ad on the lower left side for E*Trade Financial. The alt text reads: alt="Earn 5.05% APY - Open a Complete Savings Acct from E*TRADE Bank".
It should read something like alt="E*Trade.com".

Jared_Kinsler Says:
13 February 2007 - 1:49pm

1. Blankscreenmedia : A film and music review and events site. The main site banner is missing ALT Text tags completely. The image should be a link back to the main page and should provide an alt attribute alt="Blankscreenmedia" to display linkage back to the main homepage.

2.utexas : The University Home Page. The University Home page always puts up a new site article for the week or so central to the site page. Unfortunately their is no alt text for the image they use to entice the readers. Because the alt text should explain the article the alt text should have an added longdesc that would further explain the title of the article
alt="Article: Language of Love" and then the longdesc="" describing the article's description on the image.

3. Austinsbestbands : Band Management and promotional site. The site provides no ALT image descriptions for its bands on the site or it's main image on the homepage. The site could provide alt tags for the bands with alt="Pacer Band Members: Guitarist Chet, Pianist Carl, Drummer Cindy"

brittney_johnson Says:
13 February 2007 - 1:40pm

www.deviantart.com
-the site does a great job with alt txt on thumbnails of viewable art but the navigation links and home logo provide no alt txt
-the browse link should read "browse", shop link should read "shop"..etc.

www.cnet.com
-NO links nor images provide alt txt

www.myspace.com
-also no links nor images provide alt txt

Tony Jackson Says:
13 February 2007 - 12:29pm

1.Motor Trend online magazine
http://www.motortrend.com/roadtests/index.html

The logo in the second box links back to the homepage, but there is not alternate text to let a user know this. It should read, "Motortrend.com Home"

2.Ebay
http://www.ebay.com/
The alternate text on the logo reads, "From collectibles to cars, buy and sell any item on Ebay" from any page on the website. It should read, "Ebay Home" or "home"

3.Best Buy
http://www.bestbuy.com/site/olspage.jsp?type=category&id=cat00000

The alternate text on the logo is the stores motto, and that is also from any page on the website. I think it should also read "Home." It would make things a lot simpler for users who are using screen reading software.

john_ruiz Says:
13 February 2007 - 11:44am

http://www.huffingtonpost.com/

In this political website the quote over the image is 'I declare my run for presedency' but the alt text for the image is alt="news photo", how frustrating. Though the image is also a link to a more indepth news story the alt text does not convey this. I think the alt text should be alt="Mitt Romney announces candidacy". Although this is a little long it is descriptive and will allow me to guess what the link will take me to.

http://www.amazon.com/

Below the valentines day banner is text 'rock an outfit with designs from legendary musicians' and the leftmost item there is a picture of a tie presumably designed by jerry garcia but the image has not alt text whatsoever. I think good alt text would be alt="tie by Jerry Garcia" which is very descriptive becuase if I don't like ties, next, and if I don't like Jerry Garcia, next, but if I am interested I can continue into the link.

http://www.moma.org/exhibitions/2005/contemporaryvoices/main.html

This might be barking up the wrong tree but the source code for this site was non existent, I am thinking because it uses flash and that visually impared users don't want to experience art but I don't know. My point is that when I go to art museums they usually have an audio tour, so I know at least some art can come across in audio form. So I think that good alt text would be something like alt="Robert Moskowitz pastel on paper" with a longdesc="eddystone, 1984.htm" to give more info on the piece.

chiang_leng Says:
13 February 2007 - 9:37am

1.) http://www.spin.com/radio
The radio station logos don't have alt-text. Since each logo actually leads to that station's website, there needs to be alt-text with the radio station's name.

2.) http://www.oddica.com/catalog/index.php
The navigation bar is composed of images, but it doesn't have alt-text! Each of the navigation images should have an alt-text of the text on the image.

3.) http://www.taipeitimes.com/News
The Taipei Times logo doesn't have alt-text. It should say "Home" or "Taipei Times".

Hillary Fisher Says:
13 February 2007 - 5:42am

http://awfulplasticsurgery.com/
Non of the images on this page have alternative text, and there are many. However, for those able to see the images, descrptive text has been edited into most of the images. The first image could read "Latoya Jackson, before and after plastic surgery."

http://search.hottopic.com/clothing/Disney%20Couture
All of the images on this site have alternative text, but don't explain anything about the product - only the link to the product is included. Better text would for example be "Snow White Disney Couture Tote, $36," which more closely resembles the item description located under the image.

http://texassports.com/index.php?s=&url_channel_id=&url_subchannel_id=&u...
The UT graphic on the right side links to something, but you don't know what because there's no alternative text. The text around it also gives no clue to where you'll end up when you click. The image text also doesn't say much of anything. When I clicked I was led to a subscription online UT sports video service so the alt text could read "Subscribe to UT Longhorn sports videos online."

rkean Says:
13 February 2007 - 3:02am

http://www.newegg.com/
-the go button-images is labeled "Go"
-alt should describe that the button-image will do a search when pressed
http://kotaku.com/
-images on main page, the alt text are the filename
-the alt text needs to be about the image and not just the filename

http://rvb.roosterteeth.com/home.php
-no main page image has alt text
-the alt text should tell if the image is an webcomic or a link to a user at the site

janglin Says:
13 February 2007 - 3:00am

Website: http://www.statefarm.com

Image: Topleft Logo

state_farm_logo_b.gif
alt="State Farm Insurance® Logo"

This image is a link that takes you to state farm's homepage. " Thatcher says that if an image is an part of an anchor, then its alt text should be its function. Instead of having "State Farm Insurance Logo", they should just have "State Farm Insurance".

Website: http://www.salliemae.com

Image: Photo of woman to right.

managing_loans4.jpg
alt="Managing your loans"

This image is simply for decorative purposes, and doesn't necessarily communicate any important information to the user. Unless they used a longdesc tag to tell you more about the image, than they should just eliminate the alt text with an alt="".

Website: http://www.utexas.edu/its/bevoware/

Image: TopLeft Logo

third_level_header_short.gif"
alt="The University of Texas at Austin. What starts here changes the world."

Again this is image is a link to the University homepage. The alt should indicate the function of the link and be short and to the point. alt="UT Homepage" or alt="University of Texas" would be more acceptable.

joshuah_garduno Says:
13 February 2007 - 1:12am

http://www.yahoo.com/
-the images in the box on the bottom right of the screen labeled "Popular Searches: Today's Overall Leaders"
-no alt text provided for any link
-should have alt text "yahoo! search results for 'Ana Nicole...' etc."
-these are links to common results for the Yahoo! search engine, not to any websites like some may believe.

http://texassports.com/
-the Sirius Satellite Radio image with a Longhorn logo on the right hand side of the screen.
-no ALT text provided for the image/link
-ALT text should read “Sirius Satellite’s college webpage”
-I was fooled into believing that there would be a plan on the other side of the link that would lead me to a UT affiliated portion of their site.

http://www.cnn.com/2007/US/02/12/salt.lake.shooting/index.html
-top story image at the bottom of the page.
-no ALT text provided for the image
-There should actually not be an image that links you back to the same page. If there must be an image, it should contain an ALT text that says “read the today’s top story.” I believed that the image might send me to a longer story or maybe even a video report.

Mike_Finlayson Says:
13 February 2007 - 1:04am

http://www.comedycentral.com/shows/the_colbert_report/index.jhtml - the images on this site don't have alt text but they don't need it because everything that would need to be explained about an image in there format is done so directly above the image, even if the image doesn't load the text and link would still be there.

http://www.allmusic.com/ - in the middle of the page there is a picture of a lucinda williams album, the alt text for it is cover which doesn't tell us about the subject or function of where we are about to go, nor does it explicitly relate where it links to lucinda williams, it would be better to say "Lucinda Williams: "album name""

http://www.imdb.com/title/tt0066026/ - in the photo gallery section, there are pictures with no alt text, they could say "Donald Sutherland, M*A*S*H" to relate them to the movie and give info of their subject matter.

sjung Says:
13 February 2007 - 12:48am

http://www.drysoda.com/

The Dry Soda site uses the pictures of the four different flavored bottles for people to click on if they want more information. The bottle does get enlarged when the cursor moves over the picture and the flavor can be read but it should still have ALT text to make it easier for users. It should be "I WANT KUMQUAT DRY" or something that labels the flavor and advertises the product at the same time.

http://weather.com

On the weather.com homepage, as the Map Room icon, there is a picture of the U.S. map with wind directions and temperatures marked on it. The user has the option to use the drop down menu to choose what map they want to see, like the severe alert or radar option. There was no ALT text for any of the maps that showed up. The ALT text should be "Map Room" for the first pic and the title of the option for the other maps.

http://sharebuilder.com/

There is an image of a chart with numbers on the horizontal and vertical side of it, but without any labels. With the missing ALT text, a new user would have no idea what the chart represented. The text should say "NASDAQ volume" or what the chart is because the image itself doesn't have labels defining it.

sgw Says:
12 February 2007 - 11:40pm
  • http://www.tigerdirect.com --- On the homepage there is a collage of current deals and they are all individual .jpg images that have their own ALT text, which is good for identifying what you click on. The only problem that I see arises from the ALT text of these images is the length of some such as one that I saw for an Acer Aspire desktop that was on sale as of 10:30pm on Monday night (these sales may change daily, so you may not see this by class time on the 13th) that had this as the ALT text "Acer Aspire L100 AMD Athlon 64 3500+ 2.2GHz / 512MB DDR2 / 160GB SATA / Dual Layer DVD±RW / Flash Card Reader / Gigabit & Wireless LAN / Windows Vista Home Basic / Mini Desktop PC." This could serve as problematic as described by Jim Thatcher on his page on image accessibility.
  • http://www.caranddriver.com --- There are several images on the home page that are of cars that are clickable links to their respective articles and these images have missing ALT text and not simply blank. To go along with this, they do not even title the analogous hyperlinks to the articles that the pictures link to as well. For example, for the "2008 Scion xD" article and picture, I would title the text link "2008 Scion xD" as well as make the picture ALT text the same or better yet have it blank so there wouldn't be repetition all of the way down the page (since there are over a dozen articles like this going down the page).
  • http://www.blockbuster.com/online/home --- Blockbuster uses a different tactic with their clickable images, which are mostly images of the video jackets for their DVD titles linking to the profile of the movie, as they have blank ALT text (as opposed to missing ALT text) and choose to simply title the link with the full name of the movie.
Kate Whittaker Says:
12 February 2007 - 9:59pm

http://amazon.com/
There are several images of books that have no ALT text. The ALT text should be the names of the books.

http://everquest.station.sony.com/
Everything is a graphic and there is no ALT text anywhere. The ALT text should be the words on the graphics like "Features", "Try It Now" or "What is Everquest?"

http://www.weather.com/index.html
When you get the local weather there is a picture of the doppler radar. The ALT text simply says "Click to Enlarge" when it should say "Click to Enlarge Doppler Radar".

Maggie Ellis Says:
12 February 2007 - 9:50pm

https://courses.utexas.edu/

On the Blackboard site there are six images on the right hand side that have no alt-text so you don’t know what you are clicking on. You don’t know if you are going to be redirected to another page or if it is going to open up a new window. In this case it opens up a new window. The alt-text should say “Core-value-Discovery” or correspond with each picture.

http://www.youtube.com/community

Under YouTube they don’t have the colleges labeled that you click on in the community section. They have all of the other videos titled in the community category, but I couldn’t figure out what colleges there were until I clicked on one of them. For the alt-text they should have the name of the college on there.

http://www.ybargrill.com/gallery-food.php

I was looking at the Y bar and grill website because I am going there for dinner before my formal. I looked at their photo gallery of their food and desserts and it let me click on the image but it doesn’t say what the dish is. So if I clicked on something and it looked good I wouldn’t know what it was on the menu because the name wasn’t showing up on the image. For the alt-text they should have the name of the food or dessert on there.

andrew_jackson Says:
12 February 2007 - 9:18pm

www.starwars.com
The caption contest, photo masher and collector showcase images have an alt-text of "Click to activate and use this control". This sounds like a command and should be changed to titles of the sections. "Caption contest", "Photo masher" and "Collector showcase" should work nicely. The images are links to pages within the site that detail some fan activities.

www.worldofwarcraft.com
At the bottom of the page there are 4 sections of content with links to various parts of the site. Each of the four sections is accompanied by a small image. The alt-text on all of the images isn't very descriptive. A few say "image-miscbox1" one says "image-bc" and one says "image-troll". These images aren't links and I don't think they warrant an alt-text. I would simply replace them all with alt="".

www.cuteoverload.com
The images on this page are all cutesy pics of animals and such. There isn't much content for the visually impaired so I'm not sure alt-text would matter much on this site. Regardless, the alt-text on most of the images is just a silly little caption and hardly descriptive of the action taking place in the image. Most of the captions are also kind of long and would get a little tedious to listen to being read by a screen reader. More descriptive alt-text would be nice.

Sanath Kodali Says:
12 February 2007 - 1:59am

http://cookiedelivery.com/austin/
browsing through the cookie directory yo would think hovering on a certain cookies pictures would reveal more infor about it but the ALT texts just says "click to activate" This would be better if each cookie picture would say the cookie name and "click to see what its made of". Something to that extent.

http://www.bestbuy.com/
all the images under "More Best Buy Services & Solutions" do not display what clicking on it will actually do. Alternate text needs to be provided stating whether it will take you to a certain companies homepage or just another embedded bestbuy page regarding the extra services. For the Magnolia Home Theater image, an appropriate link would be " see why magnolia entertainment is superior than the rest"

http://frys.com/
All the image links just state the product order number, for instance the laptop o sale has alt text as "Outpost #5113626" This would be more informational if it said the specific computer model and specs.

darcy_cleaver Says:
11 February 2007 - 5:46pm

http://www.nba.com/
-the image in the bottom left about Sirius satellite radio
-no alternate text was provided
-should have alternate text alt="Sirius satellite radio"
-It is a link to the sirius satellite radio site.

http://texassports.com/
-the image of bevo on the top left corner
-no alternate text was provided
-should have alternate text alt="Home"
-It's a link to the homepage

http://www.chicagobears.com/
-the image of a grey t-shirt on the top right corner
-no alternative text was provided
-should have alternate text alt="store"
-It's a link that takes you to the Chicago Bears Store

http://www.mangiapizza.com/
-the image of the pizza
-no alternative text was provided
-should have alternate text alt="order pizza"
-It's a link to a page where you can order a pizza