Duplicate HTML ID

Diagnosis

What this finding means

The same ID appears more than once, making labels and anchors ambiguous.

A finding is not a verdict. Check the displayed evidence and the design intent before changing production code.

Detection

How CSS Doctor detects it

1. CSS Doctor isolates the pasted HTML and CSS in a sandboxed iframe.
2. Static rules inspect source structure; runtime rules measure the rendered result.
3. Evidence is ranked by intent, severity, confidence, affected area, and fix safety.

Before / After

Minimal example

<h2 id="features">...</h2>
<h2 id="features">...</h2>

<h2 id="features">...</h2>
<h2 id="pricing">...</h2>

The example is a starting point, not a universal patch. CSS Doctor previews Tier A and B changes before applying them and never auto-applies Tier C guidance.

Limitations

Limits and manual checks

Renaming an ID requires updating every reference.

• Production stylesheets not pasted into the tool are not fetched.
• JavaScript is never executed from user input.
• Verify the result at all breakpoints and with keyboard input.