The MyRec.com software requires an alt tag or caption to be added to every image you upload to your site. This is necessary to maintain WCAG / ADA compliance and to make your site more usable for everyone. This article will cover what information needs to be included in an image caption.
Adding or Editing a Photo Pool Caption
If you would like to edit a caption for any of the photos in your Photo Pool, you can access that through the Manage Photos menu.
- Click Manage Photos from the leftside management menu
- Select Photo pool
- Click the Edit Captions link in the upper right corner of the screen
- Revise or add the caption in the text field
- Check the box to the right of the text field to set to Active
- Click Submit at the bottom of the screen
Photos
Photos should be captioned with enough information to provide context for what appears in the image. Here's a few examples of what works and what doesn't.
Poor: horse
While there is indeed a horse in this photo, this provides no context about what the horse is doing, where it is, or anything else.
Better: Girl riding horse.
This provides more information about what appears in the photo but not much else. Consider this to be the bare minimum when captioning a photo.
Best: Teenaged girl horseback riding in a corral.
This level of detail is ideal for a photo caption. It adds enough context to the image, without going overboard. Captions should be informational, yet concise, and contain information relevant to the text used around it.
Too Much: A young girl, maybe 14 or 15, wearing a helmet over a long blonde ponytail, rides a horse. The horse is brown and adorned with a stylish purple saddle and purple leg wraps. They are in a corral located near a red-shingled building, in a mountainous region, on a sunny day.
You definitely don't need to write a novel! This much information can actually hinder a user's experience, especially if they're using a screen reader. Imagine having to sit and wait while listening to an electronic voice reading all of that, when you just want to register for a program online!
Images with Text
Captioning an image that contains text is crucial to ensuring your site is accessible. Screen readers can only read text that is typed out, either in an alt tag or written text. They can't read text on an image. This includes flyers, logos, buttons, and everything in between.
Poor: scrabble letters
In this case, the Scrabble tiles are not relevant to understanding the image. What the tiles spell out is what a user needs to know if they can't see the image.
Best: Let's go on adventures.
For images containing text, the most important information to convey to the user is what the text reads. The other details, if not necessary to understand the context of the image, do not need to be included.
Too much: "Let's go on adventures" spelled out with Scrabble tiles on a polka-dot background.
The extra details are not necessary to understand the context of this image. The most important information is what the text reads not what's surrounding it. Adding too much information to a caption takes away from the user's experience.
Alternative Option
If you attach a flyer to your site that has a lot of text on it, you do not necessarily need to include all of that text in your caption. It is acceptable to tag the image as flyer and type out the text as it appears the flyer, word for word, below or near the image.
Caption: Annual Flower Festival Flyer
Text above or below image: It's time for the Annual Flower Festival! Beautiful flower arrangements and sculptures, food, games, music, prizes, family fun. Saturday, April 1, Harrison Field, 11am-6pm. Dogs welcome!
Need Help?
Our Client Services team is happy to help! Contact us any time.