Good example
This image alt text describes the content of the image in the context of the rest of the page.

alt="Rustic red barn surrounded by rolling hills"
alt="Midwest agricultural field and barn"
Bad example
- Do not add “image of”, “photo of”, “picture of”, etc. to the description
- There is no need to describe the role of the image
- The screen reader will declare it as an image or graphic

<img src="/assets/images/examples/barn.jpg"
alt="Image of rustic red barn surrounded by rolling hills">

Alt text can vary depending on context.
- Generic science page:
alt="Researcher using a microscope"
- Article about diversity in science:
alt="African American woman using a microscope"
- Profile for Rachael Jenkins:
alt="Professor Rachael Jenkins examining specimens"
- E-commerce:
alt="Lab analyst using the new XJ9000 lens"
- Assessment of Midjourney capabilities:
alt="Awkward closeup with bokeh covering foreground objects"
Bad example
This image alt text is overly descriptive. It shouldn’t sound like a Midjourney prompt.
<img src="/assets/images/icons/logo-apple.svg"
alt="A flat minimalistic apple
designed as a black icon with a
bite taken out of the right side
and a single leaf on top leaning
the right">
Good example
<img src="/assets/images/icons/logo-apple.svg"
alt="Apple logo">