Learn more

Background with soft blue and grey blurred stripes and tones.

Alt Text

Alt text is a short text alternative that describes an image’s meaning or function when the image cannot be seen.

What is alt text?

Alt text is a short text alternative added to an image so people who cannot see the image can still understand its meaning or function. It is especially important on image-heavy landing pages, where product screenshots, diagrams and visual proof often support the message.

Why does alt text matter?

The primary purpose of alt text is accessibility. Screen readers use it to communicate relevant image information to people who are blind or have low vision. Decorative images should usually use an empty alt attribute so assistive technology can ignore them.

Alt text can also help search engines understand image context. Google recommends useful, descriptive wording and warns against stuffing alt attributes with keywords. Treat it as part of broader technical and on-page SEO, not as a place to force keywords.

How do you write good alt text?

Describe the image according to its purpose on the page. A product screenshot might explain what interface or result is being shown, while a chart should summarize its main point. The wording should match the surrounding search intent and page context rather than describing every visual detail.

Avoid phrases such as “image of” when they add no information. Do not repeat nearby text unnecessarily, and do not write alt text purely for conversion optimization or keyword targeting if it makes the description less useful.

What does alt text mean for B2B websites?

B2B marketing websites often rely on screenshots, customer logos, diagrams and charts to explain complex products or services. Useful alt text makes those assets easier to understand for more visitors and supports a stronger B2B marketing experience.

For linked or functional images, describe what the image does rather than only what it looks like. For example, a logo linking to the homepage should communicate the destination or function.

How does alt text work in Webflow?

In Webflow, alt text can be assigned to images and CMS image fields. Teams should add it during content entry instead of treating accessibility as a cleanup task after launch. A well-structured Webflow implementation should make this part of the publishing workflow.

Alt text also complements other descriptive page elements such as the title tag and structured page content, but each serves a different purpose.

Key takeaway

Write alt text for people first. Describe the image’s meaning or function in context, leave decorative images empty, and avoid keyword stuffing.

Written by:

Niels Voshol
Niels Voshol
Founder & Marketing Engineer
/concepts/alt-text

I am the co-founder of Overflow Agency and a B2B marketing strategist. I help marketing teams turn their websites into scalable growth systems by combining positioning, design, SEO, AI Search and conversion strategy.

More about me
More about me

Discover all our guides