Examples of descriptive alt text in context

Image and context

✅ Ideal descriptive alt text

  • Describes the scope and relevancy of the image

  • Aim for less than 120 characters

🆗 Brief alt text

  • Technically accurate, but does not give context or scope

❌ Not descriptive

  • Not human readable, if defaulted to the filename

Image and context

✅ Ideal descriptive alt text

  • Describes the scope and relevancy of the image

  • Aim for less than 120 characters

🆗 Brief alt text

  • Technically accurate, but does not give context or scope

❌ Not descriptive

  • Not human readable, if defaulted to the filename

Used on a page about SFGovTV’s work.

An SFGovTV camera operator captures a large press conference at Union Square, with Mayor London Breed at the lectern.

Camera operator.

Image%20%283%29.jpeg

 

Used on a page about how to host a street and sidewalk event.

A band plays for a crowd in the middle of a public parking lot, on top of a large octopus mural.

Block party.

image-20220923-233726-b16f0cbb.jpeg

Used on an event page about a free citizenship workshop.

An Asian woman checks the paperwork from an older Asian man as they sit opposite at a crowded conference table.

Workshop.

DSC04074.JPG

Used on a page about SF’s economic recovery.

Riders board a T-Third Muni Metro train at the Muni stop outside of the Chase Center in the Mission Bay neighborhood.

Muni light rail train.

Transportation%20Excellence.jpg

Used for a DAHLIA listing

Large, empty bedroom with bay windows, another window, dark hardwood floors, and high ceilings.

Bedroom 1

Room%20%283%29.jpeg