All images are reachable

broken_images

Checks that all images are reachable.

What does this rule check?

Verifies that all image URLs referenced in the page return HTTP 200. Broken images show as broken image icons or empty space, degrading the visual experience.

Why is this important?

Broken images create a poor visual experience, reduce trust, and waste layout space. They also mean lost alt-text SEO value and potential CLS issues.

How to fix

Fix or remove broken image references. Re-upload missing images. Update URLs to correct paths.

Examples

<img src="/images/deleted-product.jpg" alt="Product" />
<!-- Returns 404 - broken image icon shown -->

<img src="/images/product.jpg" alt="Product" />
<!-- Returns 200 - image displays correctly -->

Agent fix snippet

Copy this snippet and paste it into your AI coding agent to fix this issue automatically.

Fix broken image references:
1. Check each <img src="..."> URL
2. Re-upload missing images
3. Update paths to correct locations
4. Remove <img> tags for permanently deleted images