The problem: Contribute makes it easy to add images, but it doesn't prompt you to finish the job by adding alternate text for them.
What's alternate text?: Alternate text is a snippet of text that takes the place of an image on a website when the image cannot be displayed. Some situations where alternate text would appear instead of the image: a bad image URL causing "Image not found" errors, anyone using a browser with images turned off to make pages load faster over a dial-up Internet connection, or a visually-impaired person using a screen reader to access a web page.
Why it matters: Best practice is to add alternate text to images that carry meaning as a safeguard for any of the situations mentioned above. It's part of the Web Content Accessibility Guidelines and the Section 508 Standards -- and if that's not enough encouragement, it's also common courtesy (it's a little rude to make people guess what an image means when they can't see it).
The solution: Use Contribute's "Image Properties" button to add alternate text to any meaningful image you use in your web pages. (Click on the images to view a larger version in a pop-up window.)
- Insert an image into a page as you normally would
- Click on the image to select it
- Click on the "Image Properties" button (or right-click on the image itself and select "Image Properties")
- In the popup window that appears, type the alternate text in the "Alternate Text" box
- Click "OK" and continue editing the page as needed.
Writing Effective Alternate Text:
- Be concise and shoot for 50 characters or less. Technically there is no length limit, but some browsers may cut off very long alternate text if image-loading is turned off or if they cannot locate the image.
- Do say what the picture represents, or summarize its function
- Don't say "Picture of..."
- Don't add alternate text if the image is purely decorative or does not add meaning to the page
- Good examples: "Patrons enjoying the library," "Beach Reads on display in the library," etc.