Alternative Text Best Practices

What is the main purpose of alternative text (alt text)?

• Improve SEO

• Replace broken images

• Help screen reader users understand the content

• Make the image more visually appealing

Which of the following is the best alt text for this logo?

• alt="Product logo."

• alt="Live beyond logo."

• alt="Live beyond logo with text: be greater than you think possible."

• alt=""
  This is a decorative image that can have an empty alt attribute

When should you use an empty alt attribute (alt="")?

• When the image is large

• When the alt text is missing

• When the image is decorative or redundant

• When the image is a logo

What is the most accurate alt text for this image?

• alt="Image of UX concepts including: Content Strategy and UX Writing, Design, and Research"

• alt="Diagram demonstrating the concepts of UX in circles: In purple, the first component is Research; In blue, the second component is Design; in Green, the third component is Content Strategy and UX Writing is a sub-component."

• alt="Diagram illustrating components of UX: Research, Design, and Content Strategy. UX Writing is a subset of Content Strategy."

What should you consider when writing alt text for complex images like charts or graphs?

• Ignore the chart as it is too complex

• Describe the colors used in the chart

• Provide a summary of the information conveyed

• List all data points in the chart

When an image contains only text, the alt text should…

• Include styling like color or shadow

• Be empty

• Describe the background of the text

• Be the exact text in the image, without quotation marks

How should dates and times be written in alt text?

• alt="03/05/25 at 3 PM."

• alt="March 5, 2025, at 3:00 PM."

• alt="Mar 5, '25 at 3pm."

• alt="5/3/2025 15h."

Which of the following should NOT be used in alt text?

• Active voice

• Special characters like ? & ;

• Period at the end of sentences

• Image type description such as charts and diagrams.

What would be a good alt text description for this image?

• alt="Image of a teacher standing by a student's desk helping them with their device."

• alt="Mrs. Nathan works hard to provide individualized support."

• alt="A teacher standing by a student's desk, helping them with their device."

• alt="img8892.jpeg"

Which is good alt-text for this image?

• alt="Image of Rocketship"

• alt="Rocketship, a vehicle to the sky"

• An empty alt attribute (alt="")

• alt="Rocketship."