Home / Guides / Add alt text

WordPress

How to Add Alt Text to Images in WordPress

The block editor, the Media Library and the fixes when your alt text refuses to show up.

In WordPress, click the image block, open the block settings panel and type a description in the Alternative text field, then update the post. The same field exists under Media, then Library. Aim for 5 to 15 words that describe the image in its context.

Block editor

Add alt text in the block editor

01

Select the image block

In the editor, click the image you want to describe. The block toolbar appears and the right-hand panel switches to that block’s settings.

02

Open the block settings

If the panel is closed, click the gear icon in the top right corner. The image options sit under the Block tab.

03

Fill the Alternative text field

Type a short description of what the image shows, in its context. "Red trail running shoe, side view" tells more than "shoe".

04

Update the post

Save or update. The alt attribute now ships with the page, readable by screen readers and search engines.

Media Library
✳

How to add alt text from the Media Library

Go to Media, then Library, and click any image to open its details. The Alternative text field sits at the top of the panel and saves automatically as you type.

One catch: WordPress copies the alt into a post at insertion time. Filling the field here covers future insertions, but images already placed in published posts keep whatever they had.

Filikod wordpress media alt text field

Alt text in Elementor

Elementor’s own documentation puts the alt text in the Media Library. The help page for the Image widget advises giving the image an Alt Text description there, and the Content settings it lists (image, resolution, alignment, caption, link) include no alt field. The page for the Editor v4 Image element lists an image, a resolution, a link and an ID, and no alt field either. Set the alt in Media › Library, then check the rendered page.

For galleries and dynamic images, check the result. The help pages for the Image Gallery and Image Carousel widgets say nothing about alt text. The Image widget can also pull the featured image, the site logo or the author’s profile picture through its Dynamic option, and its help page does not say which alt text those use. Paste the page into the free alt text checker to see what is printed.

Background images are a separate case. Elementor sets them under Style › Background, and its instructions for a section or container background image mention no alt text. A CSS background image cannot take alt text (WebAIM says so), so keep backgrounds for decoration. If the picture carries information, add it with an Image widget and write its alt in the Media Library. For logos, icons and buttons, see our guide to alt text for decorative images, logos and icons.

Filikod wordpress media alt text field
Writing tips

How to write alt text in WordPress

The field is easy to find. What you type in it decides whether the effort pays off.

Describe the context

The same photo deserves a different alt on a product page and in a blog post. Say what the image shows and why it sits on this page.

Aim for 5 to 15 words

That lands between 8 and 125 characters. Below that, the description says too little; beyond, some screen readers cut the text.

Go straight to the subject

Screen readers already announce the element as an image, so skip "image of" and "photo of". Start with the subject itself.

Troubleshooting

Why alt text doesn't show up in WordPress

Alt filled in but nowhere to be seen? These eight situations cover the usual causes. To see what the published page really outputs, check if the image has alt text or run the page through the free alt checker. If Lighthouse is the one complaining, start with our guide to the “Image elements do not have [alt] attributes” warning.

What you seeLikely causeThe fix
Alt filled in the Media Library, missing in the postThe image was inserted before the alt existed; WordPress copies it at insertion timeOpen the post, select the image block and fill the field there
Alt filled in the editor, absent on the live pageYour page builder or theme outputs the image its own wayCheck where it takes the alt from: Elementor uses the Media Library value, other builders may have their own field
Alt present in the code, still flagged by toolsA lazy-loading script rewrites the img tagCheck the final rendered HTML and the script’s settings
No alt field at allThe visual is a CSS background imageSwitch to a real img tag when the image carries information
Alt fixed in one post, still old in another post that uses the same imageA change made in a block applies to that post only; the Media Library value is just the default for later insertionsFix the image block in each post that uses the image
New alt saved, old text still on the live pageA page cache serves a stored copy of the pageClear the cache in your caching plugin or at your host, then reload the page
Alt on the page differs from the one in the Media LibraryAn SEO plugin adds or replaces the alt when the page is displayed. Rank Math, for example, documents options that do this and leave the stored alt unchangedCheck the image settings of your SEO plugin, then compare the rendered HTML with the Media Library
Text appears when you hover over the image, but it is not your altBrowsers can show the title attribute as a tooltip. The alt is read by screen readers and shown when the image does not loadFill the Alternative text field. The title attribute, in the Advanced panel of the Image block, is not a substitute
25.2%

of audited images have no alt text at all

37.3%

carry at least one alt text issue

67.6/100

average alt quality score across our audits

FAQ

Frequently asked questions

No. WordPress copies the alt into the post when you insert the image. To fix a published post, edit the image block there, or see our guide to bulk alt text in WordPress.

Not on its own. Every alt starts empty until someone writes it. Some plugins can suggest or generate descriptions to speed the job up.

The free Filikod plugin audits the media library and lists images by issue: missing, generic, duplicated or too short.

Most builders keep their own alt field inside the image widget, separate from the Media Library. Fill the field in the builder, then check the rendered page.

Another question?

The full FAQ covers the checker, the score, the plugin and how your data is handled.

Hundreds of images to fix?

Filikod audits your entire media library, scores every image and sorts the problems so the worst come first. Free, rated 5/5 on WordPress.org.