Alt Text for Images and Photos

Images and photos serving as part of the content of a webpage should always have Alternate Text (Alt text) defined.  

Alt text should describe the contents of the image/photo.  It should not include the words "photo", "image", "pic", "picture" as part of the description, as the accessibility tools/devices already prefix images with "Image of" or "Photo of" as it crawls the site.

Similarly, if a caption is featured adjacent to the photo, you should avoid using the same verbiage for the Alt Text and Caption.


W3.org includes a graphic that demonstrates examples of informative and uninformative Alt Text: https://www.w3.org/WAI/tips/writing/#write-meaningful-text-alternatives-for-images

And this YouTube video demonstrates how a screen reader tool crawls/depicts the page to a blind person.

If you visit the individual YouTube page for this video, you'll see that this particular YouTube video features a transcript.  Click the ... buttons next to SAVE and SHARE to reveal the option to show the transcript.

click on the dots then "Open transcript" to view the video's transcript to the right

Recently Updated in Web Accessibility (WCAG)

Updated Documentation Section Author/Editor
Thu, 10/11/2018 - 13:35 Web Accessibility (WCAG) >Preparing Documents for the Web >File-Naming Conventions kelseyleljedal
Thu, 10/11/2018 - 13:34 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Preparing Documents for the Web kelseyleljedal
Fri, 10/05/2018 - 13:54 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Color Palettes kelseyleljedal
Fri, 10/05/2018 - 13:54 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Transcribing Audio/Video Clips kelseyleljedal
Fri, 10/05/2018 - 13:53 Web Accessibility (WCAG) >Web Accessibility (WCAG) >Making Accessible PDFs kelseyleljedal