Generate alt text for a selected image
1
Select an Image element
In the Designer, select an Image element on the canvas. Open Apps → AltTextLab and go to the Selected image tab.
2
Add keywords (optional)
Enter comma-separated keywords, for example
running shoes, blue, men's.3
Choose a destination
Select This page only or All pages using this image. See Element vs. asset alt text.
4
Generate
Click Generate alt text. The result appears with a thumbnail and the text.
Manage alt text on a page
Go to the Page images tab and click Find all images. The app scans the current page only and lists Image elements that have an asset. The list shows the number of images found, the page name, Refresh, and Bulk actions. Each row has:Manual editing and single generation
Each row works on one image at a time. You can write the alt text yourself or generate it. Edit by hand- Click the alt text field and type or change the text.
- Choose the scope: This page only or All pages using this image.
- Click Update to save. The button is enabled only after you change something.
- Optionally click the tag icon and enter comma-separated keywords, for example
running shoes, blue, men's. The app uses up to six. See Keywords. - Choose the scope: This page only or All pages using this image.
- Click Generate. The app generates the alt text and saves it immediately, replacing any existing text.
Bulk generation
- Click Bulk actions.
- Select images with the checkboxes, or click Select all.
- Optionally add keywords for all selected images and choose a destination.
- Click Generate for selected, or Mark as decorative to mark the selection.
Don’t close the app while generation is in progress.
Manage alt text in the asset library
Go to the Asset library tab and click Find all assets. The app scans your Webflow Assets library (“X of Y assets scanned”), keeps only image files, and shows “N assets found”. Each row has:
Changes always go to the asset’s alt text, which elements inherit by default. There is no scope option here.
Manual editing and single generation
Each row works on one asset at a time. Edit by hand- Click the alt text field and type or change the text.
- Click Update to save. The button is enabled only after you change something.
- Optionally click the tag icon and enter comma-separated keywords. The app uses up to six. See Keywords.
- Click Generate. The app generates the alt text and saves it immediately, replacing any existing text.
Bulk generation
- Select assets with the checkboxes, or click Select all.
- Optionally add keywords for all selected assets.
- Click Generate for selected, or Mark as decorative to mark the selection.
Don’t close the app while generation is in progress.
Element vs. asset alt text
Decorative images
The Decorative checkbox tells screen readers to skip the image. The app saves an empty alt text. Use it for images that add no information, such as background flourishes or dividers.Keywords
You can add keywords to use during alt text generation. They help with SEO: relevant terms can make the alt text better match what people search for. The AI works keywords into the alt text only when it’s possible and doesn’t change the meaning of the image. If a keyword doesn’t fit what the image shows, the AI leaves it out. Keywords can also help the AI understand the context in which the image is used, which can improve the description.Tips and limitations
- Generation overwrites existing alt text without confirmation.
- Images are processed one by one.
- The list doesn’t update itself. Click Refresh after you switch pages or edit in the Designer.
- The app handles Image elements and image assets only. There are no filters, search, or folders. Large libraries take longer to scan.
- Images in CMS collections aren’t supported. See Webflow CMS.