Here is the list of test ideas for Image button or Image hyperlink. These are like triggering points. But you have to think in different scenarios while you are testing image button or image hyperlink. Apply different scenarios and you can find more problems with image button / hyperlink.
Feel free to write to me at Santhosh.Tuppad@gmail.com for any concern(s) you might have.
1. Check whether all area of the button is clickable or only text on that image?
2. Check if image has been hyperlinked to appropriate path
3. Check if image loads properly on most used browsers like Internet Explorer 7/8, Mozilla Firefox, Google Chrome, SeaMonkey, Opera, Netscape etc.
4. Check the size of image button – This is to check the performance on how it loads in the webpage
5. Check if image button has Title attribute or ALT attribute set – Sometimes both attributes need to be used as it can be compatible with IE and FF
Example: With respect to 5th point, images are recommended to have title or alt attribute because sometimes when image doesn’t load properly end-user can be given a hint about the image by displaying title or alt text
6. Check the height and width of image button is usable or not and also check if the color of button matches the design and doesn’t look awkward or weird
7. Check what happens when you alter the size of your browser window horizontally and vertically – Does the image button overlap with some content or disturbs the layout? – This is because sometimes content could be loaded on mobile phone and monitors with lesser size
8. Related to 5th point: Check if title or alt text is appropriate which could be understood by an end-user when image doesn’t load properly and also check for spelling and grammatical mistakes if any
9. Check how does image look with Grayscale – Users with color blindness

2 Comments
Like the testing ideas…..specially the 9th one
@Mohit,
Glad to hear that. And also if you want to use Grayscale feature then Opera would be your browser as Opera has built-in option for Grayscale :)
Cool source for readers: http://www.grayit.com/ – You can view how the product looks in grayscale ( Web Application )
Post a Comment