QABattle

Accessibility / Scenario

The Alt-Text Audit

Decorative, informative, functional, and complex images, five <img> tags, five different judgment calls.

Difficulty
Medium
Format
Scenario
Points
150
Estimate
13 min

// MISSION BRIEF

Your Mission

Alt text is not "describe the pixels", it is "convey the image's purpose in context". This page gets it wrong five different ways: a verbose decorative image, an informative photo with empty alt, a logo link named "logo", a chart called "chart", and an icon button with no name at all.

Audit each image and make the right call.

// FIRST CONTACT

Battle teaser

First artifact

Page markup (five images)

Which alt attributes are WRONG as written? (Select all that apply.)

  1. AThe decorative flourish has verbose alt (it should be alt="")
  2. BThe informative product photo has empty alt, losing the information
  3. CThe logo link's alt="logo" does not convey the link's destination
  4. DThe icon-only delete button has empty alt, so the button has no accessible name
Answers, scoring, hints, and the full battle stay sealed.

// SKILL TAGS

accessibilityalt-textimageswcag