All CSS files are reachable

broken_stylesheets

Checks that all CSS files are reachable.

What does this rule check?

Verifies that all external stylesheet files referenced in the page return HTTP 200. Broken stylesheet references cause unstyled content (FOUC), broken layouts, and visual issues.

Why is this important?

Missing CSS files cause the page to appear unstyled or broken, destroying user experience and potentially making content unreadable. This directly affects bounce rate.

How to fix

Fix or remove broken stylesheet references. Update URLs to the correct paths.

Examples

<link rel="stylesheet" href="/css/old-theme.css" />
<!-- Returns 404 - page unstyled -->

<link rel="stylesheet" href="/css/theme.css" />
<!-- Returns 200 - styles applied -->

Agent fix snippet

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

Fix broken stylesheet references:
1. Check each <link rel="stylesheet" href="..."> URL
2. Update paths to correct locations
3. Remove references to deleted stylesheets