← back to Sdcc Mockups
html/report.html
507 lines
<!doctype html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>SDCC Audit Report</title>
<style>
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;background:#fafaf9;color:#1c1917;line-height:1.6;font-size:16px}
.skip{position:absolute;top:-40px;left:0;background:#1c1917;color:#fff;padding:8px;z-index:100}.skip:focus{top:0}
header{background:#1c1917;color:#fafaf9;padding:48px 32px;position:relative}
.hd-inner{max-width:1100px;margin:0 auto}
.crumbs{font-size:12px;color:#a8a29e;letter-spacing:.06em;text-transform:uppercase;margin-bottom:24px}
.crumbs a{color:#fbbf24;text-decoration:none}
header h1{font-family:Georgia,serif;font-size:54px;font-weight:400;letter-spacing:-.02em;line-height:1.05;margin-bottom:14px;max-width:880px}
header .deck{font-size:18px;color:#d6d3d1;line-height:1.55;max-width:780px;margin-bottom:24px}
.meta-row{display:flex;gap:32px;font-size:13px;color:#a8a29e;flex-wrap:wrap}
.meta-row strong{color:#fbbf24;font-weight:600}
.toc{background:#fafaf9;border-bottom:1px solid #e7e5e4;padding:24px 32px;position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);background:rgba(250,250,249,.95)}
.toc-inner{max-width:1100px;margin:0 auto;display:flex;gap:24px;flex-wrap:wrap;font-size:13px}
.toc a{color:#57534e;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.toc a:hover{color:#1c1917;border-color:#fbbf24}
main{max-width:1100px;margin:0 auto;padding:48px 32px}
section{margin-bottom:64px}
section h2{font-family:Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-.015em;margin-bottom:6px;line-height:1.1}
section h2 .num{font-size:14px;color:#a8a29e;font-family:monospace;font-weight:400;letter-spacing:.06em;margin-right:14px}
section .sectionsub{color:#78716c;font-size:14px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #e7e5e4}
h3{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:32px 0 12px;letter-spacing:-.01em}
h4{font-size:16px;font-weight:600;margin:20px 0 10px;color:#1c1917}
p{margin-bottom:14px;color:#292524}
.exec-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.exec-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:24px}
.exec-card h4{font-size:13px;color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
.exec-card.wins h4{color:#16a34a}
.exec-card.gaps h4{color:#dc2626}
.exec-card ul{list-style:none;padding:0}
.exec-card li{padding:8px 0;border-bottom:1px solid #f5f5f4;font-size:15px;display:flex;gap:10px;align-items:start}
.exec-card li::before{content:"●";color:#fbbf24;flex-shrink:0;line-height:1.5;font-size:10px;margin-top:6px}
.exec-card.wins li::before{color:#16a34a}
.exec-card.gaps li::before{color:#dc2626}
.exec-card li:last-child{border:0}
.numbers{background:#1c1917;color:#fafaf9;padding:32px;border-radius:14px;margin-bottom:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.num-stat{padding:12px}
.num-n{font-family:Georgia,serif;font-size:42px;font-weight:400;line-height:1;color:#fbbf24;letter-spacing:-.02em;margin-bottom:6px}
.num-l{font-size:13px;color:#d6d3d1;line-height:1.4}
.severity-bar{display:flex;gap:8px;margin:12px 0 24px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.sev{padding:4px 10px;border-radius:99px}
.sev-p0{background:#fee2e2;color:#991b1b}
.sev-p1{background:#fed7aa;color:#9a3412}
.sev-p2{background:#fef3c7;color:#854d0e}
.sev-ok{background:#dcfce7;color:#166534}
.findings-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e7e5e4;font-size:14px;margin-bottom:24px}
.findings-table thead{background:#fafaf9}
.findings-table th{text-align:left;padding:14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#57534e;border-bottom:1px solid #e7e5e4}
.findings-table td{padding:14px;border-bottom:1px solid #f5f5f4;vertical-align:top}
.findings-table tr:last-child td{border:0}
.findings-table .sev-cell{font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.findings-table .sev-cell.p0{color:#dc2626}
.findings-table .sev-cell.p1{color:#ea580c}
.findings-table .sev-cell.p2{color:#ca8a04}
.findings-table .url{font-family:monospace;font-size:12px;color:#7c3aed}
.grade-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e7e5e4;font-size:14px;margin-bottom:24px}
.grade-table thead{background:#fafaf9}
.grade-table th{text-align:left;padding:14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#57534e;border-bottom:1px solid #e7e5e4}
.grade-table td{padding:14px;border-bottom:1px solid #f5f5f4;vertical-align:top}
.grade-table tr:last-child td{border:0}
.grade-cell{display:inline-block;width:36px;height:36px;border-radius:8px;text-align:center;line-height:36px;font-weight:700;font-size:15px;font-family:Georgia,serif}
.g-A{background:#dcfce7;color:#166534}
.g-B{background:#dbeafe;color:#1e40af}
.g-C{background:#fef3c7;color:#854d0e}
.g-D{background:#fed7aa;color:#9a3412}
.g-F{background:#fee2e2;color:#991b1b}
.add-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:24px;margin-bottom:14px}
.add-h{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px;gap:14px}
.add-h h3{margin:0;flex:1}
.add-rec{flex-shrink:0;padding:6px 14px;border-radius:99px;font-weight:700;font-size:13px;letter-spacing:.04em}
.add-rec.A{background:#dcfce7;color:#166534}
.add-rec.B{background:#dbeafe;color:#1e40af}
.add-rec.C{background:#fef3c7;color:#854d0e}
.add-card .impact{background:#fafaf9;padding:12px 14px;border-left:3px solid #fbbf24;font-size:14px;margin-bottom:14px;border-radius:0 8px 8px 0}
.add-card .impact strong{color:#1c1917}
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}
.pc{padding:12px;border-radius:8px}
.pros{background:#f0fdf4;border:1px solid #bbf7d0}
.cons{background:#fef2f2;border:1px solid #fecaca}
.pc h4{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.pros h4{color:#166534}
.cons h4{color:#991b1b}
.pc ul{list-style:none;padding:0}
.pc li{padding:3px 0;line-height:1.4}
.add-meta{margin-top:12px;display:flex;gap:14px;font-size:12px;color:#78716c;flex-wrap:wrap}
.add-meta strong{color:#1c1917}
.roadmap{background:#fff;border:1px solid #e7e5e4;border-radius:14px;padding:0;overflow:hidden;margin-bottom:24px}
.roadmap-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #f5f5f4}
.roadmap-row:last-child{border:0}
.roadmap-when{background:#fafaf9;padding:24px;font-family:Georgia,serif;font-size:18px;color:#fbbf24;font-weight:400;border-right:1px solid #e7e5e4}
.roadmap-when small{display:block;font-family:monospace;font-size:11px;color:#78716c;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.roadmap-items{padding:18px 24px}
.roadmap-item{padding:8px 0;display:flex;gap:14px;align-items:start;font-size:14px}
.roadmap-item::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#fbbf24;margin-top:8px}
footer.docfoot{background:#1c1917;color:#a8a29e;padding:32px;text-align:center;font-size:13px;margin-top:48px}
footer.docfoot a{color:#fbbf24;text-decoration:none}
.callout{background:#fef9c3;border-left:4px solid #ca8a04;padding:18px 22px;border-radius:0 10px 10px 0;margin:24px 0;font-size:15px}
.callout strong{color:#854d0e}
@media (max-width:780px){.exec-grid,.numbers,.proscons{grid-template-columns:1fr}.roadmap-row{grid-template-columns:1fr}.roadmap-when{border-right:0;border-bottom:1px solid #e7e5e4}}
</style></head><body>
<a class="skip" href="#m">Skip to main content</a>
<header>
<div class="hd-inner">
<div class="crumbs"><a href="/">SDCC Analysis</a> / Audit Report</div>
<h1>studentdebtcrisis.org — comprehensive audit.</h1>
<p class="deck">31 pages crawled, 637 links audited, 230 images inventoried, 8 representative pages SEO-graded, 14 components UX-scored, 15 candidate additions analyzed for impact and effort. The findings below are organized for action, not exhaustive listing.</p>
<div class="meta-row">
<span>Audit date <strong>2026-05-03</strong></span>
<span>Platform <strong>Wix</strong></span>
<span>Pages <strong>31</strong></span>
<span>Links audited <strong>637</strong> (0 dead in spot)</span>
<span>Images <strong>230</strong> (95.7% have alt attribute)</span>
</div>
</div>
</header>
<nav class="toc" aria-label="Section navigation"><div class="toc-inner">
<a href="#exec">Executive Summary</a>
<a href="#numbers">By the Numbers</a>
<a href="#technical">Technical SEO</a>
<a href="#a11y">Accessibility</a>
<a href="#links">Links + Images</a>
<a href="#components">Component Grades</a>
<a href="#additions">Suggested Additions</a>
<a href="#peers">Peer Lessons</a>
<a href="#roadmap">90-Day Roadmap</a>
</div></nav>
<main id="m">
<section id="exec">
<h2><span class="num">§ 1</span>Executive Summary</h2>
<p class="sectionsub">The shape of the diagnosis in 90 seconds. Read this first; drill into individual sections only as needed.</p>
<p>SDCC has substantively strong content and a credible policy operation, but the front-end implementation throws away most of that strength before a visitor sees it. Every audited page is missing a meta description, has zero structured data, has no Open Graph tags, and uses raw filenames as alt text — meaning when an SDCC article is shared on Facebook or LinkedIn, the preview is blank. The single highest-leverage fix on the entire site is adding FAQPage schema to <code>/student-debt-cancellation</code> (which already contains 30+ properly-tagged FAQ entries) — that alone could move organic traffic measurably within weeks.</p>
<p>On the UX side, the donation page, the petition page, and the newsletter signup are all underbuilt by 2026 advocacy-org standards. The donate page has no preset amounts with impact anchors and no monthly-default toggle; a properly built donation page at peer orgs converts at 12–18% versus an estimated 2–4% currently. The petition page does not show a live signature count. The newsletter has no lead magnet. Each of these is a finite project (S–M effort) with measurable conversion lift.</p>
<div class="exec-grid">
<div class="exec-card wins">
<h4>3 things to keep</h4>
<ul>
<li><strong>URL structure + press archive</strong> — clean slugs, chronological format, solid SEO foundation worth preserving</li>
<li><strong>Content depth + policy accuracy</strong> — the writing is substantively strong; this is a genuine differentiator</li>
<li><strong>"Take Action" as a top-nav item</strong> — most non-profits bury this; the instinct is right</li>
</ul>
</div>
<div class="exec-card gaps">
<h4>3 things blocking the most growth</h4>
<ul>
<li><strong>Zero structured data + zero meta descriptions</strong> sitewide — every social share is blank, every SERP listing under-optimized</li>
<li><strong>Donation page</strong> — 2–4% conversion vs. peer 12–18%; tiered amounts + monthly default would close most of the gap</li>
<li><strong>Stories live as text-only quotes</strong> — borrower faces, real names, and outcomes are SDCC's strongest emotional asset and are nowhere on the homepage</li>
</ul>
</div>
</div>
<div class="callout">
<strong>Single biggest leverage point:</strong> add JSON-LD <code>FAQPage</code> schema to <code>/student-debt-cancellation</code>. The page already has 30+ PSLF/IDR questions in proper H3 tags. Adding the schema wrapper unlocks rich-snippet treatment in Google for high-intent borrower queries. Estimated effort: ~2 hours via Wix Custom Code panel. Estimated impact: meaningful organic traffic increase within 2–6 weeks.
</div>
</section>
<section id="numbers">
<h2><span class="num">§ 2</span>By the Numbers</h2>
<p class="sectionsub">Quantified state of the site as of May 3, 2026.</p>
<div class="numbers">
<div class="num-stat"><div class="num-n">31</div><div class="num-l">Pages crawled at depth ≤ 3</div></div>
<div class="num-stat"><div class="num-n">637</div><div class="num-l">Links audited</div></div>
<div class="num-stat"><div class="num-n">0</div><div class="num-l">Dead links found in spot check (30 high-value ext URLs)</div></div>
<div class="num-stat"><div class="num-n">230</div><div class="num-l">Images on the site</div></div>
<div class="num-stat"><div class="num-n">95.7%</div><div class="num-l">Of images have an <em>alt</em> attribute…</div></div>
<div class="num-stat"><div class="num-n">~0%</div><div class="num-l">…have <em>meaningful</em> alt text on audited pages</div></div>
<div class="num-stat"><div class="num-n">0</div><div class="num-l">Pages with structured data (JSON-LD)</div></div>
<div class="num-stat"><div class="num-n">0</div><div class="num-l">Pages with Open Graph or Twitter Card tags</div></div>
<div class="num-stat"><div class="num-n">12+</div><div class="num-l">External domains linked, all functional</div></div>
<div class="num-stat"><div class="num-n">280K+</div><div class="num-l">Words of content (deep, well-tagged)</div></div>
<div class="num-stat"><div class="num-n">32</div><div class="num-l">3rd-party scripts (mostly Wix platform)</div></div>
<div class="num-stat"><div class="num-n">1</div><div class="num-l">Form on entire site (contact only)</div></div>
</div>
</section>
<section id="technical">
<h2><span class="num">§ 3</span>Technical SEO Findings</h2>
<p class="sectionsub">Per-page audit of homepage + 8 representative inner pages. P0 items repeat across every page, which means the fixes are global Wix-template fixes, not per-page work.</p>
<div class="severity-bar">
<span class="sev sev-p0">P0 site-wide: 6</span>
<span class="sev sev-p0">P0 page-specific: 4</span>
<span class="sev sev-p1">P1: 5</span>
<span class="sev sev-p2">P2: 3</span>
</div>
<table class="findings-table">
<thead><tr><th>Severity</th><th>Finding</th><th>Where</th><th>Fix path</th></tr></thead>
<tbody>
<tr><td class="sev-cell p0">P0</td><td><strong>Zero JSON-LD on any page.</strong> Organization schema, FAQPage on /student-debt-cancellation (30+ Q&As ready), NewsArticle on /news posts, BreadcrumbList sitewide.</td><td>All 31 pages</td><td>Wix → Settings → Custom Code → global head</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>No meta descriptions.</strong> Every audited page returns no description tag, so Google generates one from page text — usually a low-CTR snippet.</td><td>All 31 pages</td><td>Dashboard → Pages → SEO Basics</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>No Open Graph / Twitter Card tags.</strong> Every social share renders as a blank-image preview with auto-truncated title.</td><td>All 31 pages</td><td>Dashboard → Pages → Social Share</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Image alt text is filenames or empty.</strong> e.g. <code class="url">Screen-Shot-2023-02-27-at-7.50.50-PM-980x650.png</code> on /contact. Both an a11y AA failure and an SEO miss.</td><td>All audited pages</td><td>Wix Editor → each image → Alt text field</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Heading hierarchy broken.</strong> /about goes H2 → H5 (skips H3, H4). /free-the-degree has no H1. Footer H2 pollutes the page outline globally.</td><td>/about, /free-the-degree, footer</td><td>Wix Editor → individual text elements</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Sitemap pollution.</strong> /test-page (staging), /copy-of-resources (Wix draft), /home (homepage duplicate), /book-online (default Wix template) all in production sitemap.</td><td>sitemap.xml</td><td>Page settings → SEO Basics → noindex + remove from sitemap</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Stale event sitemap.</strong> event-pages-sitemap.xml has 2023-08-10 lastmod date being submitted to Google.</td><td>sitemap.xml</td><td>Suppress event sitemap if no current events</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Member-profile sitemap submitted.</strong> Generic Wix member pages are thin content; should be noindexed.</td><td>member-profile-sitemap.xml</td><td>Noindex member-profile section</td></tr>
<tr><td class="sev-cell p0">P0</td><td><strong>Typo on highest-value content page.</strong> "<em>foregiveness</em>" in an H3 question heading on /student-debt-cancellation.</td><td>/student-debt-cancellation</td><td>Wix Editor → fix → republish</td></tr>
<tr><td class="sev-cell p1">P1</td><td><strong>Title length / generic.</strong> /news = "News | SDCC" (41 chars, no keywords). /free-the-degree = 22 chars. Most pages are under 50 chars and miss high-intent keywords.</td><td>Multiple pages</td><td>Page settings → SEO title</td></tr>
<tr><td class="sev-cell p1">P1</td><td><strong>Canonical not detected on inner pages.</strong> /home + / dual-URL is a canonical-split risk.</td><td>/home (Wix slug)</td><td>301 /home → / OR confirm Wix canonical points root</td></tr>
<tr><td class="sev-cell p1">P1</td><td><strong>No skip-to-content link</strong> anywhere on the site.</td><td>Sitewide</td><td>Wix Editor → header component</td></tr>
<tr><td class="sev-cell p1">P1</td><td><strong>Social icons unlabeled.</strong> Footer social-icon links have no aria-label. WCAG 4.1.2 AA failure.</td><td>Footer (every page)</td><td>Add aria-label to each social icon link</td></tr>
<tr><td class="sev-cell p1">P1</td><td><strong>Contact form labels.</strong> Appears to use placeholder-only labels rather than associated <label> elements.</td><td>/contact</td><td>Wix Editor → form widget settings</td></tr>
<tr><td class="sev-cell p2">P2</td><td><strong>Image weight.</strong> Unoptimized PNG screenshots being served at original size.</td><td>Multiple</td><td>Wix Editor → toggle "Optimize image loading"</td></tr>
</tbody>
</table>
</section>
<section id="a11y">
<h2><span class="num">§ 4</span>Accessibility (WCAG 2.1 AA)</h2>
<p class="sectionsub">Five WCAG criteria are failing across the audited pages. None require platform changes — all fix in Wix Editor.</p>
<table class="findings-table">
<thead><tr><th>Criterion</th><th>Status</th><th>Specific finding</th></tr></thead>
<tbody>
<tr><td><strong>1.1.1</strong> Non-text Content</td><td class="sev-cell p0">FAIL</td><td>All images lack meaningful alt text</td></tr>
<tr><td><strong>1.3.1</strong> Info & Relationships</td><td class="sev-cell p0">FAIL</td><td>/about H2→H5 skip; /free-the-degree no H1; footer H2 pollutes outline</td></tr>
<tr><td><strong>2.4.1</strong> Bypass Blocks</td><td class="sev-cell p0">FAIL</td><td>No skip-navigation link detected anywhere on site</td></tr>
<tr><td><strong>3.3.2</strong> Labels or Instructions</td><td class="sev-cell p0">FAIL</td><td>/contact form appears to use placeholder-only labels</td></tr>
<tr><td><strong>4.1.2</strong> Name, Role, Value</td><td class="sev-cell p0">FAIL</td><td>Footer social icon links (FB/X/LI/IG) have no accessible name on every page</td></tr>
<tr><td><strong>2.1.1</strong> Keyboard</td><td class="sev-cell p1">P1</td><td>No skip-to-content link on any page</td></tr>
<tr><td><strong>3.1.1</strong> Language of Page</td><td class="sev-cell p1">P1</td><td>html lang attribute not confirmed</td></tr>
</tbody>
</table>
</section>
<section id="links">
<h2><span class="num">§ 5</span>Links + Images</h2>
<p class="sectionsub">The crawl found <strong>0 confirmed dead links</strong> in a 30-URL spot check of high-value externals (gov, donate, action, news). All government, ActBlue, ActionNetwork, and major news links return 200/301. Wix dynamic routing is intact; no orphan pages.</p>
<p>Images are a different story. The site has <strong>230 images</strong>; 95.7% have an <code>alt</code> attribute, which sounds great until you look at the values. Audited pages return alt strings like <code>"Screen-Shot-2023-02-27-at-7.50.50-PM-980x650.png"</code>, <code>"unnamed-2.jpg"</code>, <code>"Slide 1"</code>, or article titles repeated as alt. Effective <strong>meaningful</strong>-alt rate on audited pages is ~0%. This is both a WCAG 1.1.1 failure and a missed signal for image search.</p>
<p>External-link inventory: 12+ external domains in active rotation — studentaid.gov (35 links, dominant), ed.gov subdomains, actblue.com (4), actionnetwork.org (2), usnews.com / insidehighered.com / educationdata.org / aplu.org, plus YouTube + standard social. All current. No defunct orgs detected.</p>
</section>
<section id="components">
<h2><span class="num">§ 6</span>Component-by-Component Grades</h2>
<p class="sectionsub">14 components scored A–F with 2–3 sentence justifications. Grades reflect 2026 advocacy-org standards, not "is it acceptable" — many C/D scores are <em>functional</em> but underbuilt vs. what peer orgs ship.</p>
<table class="grade-table">
<thead><tr><th>Component</th><th>Grade</th><th>Why</th></tr></thead>
<tbody>
<tr><td><strong>Content tone & voice</strong></td><td><span class="grade-cell g-B">B−</span></td><td>Substantively strong, policy-literate. Skews to briefing register; could use more borrower-first language and active CTAs.</td></tr>
<tr><td><strong>Press release layout</strong></td><td><span class="grade-cell g-B">B−</span></td><td>Clean dateline/headline/boilerplate structure. Missing media contact block, PDF download, and high-res image assets.</td></tr>
<tr><td><strong>Article list / archive</strong></td><td><span class="grade-cell g-C">C+</span></td><td>Standard chronological card grid. Missing search/filter, missing 1-sentence hooks, inconsistent category tagging.</td></tr>
<tr><td><strong>Brand identity / typography</strong></td><td><span class="grade-cell g-C">C+</span></td><td>Logo functional but not distinctive. Palette appropriate but underused. Type hierarchy inconsistent across templates.</td></tr>
<tr><td><strong>Header / navigation</strong></td><td><span class="grade-cell g-C">C</span></td><td>Right items in nav. Active-state weak; Donate undifferentiated as button; mobile tap targets undersized; no sticky header.</td></tr>
<tr><td><strong>Hero / above-the-fold</strong></td><td><span class="grade-cell g-C">C</span></td><td>Declarative headline, generic CTA copy ("Join Us"). No live stat, no real borrower, no policy-moment anchor.</td></tr>
<tr><td><strong>Article detail page</strong></td><td><span class="grade-cell g-C">C</span></td><td>16px body readable, but line length too wide. No reading-time, no related-posts, no inline citations, share buttons only at bottom.</td></tr>
<tr><td><strong>Petition / action signup</strong></td><td><span class="grade-cell g-C">C</span></td><td>Right minimum fields. No visible signature count; no post-submit share prompt; pre-filled rep message blank rather than seeded.</td></tr>
<tr><td><strong>Newsletter signup</strong></td><td><span class="grade-cell g-C">C−</span></td><td>Buried inline form. No lead magnet. No frequency disclosure. No incentive copy. Industry capture rate without these = ~0.2%.</td></tr>
<tr><td><strong>Mobile experience</strong></td><td><span class="grade-cell g-C">C−</span></td><td>Responsive but tap targets undersized; hero crops awkwardly; wrong input types (no tel/email keyboards); slow load.</td></tr>
<tr><td><strong>Imagery / iconography</strong></td><td><span class="grade-cell g-D">D+</span></td><td>Heavy stock photography (graduation caps, coins). No real borrower photos. No photo credits. Mixed icon styles.</td></tr>
<tr><td><strong>Conversion paths</strong></td><td><span class="grade-cell g-D">D+</span></td><td>No defined primary path; donate/petition/newsletter compete for equal weight. No exit-intent. No quick-donate widget.</td></tr>
<tr><td><strong>Donation widget</strong></td><td><span class="grade-cell g-D">D+</span></td><td>Basic Stripe/PayPal embed. No tiered amounts with impact anchors, no monthly-default toggle, no progress bar, no trust seals.</td></tr>
<tr><td><strong>Social proof</strong></td><td><span class="grade-cell g-D">D</span></td><td>No quantified anchor: no signature count, donor count, partner logo wall, or media-mention strip. Quotes exist as plain text.</td></tr>
<tr><td><strong>Footer</strong></td><td><span class="grade-cell g-D">D</span></td><td>Thin. Missing 501(c)(3) line + EIN, address, accessibility statement, Charity Navigator badge, newsletter signup. Social icons unlabeled.</td></tr>
</tbody>
</table>
</section>
<section id="additions">
<h2><span class="num">§ 7</span>Suggested Additions — Pros, Cons, Impact</h2>
<p class="sectionsub">15 candidate additions analyzed. Each has a projected metric impact, pros, cons, effort estimate, and an A–C recommendation. The mockup gallery at <a href="/mockups/" style="color:#7c3aed">/mockups/</a> shows several of these built out as visual concepts.</p>
<div class="add-card">
<div class="add-h"><h3>1. Site search bar (Pagefind / Algolia)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Sites with on-site search see 5–8× higher pages-per-session from searchers. For SDCC's 200+ articles, expected to capture 10–15% of repeat visitors who currently bounce. SEO secondary benefit: ~+8% organic ranking improvement from improved dwell time within 6 months.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Pagefind is free, <50 KB, static-site compatible</li><li>Surfaces content depth that's currently invisible</li><li>Critical for journalists and Hill staffers using SDCC as reference</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Requires indexing pipeline maintenance</li><li>If content tagging stays inconsistent, search results feel noisy</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> S (~2 hours)</span><span><strong>Cost:</strong> $0</span><span><strong>Time to ROI:</strong> immediate</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>2. Borrower-impact dashboard (live FRED / DOE stats)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Data dashboards on advocacy homepages are consistently the most-shared element. Expected 40–60% increase in direct shares, 25–35% increase in inbound press links over 12 months. Builds return-visitor habit (people check it monthly).</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Positions SDCC as the authoritative data source for journalists</li><li>Differentiates from every peer org — none have done this well</li><li>Drives sustained earned media</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Requires engineering: pull, normalize, display FRED + FSA</li><li>Editorial oversight needed to ensure numbers aren't misread</li><li>Pipeline can break silently — needs monitoring</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> M (2–3 weeks)</span><span><strong>Cost:</strong> dev only</span><span><strong>Visualized:</strong> <a href="/mockups/01-debt-clock.html">Concept 01 — Debt Clock</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>3. Interactive PSLF / debt-relief calculator</h3><span class="add-rec A">Recommend: A−</span></div>
<div class="impact"><strong>Projected impact:</strong> Interactive tools drive 2–3× longer session duration. Email-gated calculators are among the highest-converting lead-capture vehicles — expected 150–200% increase in email-list growth rate. ~3–4% of completers donate within 30 days.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Directly serves borrower need, not just advocacy need</li><li>Highly shareable ("I found out I qualify, check yours")</li><li>Generates audience-demographic data for grant applications</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Policy rules change frequently — ongoing maintenance burden</li><li>Wrong eligibility signals = potential legal liability</li><li>Requires careful disclaimer copy + legal review</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> L (6–8 weeks)</span><span><strong>Cost:</strong> dev + ongoing legal review</span><span><strong>Visualized:</strong> <a href="/mockups/04-tools-forward.html">Concept 04 — Tools-Forward</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>4. Story wall — borrower testimonials with photos</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Testimonial pages show 35–50% higher session duration than policy articles. Emotional social proof is the #1 driver of first-time donations. Stories share at 60–80% higher rate than policy content.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Each story = unique SEO page</li><li>Repurposable across email, social, press</li><li>Donor sequences ("match a story") are highest-converting</li><li>Low ongoing cost once pipeline is built</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Requires active borrower outreach + intake pipeline</li><li>Photo consent + verification takes editorial time</li><li>Some borrowers withdraw consent post-submission</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> M (3–4 weeks)</span><span><strong>Visualized:</strong> <a href="/mockups/02-story-wall.html">Concept 02 — Story Wall</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>5. State-by-state policy tracker</h3><span class="add-rec B">Recommend: B+</span></div>
<div class="impact"><strong>Projected impact:</strong> +15–25% organic search traffic within 6 months from long-tail state queries. Expected 50+ high-authority backlinks from state-coalition partners and state-level press.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Defensible brand position — national clearinghouse for state debt policy</li><li>Drives state-level partner relationships</li><li>Repeatable content rhythm: update tracker → email + social</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>50 states × multiple policy dimensions = significant editorial burden</li><li>Out-of-date entries are worse than no tracker at all</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> L (4–6 wks build + ~4 hrs/wk maintenance)</span><span><strong>Visualized:</strong> <a href="/mockups/06-state-map.html">Concept 06 — State Map</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>6. Newsletter modal + lead magnet (highest ROI single fix)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Capture rate goes from ~0.2–0.5% to 2–4% with a properly-designed modal + lead magnet — a 5–8× improvement. For 50K monthly visitors, that's ~1,500–2,000 additional subscribers/month. Email subscribers convert to donors at 3–5× the rate of social followers.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Immediate ROI</li><li>Lead magnet repurposes existing policy content</li><li>Email is the highest-owned, highest-converting channel for advocacy</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Bad timing (more than 1/session) spikes bounce rate</li><li>Modal close button must be obvious (ADA/UX)</li><li>List growth = ESP cost growth</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> S (1–2 days)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>7. Email-to-rep tool (zip lookup + prefilled message)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> 8–15% of action-page visitors who reach the tool actually send a message — highest civic-engagement conversion of any advocacy widget. Tool-completers convert to donors at 2–3× the rate of petition signers.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Congress.gov + Google Civic APIs make rep lookup straightforward</li><li>Prefilled-but-editable messages have more Hill impact than form letters</li><li>Builds owned dataset of politically-engaged constituents by district</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>API rate limits</li><li>Templates need updating when bills change</li><li>Some reps' offices use forms not email — form-fill simulation is complex</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> M (3–4 weeks)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>8. Spanish translation + bilingual UI</h3><span class="add-rec B">Recommend: B</span></div>
<div class="impact"><strong>Projected impact:</strong> +20–30% total organic search visibility within 12 months. Latino borrowers default at 1.6× white-borrower rate and represent ~18% of adult population — significant un-captured traffic.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Mission alignment — historically underrepresented borrowers</li><li>Spanish-language press coverage previously inaccessible</li><li>Equity-focused grant funding increasingly requires it</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Machine translation of policy content is error-prone — must have human review</li><li>Needs bilingual editor for ongoing maintenance</li><li>Doubles content-ops overhead</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> L (8–12 weeks for quality)</span><span><strong>Visualized:</strong> <a href="/mockups/10-bilingual.html">Concept 10 — Bilingual Equity</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>9. Pillar-page content cluster strategy</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> 60–100% organic traffic growth within 12 months. Pillar pages for terms like "student loan forgiveness eligibility" can rank top-5 and drive 5,000–10,000 monthly organic visits each.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Repurposes existing content (no new articles needed)</li><li>Improves internal linking — distributes domain authority</li><li>Creates clear editorial roadmap going forward</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Requires 2–3 weeks of content audit before any changes</li><li>301 redirects must be carefully mapped to avoid traffic loss</li><li>Needs editorial buy-in for hub-structured writing going forward</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> L (8–10 weeks)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>10. Live debt clock widget (homepage hero)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Single most emotionally immediate change available. Embeddable = ongoing backlinks. Widget can be syndicated to partner-org sites for reciprocal traffic.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>S effort, maximum emotional impact</li><li>Embeddable widget = ongoing earned backlinks</li><li>Syndication-ready</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>If FRED API breaks, hero shows wrong number</li><li>Needs fallback to last-known good value</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> S (1–2 days)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>11. Legislative vote tracker / scorecard</h3><span class="add-rec A">Recommend: A−</span></div>
<div class="impact"><strong>Projected impact:</strong> Scorecards are among the most-shared political content. Journalists link as primary sources (high-DA). Estimated 10K–20K monthly searches available for "Senator [name] student loan vote".</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Govtrack/ProPublica Congress API provides clean public data</li><li>Accountability journalism that no peer org has built</li><li>Drives press when scores change</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Must be scrupulously accurate to avoid defamation exposure</li><li>Methodology must be transparent + legally reviewed</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> M (3–4 weeks build, 1–2 hrs/month maintenance)</span><span><strong>Visualized:</strong> <a href="/mockups/03-activist.html">Concept 03 — Activist Tracker</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>12. Coalition partner wall + "2M strong" anchor</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Power-in-numbers framing. Reciprocal links from partner orgs (47 currently in coalition) are high-authority. Senate testimonials add credibility for first-time visitors.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Shows existing relationships SDCC already has</li><li>Drives reciprocal partner traffic</li><li>Differentiates from solo-org positioning</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Need partner approval for logo use</li><li>Logo wall maintenance when partnerships change</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> S (1 week)</span><span><strong>Visualized:</strong> <a href="/mockups/08-coalition.html">Concept 08 — Coalition</a></span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>13. Differentiated nav Donate button (zero-content fix)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Industry data shows nav-button differentiation alone lifts donation click-through by 30–40% with zero content change. This is the cheapest A-grade fix on the entire list.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>1-hour Wix Editor change</li><li>No copy decisions needed</li><li>Zero risk</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Cannibalizes "Take Action" button visual weight slightly — pick a hierarchy</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> XS (1 hour)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>14. Live signature counter on petition pages</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Visible counter + progress bar lifts form completion 15–20%. Social-proof number above fold is among most-tested-positive UX changes in advocacy.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Action Network / EveryAction expose count via API</li><li>1–2 day implementation</li><li>Compounds with share-prompt post-submit</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Must handle "0 sigs so far" state gracefully on new petitions</li><li>If counter breaks, shows zero — looks bad</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> S (1–2 days)</span></div>
</div>
<div class="add-card">
<div class="add-h"><h3>15. Donation page rebuild (highest-ROI deeper rebuild)</h3><span class="add-rec A">Recommend: A</span></div>
<div class="impact"><strong>Projected impact:</strong> Best-practice peer orgs convert at 12–18% of donate-page visitors vs. estimated 2–4% currently — a 3–9× improvement. Single highest-ROI page rebuild available to SDCC.</div>
<div class="proscons">
<div class="pc pros"><h4>Pros</h4><ul><li>Tiered amounts with impact anchors ("$25 funds 1 brief")</li><li>Monthly toggle as default lifts LTV by ~3×</li><li>Trust seals + progress bar measurably increase completion</li></ul></div>
<div class="pc cons"><h4>Cons</h4><ul><li>Stripe/processor integration touchpoints</li><li>Must match ED-501 / Form 990 fundraising disclosures</li><li>A/B testing infrastructure helps but isn't required</li></ul></div>
</div>
<div class="add-meta"><span><strong>Effort:</strong> M (3–4 weeks)</span></div>
</div>
</section>
<section id="peers">
<h2><span class="num">§ 8</span>What to Borrow from Peers</h2>
<p class="sectionsub">12 comparable advocacy orgs surveyed. One concrete UX or creative move SDCC could borrow from each. Front-page screenshots at <a href="/peers/" style="color:#7c3aed">/peers/</a>.</p>
<table class="findings-table">
<thead><tr><th>Org</th><th>What to borrow</th></tr></thead>
<tbody>
<tr><td><strong>protectborrowers.org</strong></td><td>One page = one action = one progress bar. Retire the multi-action Take Action page.</td></tr>
<tr><td><strong>nclc.org</strong></td><td>Dual-audience nav split: "I need help" vs. "I'm a policy advocate" vs. "I'm press."</td></tr>
<tr><td><strong>aft.org/highered</strong></td><td>Full press-room page — media kit, headshots, standing media contact, embargo policy.</td></tr>
<tr><td><strong>demos.org</strong></td><td>Inline data viz inside policy posts — numbers as styled callouts, not buried in sentences.</td></tr>
<tr><td><strong>rooseveltinstitute.org</strong></td><td>Opinion-first headlines (vs. neutral). +20–30% CTR in search and social.</td></tr>
<tr><td><strong>younginvincibles.org</strong></td><td>Real people throughout the site — not just on the About page.</td></tr>
<tr><td><strong>americanprogress.org</strong></td><td>Issue-page hub model — the template for SDCC's pillar-page content cluster strategy.</td></tr>
<tr><td><strong>citizen.org</strong></td><td>Victory archive. Donors stay if they can see wins.</td></tr>
<tr><td><strong>edtrust.org</strong></td><td>Downloadable datasets next to every policy post — increases citation rate substantially.</td></tr>
<tr><td><strong>aflcio.org</strong></td><td>Coalition partner logo wall on homepage.</td></tr>
<tr><td><strong>onefairwage.site</strong></td><td>Campaign-mode homepage template — build it now, flip it on when a vote approaches.</td></tr>
<tr><td><strong>consumerfinance.gov/student-loans</strong></td><td>Task-oriented article format ("What to do this week") added to every policy post.</td></tr>
</tbody>
</table>
</section>
<section id="roadmap">
<h2><span class="num">§ 9</span>90-Day Roadmap</h2>
<p class="sectionsub">Sequenced for compounding gains. Each row is independent; later rows assume earlier rows shipped.</p>
<div class="roadmap">
<div class="roadmap-row">
<div class="roadmap-when">This week<small>0–7 days</small></div>
<div class="roadmap-items">
<div class="roadmap-item">Differentiate Donate nav button (Wix Editor, 1 hr) — 30–40% donation-CTA lift</div>
<div class="roadmap-item">Fix "foregiveness" typo on /student-debt-cancellation</div>
<div class="roadmap-item">Noindex /test-page, /copy-of-resources, /book-online; 301 /home → /</div>
<div class="roadmap-item">Add aria-labels to all 4 footer social icons (sitewide WCAG fix)</div>
<div class="roadmap-item">Add skip-to-content link to header component</div>
</div>
</div>
<div class="roadmap-row">
<div class="roadmap-when">Weeks 2–4<small>2 weeks in</small></div>
<div class="roadmap-items">
<div class="roadmap-item">Inject Organization JSON-LD on homepage (Wix Custom Code, global head)</div>
<div class="roadmap-item">Inject FAQPage JSON-LD on /student-debt-cancellation — single biggest leverage point</div>
<div class="roadmap-item">Set Social Share image + OG copy on all 31 pages (Wix Dashboard)</div>
<div class="roadmap-item">Add meta descriptions to all pages</div>
<div class="roadmap-item">Newsletter modal + lead magnet (existing policy brief repurposed)</div>
<div class="roadmap-item">Live signature counter + progress bar on active petition</div>
<div class="roadmap-item">Add live debt-clock widget to homepage hero</div>
</div>
</div>
<div class="roadmap-row">
<div class="roadmap-when">Weeks 5–8<small>1 month in</small></div>
<div class="roadmap-items">
<div class="roadmap-item">Audit + rewrite alt text on ~230 images (focus on 8 high-traffic pages first)</div>
<div class="roadmap-item">Fix heading hierarchy on /about + /free-the-degree</div>
<div class="roadmap-item">Donation page rebuild — preset amounts, monthly default, social proof, progress bar, trust seals</div>
<div class="roadmap-item">Story wall MVP — 10 borrower stories with photos, intake form for the next 50</div>
<div class="roadmap-item">Pagefind site search bar in header</div>
<div class="roadmap-item">Email-to-rep tool MVP (single active campaign, hard-coded reps)</div>
</div>
</div>
<div class="roadmap-row">
<div class="roadmap-when">Weeks 9–13<small>90 days in</small></div>
<div class="roadmap-items">
<div class="roadmap-item">Pillar page #1: "Public Service Loan Forgiveness — Complete Guide" (consolidates 30+ existing posts)</div>
<div class="roadmap-item">Borrower-impact dashboard v1 (FRED + DOE feeds, 5 key metrics)</div>
<div class="roadmap-item">Legislative scorecard MVP — current Senate session only</div>
<div class="roadmap-item">State policy tracker MVP — 10 priority states (CA, NY, IL, MA, NJ, MN, MD, PA, NC, OH)</div>
<div class="roadmap-item">Spanish translation MVP — homepage + /student-debt-cancellation hub only, with native-speaker review</div>
</div>
</div>
</div>
<div class="callout">
<strong>Sequence rationale:</strong> Week 1 changes are zero-risk reversible Wix Editor settings. Weeks 2–4 changes ship the highest-ROI infrastructure (JSON-LD, OG, modal, debt clock, live counter) before any rebuilds — these compound benefit on top of every later change. Weeks 5–8 are the rebuilds (donation, story wall, search). Weeks 9–13 ship the strategic differentiators that take SDCC from "well-run advocacy site" to "category-defining authority."
</div>
</section>
</main>
<footer class="docfoot">
<p>SDCC audit · prepared for steve@designerwallcoverings.com · <a href="/">return to dashboard</a> · sources: <code style="color:#fff">/tmp/sdcc-crawl.md</code> + <code style="color:#fff">sdcc-seo.md</code> + <code style="color:#fff">sdcc-ux.md</code> (1,212 lines)</p>
</footer>
</body></html>