[object Object]

← back to Thesetdecorator

TSD a11y/SEO: one <h1> per page (demote secondary H1s to h2)

ad4d3ffcc6c6838cc4826e5efbf591d9e0491b43 · 2026-06-03 07:58:14 -0700 · SteveStudio2

union-talk.html injected union-name H1 + logo-variants bottom-hero tagline H1
were second H1s on pages that already had a primary H1. Demoted both to h2;
extended .hero h1 selector to .hero h1,.hero h2 so styling is unchanged.
popout.html (4 H1s) left as-is — utility popout, not a real page.
yolo audit item #1 · local only, no deploy.

Files touched

Diff

commit ad4d3ffcc6c6838cc4826e5efbf591d9e0491b43
Author: SteveStudio2 <steve@designerwallcoverings.com>
Date:   Wed Jun 3 07:58:14 2026 -0700

    TSD a11y/SEO: one <h1> per page (demote secondary H1s to h2)
    
    union-talk.html injected union-name H1 + logo-variants bottom-hero tagline H1
    were second H1s on pages that already had a primary H1. Demoted both to h2;
    extended .hero h1 selector to .hero h1,.hero h2 so styling is unchanged.
    popout.html (4 H1s) left as-is — utility popout, not a real page.
    yolo audit item #1 · local only, no deploy.
---
 public/logo-variants.html | 4 ++--
 public/union-talk.html    | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/public/logo-variants.html b/public/logo-variants.html
index ed104ea..d50bee9 100644
--- a/public/logo-variants.html
+++ b/public/logo-variants.html
@@ -544,7 +544,7 @@ function buildPreviewHtml(v) {
   .nav span{cursor:pointer}
   .nav span:hover{color:var(--accent);opacity:1}
   .hero{position:relative;padding:calc(var(--gap) + 14px) var(--gap) var(--gap);min-height:180px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0.7)),url('/img/hero/hero-rendered.jpg') center/cover;border-bottom:1px solid var(--rule);color:#f1ece2}
-  .hero h1{font-family:'Playfair Display',serif;font-weight:700;font-size:calc(var(--h-size) + 14px);margin:0 0 8px;line-height:1.15;font-family:var(--font)}
+  .hero h1, .hero h2{font-family:'Playfair Display',serif;font-weight:700;font-size:calc(var(--h-size) + 14px);margin:0 0 8px;line-height:1.15;font-family:var(--font)}
   .hero p{margin:0 0 12px;color:rgba(255,255,255,0.82);max-width:520px;font-size:var(--body-size)}
   .hero .credit{font-size:0.72em;color:rgba(255,255,255,0.55);font-style:italic}
   .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);padding:var(--gap)}
@@ -580,7 +580,7 @@ function buildPreviewHtml(v) {
     <button class="hamburger" aria-label="Menu">≡</button>
   </header>
   <section class="hero">
-    <h1>Cleared artwork, prop dig, fast print delivery</h1>
+    <h2>Cleared artwork, prop dig, fast print delivery</h2>
     <p>Production-vetted wallcoverings, cleared artwork, and prop dig — built for the working set.</p>
     <span class="credit">Featured: Victory Damask Flocked Velvet — Phillipe Romano</span>
   </section>
diff --git a/public/union-talk.html b/public/union-talk.html
index a37d9f2..e900066 100644
--- a/public/union-talk.html
+++ b/public/union-talk.html
@@ -124,7 +124,7 @@
       document.getElementById('single-union').innerHTML = `
         <p><a href="/union-talk.html" class="muted">← All union hubs</a></p>
         <header style="margin:1rem 0 2rem">
-          <h1 style="font-family:var(--font-display);font-size:2.4rem;margin:0 0 0.3rem">${escapeHtml(u.name)}</h1>
+          <h2 style="font-family:var(--font-display);font-size:2.4rem;margin:0 0 0.3rem">${escapeHtml(u.name)}</h2>
           <p style="font-style:italic;color:var(--muted);margin:0 0 0.3rem">${escapeHtml(u.long_name)}</p>
           ${u.address ? `<p class="muted" style="font-size:0.88rem;margin:0">${escapeHtml(u.address)}${u.phone ? ' · <a href="tel:' + escapeHtml(u.phone.replace(/[^+\d]/g,'')) + '">' + escapeHtml(u.phone) + '</a>' : ''}${u.url ? ' · <a href="' + escapeHtml(u.url) + '" target="_blank" rel="noopener noreferrer">' + escapeHtml(u.url.replace(/^https?:\/\//,'')) + '</a>' : ''}</p>` : ''}
           ${u.note ? `<p class="muted" style="font-style:italic;font-size:0.85rem;margin-top:0.4rem">${escapeHtml(u.note)}</p>` : ''}

← c9ef306 backlog: concrete next-tick audit items from 2026-06-03 fres  ·  back to Thesetdecorator  ·  TSD a11y: add keyboard focus-visible ring to games page 2201e36 →