SEO

Alt Text

Also called alt attribute, alt tag, image alt text

Alt text is a short description in an image's HTML that screen readers read aloud and search engines use to understand what the image shows.

Quick facts: Alt Text

Category
SEO
Also called
alt attribute, alt tag, image alt text
Level
Beginner
Affects
Accessibility, image search visibility, page relevance, compliance with WCAG
Where to see it
Your CMS media library, Lighthouse, WAVE, Screaming Frog, a screen reader such as NVDA or VoiceOver
In this article4
  1. How alt text works
  2. Why it matters
  3. Common mistakes
  4. How to act on it

Alt text is a short written description of an image, placed in the image’s HTML as the alt attribute, that tells people and machines what the image shows. Screen readers read it aloud to blind and partially sighted users, browsers display it when an image fails to load, and search engines use it to understand the image and the page around it.

How alt text works

In the code, it looks like this: <img src="boiler-service.webp" alt="Engineer checking the pressure gauge on a combination boiler">. Most content management systems, including WordPress, give you an “Alternative text” field in the media library or the image block, so you rarely need to touch the code.

A screen reader announces the image and reads the description in the flow of the page. If the attribute is missing, many screen readers read out the file name instead, which might be “IMG_4421.jpg”. If the attribute is present but empty (alt=""), the screen reader skips the image, which is the correct treatment for decoration such as a background pattern or a divider.

Google uses alt text alongside the file name, caption and surrounding text to work out what an image shows, which affects whether it appears in image search and Google Lens results. It is one of several signals covered under image SEO.

Why it matters

For a UK business, the first reason is people. The Equality Act 2010 requires service providers to make reasonable adjustments for disabled people, and an inaccessible website can fall within that. The accepted measure of an accessible site is WCAG at level AA, which requires a text alternative for every meaningful image. Public sector bodies have a specific legal duty to meet it.

The second reason is search. Product photos, project galleries and diagrams with clear alt text can bring visitors from image search, and the descriptions reinforce what the page is about. For an online shop, a product image described as “Navy wool peacoat, double-breasted, shown on a model” is far more useful than “product1”.

Common mistakes

  • Leaving the alt attribute out, so screen readers fall back to the file name.
  • Writing “image of” or “photo of”. Screen readers already announce that it is an image.
  • Stuffing keywords: “SEO consultant London best SEO London SEO expert”. This helps nobody and reads as spam.
  • Copying the page title or the same phrase onto every image.
  • Describing decorative images at length, which slows down screen reader users.
  • Using images of text, such as an offer banner, with alt text that does not repeat the words.
  • Writing alt text for a linked image that describes the picture rather than where the link goes.

How to act on it

Run a crawl or a Lighthouse accessibility check to list images with missing alt attributes, then work through the important pages first: home, services, products and contact. For each image, ask what a person who cannot see it needs to know in this context. Usually one short sentence does the job. If the image is a chart, summarise the point it makes in the alt text or in the surrounding copy.

Mark decorative images with an empty alt attribute rather than leaving it missing. Make writing alt text part of uploading any new image, so the backlog does not return. Reviewing images, headings and page copy together is part of the on-page SEO work I do for UK sites.

Do and do not

Do

  • Describe what the image shows and why it is on the page
  • Use an empty alt attribute (alt="") for purely decorative images
  • Put the text from any image of text into the alt text

Do not

  • Start with "image of" or "picture of"
  • Stuff keywords or repeat the same alt text on every image
  • Leave the alt attribute out entirely

Questions people ask about this

Is alt text the same as an alt tag?

People use the terms interchangeably, but strictly alt is an attribute of the img tag, not a tag in its own right. "Alt text" refers to the description you write in that attribute. The meaning in everyday use is the same.

How long should alt text be?

Long enough to convey what matters, usually one short sentence. Many screen readers handle long text fine, but brevity respects the listener's time. If an image needs a detailed explanation, such as a complex chart, put that in a caption or the body text and keep the alt text brief.

Does alt text help SEO?

Yes, mainly for image search and for helping Google understand what each image shows. It is a modest signal for the page as a whole. Write it for people first; descriptive, accurate alt text tends to serve search well without any keyword effort.

Related terms

Found this useful?

Share it, or ask an AI to summarise it

Back to the glossary

Knowing the term is the easy part

Applying it to your own site and budget is the work. Book a call and I will tell you what actually applies to you.