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

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