See through versioned stylesheets and catch standard-tracked kickers

Paul's codex build carried an element literally named class="kicker"
and the detector returned one finding. Two independent blind spots:

- The linked stylesheet was styles.css?v=3, and the href resolved as a
  literal path with the query string in it, so the whole sheet was
  invisible to every element-level check: 1 finding with the link, 18
  with the CSS inlined. Hrefs now strip query and hash before resolving.
- The kicker gate demanded letter-spacing >= max(1px, 0.08 * size). The
  wild's most common recipe, 0.08em at 12px, computes to 0.973px and
  lost to the absolute floor by a fraction. The floor is now purely
  proportional (0.06 * size), with a fixture case pinning the exact
  shape that slipped through.

With both fixed, the failed codex build scans at 18 findings including
its numbered section kickers (numbered-section-labels), side-tab
stripe, and grid background.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-07-29 17:45:45 -07:00
co-authored by Claude Fable 5
parent 28af30eff0
commit cfb6274a18
5 changed files with 34 additions and 3 deletions
@@ -915,6 +915,7 @@ describe('detectHtml — hero-eyebrow-chip', () => {
describe('detectHtml — kicker-above-heading', () => {
const SHOULD_FLAG = [
'A Single Kicker Still Flags',
'Standard Tracking Kicker',
'Kicker Above An H3',
'Kicker Above An H4',
'Sub Hero Heading',
+19
View File
@@ -43,6 +43,19 @@
.pass-kicker-caps {
text-transform: uppercase;
}
/* The wild's most common kicker recipe: 0.08em tracking at a sub-13px
size computes to under 1px, which the old absolute floor excluded. */
.tight-tracked-kicker {
display: block;
width: 240px;
min-height: 16px;
margin: 0 0 8px;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #5b5046;
}
.smallcaps-kicker {
display: block;
width: 240px;
@@ -187,6 +200,12 @@
<p>One tracked uppercase label above one heading is enough. No repetition required.</p>
</section>
<section class="case">
<span class="tight-tracked-kicker">Output model</span>
<h2>"Standard Tracking Kicker"</h2>
<p>Uppercase at 12px with 0.08em tracking is the most common authored kicker and must flag.</p>
</section>
<section class="case">
<p class="kicker">Preview sequence</p>
<h3>"Kicker Above An H3"</h3>