Seitenreport Seitenreport
Media in WooCommerce

Fix Alt Text Missing in WooCommerce

Informative and decorative images are treated separately. In WooCommerce you check product gallery, variant images and preview images.

Product gallery, variant images and thumbnails

Compare the product’s post image with the gallery images. A well-kept main image text does not automatically correct missing alternatives in the gallery.

Compare product main image, gallery and the image of the selected variant. In block themes, the gallery component determines its presentation; classic customizer settings do not automatically apply to every gallery block.

Where to check the setting in WooCommerce

Open product image, gallery and the image of the affected variant. Check the specific image reference and your media library information. When changing variants, the new image output must also have a suitable alternative and a reserved display space.

Example of this specific finding

Illustrative control case: An image explains the connection of a device but does not have an alt attribute. A purely decorative background wave, on the other hand, does not contain any additional information.

<img src="anschluss.webp" alt="Netzkabel am linken Anschluss einstecken">
<img src="dekorative-welle.svg" alt="">

follow-up audit in WooCommerce

Change gallery and variant selection mobile test. Actually check loaded size, alternative text and reserved area for each view.

Provide a concise suitable alternative for the informative image. Decorative img elements with empty old; take into account the link function for linked images.

Derogations and scope

An empty old is intended for decorative pictures and may not be corrected as missing content.

Regarding: WooCommerce on WordPress. Block and classic product templates as well as SEO extensions can have different output locations.

Classify the general error

Definition, system-independent causes and further correction examples: Treat informal and decorative images separately

Configuration and test signal documentation

WooCommerce: Product Images and Galleries

W3C: Task and Alternative of an Image

web.dev: Optimizing image output

Related Media Mistakes in WooCommerce