Meta Muse Spark 1.3 – Science
via Meta · Generated
- AIMAC Debt 33.32
- Cost $0.07
- Total Violations 31
- HTML Size 53 KB
- Em Dashes 47
Screenshot
View Live Page
Accessibility Issues Found
10 Critical 21 Serious
-
color-contrast serious 20 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<div class="eyebrow">01 — Scientific Discovery</div> -
label critical 7 instances
Form elements must have labels
Example HTML
<input type="range" id="nRange" min="20" max="1000" value="120"> -
marquee serious 1 instance
<marquee> elements are deprecated and must not be used
Example HTML
<marquee behavior="scroll" direction="left" scrollamount="6"> -
select-name critical 3 instances
Select element must have an accessible name
Example HTML
<select id="qStage"><option>PhD student</option><option>Postdoc (0-4 yrs)</option><option>Early faculty</option><option>Established PI</option><opt...
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LUMEN Science Collective — Where Curiosity Becomes Discovery</title>
<meta name="description" content="LUMEN Science Collective: peer-validated research, open data, global labs, grants and STEM education.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,ital,wght@9..144,0,700;9..144,1,700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
:root{
--navy:#071427; --navy2:#0E2442; --ink:#1A2B45; --muted:#5B6B84; --line:#E3E9F2;
--teal:#0EB5A6; --teal-dark:#099485; --blue:#2B5CFF; --lime:#D8FF3E; --orange:#FF6B35;
--paper:#F6F8FB; --card:#FFFFFF; --radius:18px;
--shadow:0 20px 50px rgba(7,20,39,.12);
--font-d:"Fraunces",serif; --font-b:"Inter",sans-serif; --font-m:"JetBrains Mono",monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-b);color:var(--ink);background:var(--paper);line-height:1.7;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block;border-radius:12px}
.container{max-width:1220px;margin:0 auto;padding:0 24px}
.eyebrow{font-family:var(--font-m);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dark);font-weight:700}
h1,h2,h3{font-family:var(--font-d);line-height:1.08;color:var(--navy);letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;border-radius:100px;font-weight:700;font-size:.95rem;border:2px solid transparent;cursor:pointer;transition:.25s}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--blue);transform:translateY(-2px)}
.btn-teal{background:var(--teal);color:#071427}
.btn-teal:hover{background:var(--lime)}
.btn-ghost{background:#fff;border-color:var(--line);color:var(--navy)}
.btn-ghost:hover{border-color:var(--navy)}
/* ticker */
.ticker{background:var(--navy);color:#CBD7EA;font-size:.82rem;padding:9px 0;white-space:nowrap;overflow:hidden}
.ticker span{margin-right:42px}.ticker strong{color:var(--lime)}
/* header */
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navwrap{display:flex;align-items:center;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:54px;height:54px;border-radius:14px}
.brand-name{font-family:var(--font-d);font-size:1.5rem;line-height:1;color:var(--navy)}
.brand-name em{font-style:italic;color:var(--teal-dark)}
.tagline{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
nav.main{margin-left:auto;display:flex;gap:4px;align-items:center}
nav.main a{padding:10px 14px;border-radius:100px;font-weight:600;font-size:.9rem;color:var(--ink)}
nav.main a:hover{background:var(--navy);color:#fff}
.nav-cta{margin-left:8px}
.burger{display:none;background:var(--navy);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-size:1.1rem}
/* hero */
.hero{background:radial-gradient(900px 500px at 85% 10%,#D8FF3E55,transparent),radial-gradient(800px 500px at 10% 20%,#0EB5A633,transparent),linear-gradient(180deg,#fff 0%,#EFF4FB 100%);padding:56px 0 36px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.2vw,4.3rem);margin:14px 0 18px}
.hero h1 .hl{background:linear-gradient(90deg,var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.hero p.lead{font-size:1.15rem;color:#33475F;max-width:560px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}
.stat b{font-family:var(--font-d);font-size:1.7rem;color:var(--navy);display:block}
.stat span{font-size:.8rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.hero-visual{position:relative}
.hero-visual .main-img{border-radius:22px;box-shadow:var(--shadow);border:8px solid #fff}
.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);font-size:.85rem}
.fc1{top:-18px;right:18px;display:flex;gap:10px;align-items:center}
.fc2{bottom:-18px;left:18px;min-width:240px}
.dot{width:12px;height:12px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 6px #22C55E22}
.bar{height:8px;background:#EDF1F7;border-radius:100px;overflow:hidden;margin-top:10px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));width:78%}
/* partners */
.partners{background:var(--navy);color:#fff;padding:18px 0}
.partners .container{display:flex;gap:28px;align-items:center;flex-wrap:wrap;justify-content:space-between;font-family:var(--font-m);font-size:.8rem;letter-spacing:.12em}
.partners strong{color:var(--lime)}
/* sections */
section.block{padding:84px 0}
.sec-head{max-width:760px;margin-bottom:36px}
.sec-head h2{font-size:clamp(2rem,3.5vw,2.9rem);margin:10px 0 14px}
.sec-head p{color:var(--muted);font-size:1.05rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card-body{padding:24px}
.meta{font-family:var(--font-m);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-dark);font-weight:700;margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap}
.card h3{font-size:1.35rem;margin-bottom:10px}
.card p{color:#3E5068;font-size:.96rem}
.card-footer{margin-top:auto;padding:0 24px 24px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.link-more{font-weight:700;color:var(--blue)}
.pill{font-size:.75rem;font-weight:700;background:#EEF6F5;color:#0A6B62;padding:6px 12px;border-radius:100px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.filters button{border:1px solid var(--line);background:#fff;padding:10px 18px;border-radius:100px;font-weight:700;cursor:pointer}
.filters button.active,.filters button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
/* data lab */
.datalab{background:var(--navy);color:#EAF0FA;border-radius:26px;padding:0;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr}
.datalab-left{padding:40px}
.datalab-left h2{color:#fff;font-size:2.2rem;margin:12px 0}
.datalab-left p{color:#B9C6DC}
.labbox{background:#fff;color:var(--ink);margin:28px;border-radius:20px;padding:28px}
.labbox label{font-weight:700;font-size:.9rem;display:flex;justify-content:space-between}
input[type=range]{width:100%;accent-color:var(--teal);margin:10px 0 18px}
.lab-result{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:16px 0}
.lab-result div{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center}
.lab-result b{font-family:var(--font-m);font-size:1.2rem;display:block}
.sig{padding:12px 16px;border-radius:12px;font-weight:700;text-align:center;margin-top:8px}
.sig.yes{background:#DCFCE7;color:#166534;border:1px solid #86EFAC}
.sig.no{background:#FEF2F2;color:#991B1B;border:1px solid #FECACA}
.viz{display:flex;align-items:end;gap:8px;height:120px;margin-top:16px;background:var(--paper);border-radius:12px;padding:14px}
.viz i{flex:1;background:linear-gradient(180deg,var(--teal),var(--blue));border-radius:6px 6px 0 0;transition:.5s}
/* labs */
.lab-card img{height:210px;object-fit:cover;width:100%;border-radius:0}
.pi{display:flex;gap:12px;align-items:center;margin:16px 0}
.pi img{width:48px;height:48px;border-radius:50%}
.lecture{background:linear-gradient(90deg,#0EB5A6,#2B5CFF);border-radius:20px;color:#fff;padding:32px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;margin-top:26px}
.lecture h3{color:#fff;font-size:1.8rem}
/* funding */
.funding{background:linear-gradient(180deg,#fff,#F2F6FF);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grant-table{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:6px}
.grant{background:var(--navy);color:#fff;border-radius:18px;padding:26px;position:relative;overflow:hidden}
.grant:nth-child(2){background:#fff;color:var(--ink);border:1px solid var(--line)}
.grant:nth-child(3){background:var(--teal);color:#071427}
.grant .amt{font-family:var(--font-d);font-size:2rem;line-height:1;margin:12px 0}
.checker{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.checker select,.citebox input,.citebox select,.newsbox input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);font-family:inherit;margin:8px 0 14px;background:#F9FBFE}
/* resources */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.res{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.res i.fa-solid{font-size:1.6rem;background:var(--navy);color:var(--lime);width:52px;height:52px;display:grid;place-items:center;border-radius:14px;margin-bottom:14px}
.citebox{background:#071427;color:#EAF0FA;border-radius:22px;padding:32px;margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.cite-out{background:#0E2442;border:1px dashed #36507A;border-radius:14px;padding:20px;font-size:.95rem;min-height:160px}
.mono{font-family:var(--font-m)}
/* observatory */
.obs{display:grid;grid-template-columns:2fr 1fr;gap:26px}
.article{display:grid;grid-template-columns:220px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:18px;align-items:center}
.article img{height:150px;object-fit:cover;width:100%}
.sidebar{display:flex;flex-direction:column;gap:20px}
.widget{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}
.widget h4{font-family:var(--font-d);font-size:1.25rem;margin-bottom:14px;color:var(--navy)}
.widget ul{list-style:none}
.widget li{padding:12px 0;border-top:1px solid var(--line);font-size:.92rem}
.widget li:first-child{border:0}
.s профи{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.s профи img{width:52px;height:52px;border-radius:50%}
/* testimonials */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;position:relative}
.testi .stars{color:#F59E0B;margin-bottom:12px}
.testi img{width:56px;height:56px;border-radius:50%}
/* faq */
.faq{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq-q{width:100%;text-align:left;background:#fff;border:0;padding:20px 22px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--navy)}
.faq-a{max-height:0;overflow:hidden;transition:.35s;padding:0 22px;color:#42566F}
.faq-item.open .faq-a{max-height:300px;padding-bottom:20px}
/* subscribe */
.subscribe{background:var(--navy);border-radius:26px;padding:48px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;position:relative;overflow:hidden}
.subscribe h2{color:#fff;font-size:2.4rem}
.subscribe p{color:#B9C6DC}
.newsbox{display:flex;gap:10px;background:#fff;padding:8px;border-radius:100px}
.newsbox input{border:0;background:transparent;margin:0;flex:1}
.newsbox button{background:var(--lime);border:0;border-radius:100px;padding:14px 24px;font-weight:800;cursor:pointer;color:#071427}
/* footer */
footer{background:#040C1A;color:#9FB0C9;padding:56px 0 24px;margin-top:80px}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
footer h5{color:#fff;margin-bottom:14px;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}
footer a:hover{color:var(--lime)}
.social{display:flex;gap:10px;margin-top:16px}
.social a{width:40px;height:40px;display:grid;place-items:center;background:#122540;border-radius:50%;color:#fff}
.copy{border-top:1px solid #1A2E4E;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem}
@media(max-width:980px){
.hero-grid,.grid3,.grid2,.datalab,.grant-table,.res-grid,.obs,.testis,.checker,.citebox,.subscribe,.fgrid,.lecture{grid-template-columns:1fr}
nav.main{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;border-bottom:1px solid var(--line)}
nav.main.open{display:flex}
.burger{display:block}
.article{grid-template-columns:1fr}
.newsbox{flex-direction:column;border-radius:18px}
.float-card{display:none}
section.block{padding:56px 0}
}
</style>
</head>
<body>
<div class="ticker"><div class="container" style="padding:0 24px"><marquee behavior="scroll" direction="left" scrollamount="6"><span><strong>BREAKING:</strong> LUMEN Deep-Sea Expedition identifies 14 new chemosynthetic species in Mariana Trench</span><span><strong>PEER VALIDATION:</strong> Quantum coherence paper passes 3-lab replication • p < .001</span><span><strong>FUNDING:</strong> $12M Frontier Grants open — deadline Dec 15, 2026</span><span><strong>LIVE:</strong> Public Lecture: The Microbiome Cosmos — Nov 12 — Free seats</span></marquee></div></div>
<div class="topbar"><div class="container"><span><i class="fa-solid fa-flask"></i> Peer-reviewed • Open Access • Est. 2012 — Trusted by 34,000 researchers</span><span id="todayDate">October 3, 2026 • Vol. 14 Issue 39</span></div></div>
<header class="site">
<div class="container navwrap">
<div class="brand">
<img src="https://placehold.co/120x120/071427/D8FF3E?text=L◆&font=montserrat" alt="LUMEN Science Collective logo">
<div><div class="brand-name">LUMEN <em>Science</em></div><div class="tagline">Where Curiosity Becomes Discovery</div></div>
</div>
<button class="burger" id="burger" aria-label="Menu"><i class="fa-solid fa-bars"></i></button>
<nav class="main" id="mainNav">
<a href="#discoveries">Discoveries</a>
<a href="#data">Data & Analysis</a>
<a href="#labs">Labs</a>
<a href="#funding">Funding</a>
<a href="#resources">Resources</a>
<a href="#education">Education</a>
<a href="#news">News</a>
<a href="#subscribe" class="btn btn-primary nav-cta" style="color:#fff">Subscribe</a>
</nav>
</div>
</header>
<main>
<!-- HERO -->
<div class="hero"><div class="container hero-grid">
<div>
<div class="eyebrow">● A Global Research Collective • 340 Labs • 27 Countries</div>
<h1>Science, made <span class="hl">rigorous,</span> open & human.</h1>
<p class="lead">LUMEN Science Collective accelerates scientific discovery through open data, cross-disciplinary labs, and peer validation. From CRISPR to climate modeling to quantum materials — we publish, replicate, and teach what matters.</p>
<div class="hero-actions">
<a href="#discoveries" class="btn btn-primary">Explore Discoveries <i class="fa-solid fa-arrow-right"></i></a>
<a href="#labs" class="btn btn-ghost">Attend Lecture</a>
<a href="#funding" class="btn btn-teal">Apply for Grant</a>
</div>
<div class="hero-stats">
<div class="stat"><b data-count="34200">0</b><span>Researchers</span></div>
<div class="stat"><b data-count="340">0</b><span>Partner Labs</span></div>
<div class="stat"><b data-count="1280">0</b><span>Validated Papers</span></div>
</div>
</div>
<div class="hero-visual">
<img class="main-img" src="https://picsum.photos/seed/lumenhero/800/620" alt="Scientists working in modern laboratory">
<div class="float-card fc1"><span class="dot"></span><span><strong>Replication Passed</strong><br><span style="color:#5B6B84">Peer validation • 3/3 labs • p<.001</span></span></div>
<div class="float-card fc2"><strong style="font-family:var(--font-m);font-size:.8rem">DATA VISUALIZATION • LIVE</strong><div style="font-weight:700;margin-top:4px">CRISPR efficiency +38% vs control</div><div class="bar"><i></i></div></div>
</div>
</div></div>
<div class="partners"><div class="container"><span>IN PARTNERSHIP WITH</span><strong>MIT OPEN LAB • CERN ATLAS • NOAA CLIMATE • WELLCOME TRUST • NATURE INDEX • ARXIV</strong><span style="opacity:.7">OPEN SCIENCE FRAMEWORK MEMBER</span></div></div>
<!-- DISCOVERIES -->
<section class="block" id="discoveries"><div class="container">
<div class="sec-head"><div class="eyebrow">01 — Scientific Discovery</div><h2>Breakthroughs with statistical significance, not just headlines.</h2><p>Every LUMEN discovery undergoes pre-registration, blinded analysis, and independent peer validation across at least two partner labs. We report effect sizes, confidence intervals, and null results with equal transparency — because reproducibility is the foundation of trust.</p></div>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px" class="grid2">
<div><p style="color:#3E5068">Our discovery pipeline spans genomics, condensed-matter physics, oceanography, and machine intelligence. In the last quarter alone, LUMEN teams published 42 peer-reviewed studies, retired 11 long-standing hypotheses, and opened 18 datasets exceeding 4.2 terabytes. Each project begins with an open hypothesis registry and ends with raw data, code notebooks, and detailed methods available to any researcher worldwide.</p><p style="color:#3E5068;margin-top:14px">What sets us apart is our commitment to <strong>negative results and replication</strong>. We fund confirmatory studies at the same level as exploratory work, ensuring that data visualization never obscures uncertainty and that claims of significance survive rigorous sensitivity analysis, Bayesian re-evaluation, and cross-population testing.</p></div>
<div><img src="https://picsum.photos/seed/discoverylab/700/420" alt="Researcher examining samples"><div style="display:flex;gap:10px;margin-top:12px"><img src="https://picsum.photos/seed/microscope2/340/180" alt="Microscopy"><img src="https://picsum.photos/seed/dna3/340/180" alt="DNA sequencing"></div></div>
</div>
<div class="filters" id="filters"><button class="active" data-f="all">All Fields</button><button data-f="bio">Biology</button><button data-f="physics">Physics</button><button data-f="climate">Climate</button><button data-f="ai">AI & Data</button></div>
<div class="grid3" id="cards">
<div class="card" data-cat="bio"><img src="https://picsum.photos/seed/crispr9/600/360" alt="CRISPR lab" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">Genomics • Nature Lumen • Oct 2026</div><h3>CRISPR-Prime 3.0 cuts off-target edits by 81%</h3><p>A multi-lab trial (n=4,820 organoids) achieved unprecedented precision with prime editing. Statistical significance held at p<.001 across three ancestries, with peer validation confirming durable edits after 60 cell divisions.</p></div><div class="card-footer"><span class="pill">● Peer Validated</span><a class="link-more" href="#news">Read Study →</a></div></div>
<div class="card" data-cat="physics"><img src="https://picsum.photos/seed/quantum5/600/360" alt="Quantum lab" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">Quantum Materials • p=.002 • Replication 3/3</div><h3>Room-temp coherence sustained for 2.4 milliseconds</h3><p>Using nitrogen-vacancy diamonds in a graphene lattice, our condensed-matter team extended coherence 14×. Data visualization of decoherence spectra is fully open, with raw interferometry traces on Zenodo.</p></div><div class="card-footer"><span class="pill">● Open Data</span><a class="link-more" href="#data">View Data →</a></div></div>
<div class="card" data-cat="climate"><img src="https://picsum.photos/seed/ocean7/600/360" alt="Ocean research" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">Climate • 12-Year Longitudinal • n=18k sensors</div><h3>Atlantic kelp forests capture 3× more carbon than modeled</h3><p>Autonomous buoys and satellite cross-calibration revise blue-carbon budgets upward. Effect size d=0.82, 95% CI [0.71, 0.93]. Policy brief co-authored with NOAA now informs COP31 negotiations.</p></div><div class="card-footer"><span class="pill">● Policy Impact</span><a class="link-more" href="#news">Policy Brief →</a></div></div>
<div class="card" data-cat="ai"><img src="https://picsum.photos/seed/aiLab8/600/360" alt="AI research" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">AI for Science • F1=0.94 • Open Weights</div><h3>LumenFold predicts orphan proteins in 11 seconds</h3><p>Our open-source folding model outperforms baselines on 2,300 orphan sequences, with blinded wet-lab validation confirming 89% binding-site accuracy. Code, weights, and notebooks are MIT-licensed.</p></div><div class="card-footer"><span class="pill">● Open Source</span><a class="link-more" href="#resources">Get Code →</a></div></div>
<div class="card" data-cat="bio"><img src="https://picsum.photos/seed/microbiome/600/360" alt="Microbiome" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">Microbiome • RCT • n=1,240</div><h3>Gut-brain axis: specific fiber blend eases anxiety 34%</h3><p>Double-blind RCT shows clinically meaningful reduction (HAM-A −6.2 points). Pre-registered analysis, intention-to-treat, and full adverse-event reporting set a new bar for nutrition psychiatry.</p></div><div class="card-footer"><span class="pill">● Clinical Trial</span><a class="link-more" href="#news">Read Trial →</a></div></div>
<div class="card" data-cat="physics"><img src="https://picsum.photos/seed/fusion/600/360" alt="Fusion" style="border-radius:0;height:210px;object-fit:cover;width:100%"><div class="card-body"><div class="meta">Energy • Plasma • Q=1.8 sustained</div><h3>Compact stellarator holds plasma 9 minutes</h3><p>Magnetic confinement breakthrough verified by two external labs. High-resolution Thomson scattering data and MHD simulations released for peer validation and classroom use.</p></div><div class="card-footer"><span class="pill">● Replication Pending</span><a class="link-more" href="#data">See Methods →</a></div></div>
</div>
</div></section>
<!-- DATA & ANALYSIS -->
<section class="block" id="data" style="padding-top:0"><div class="container">
<div class="datalab">
<div class="datalab-left"><div class="eyebrow" style="color:var(--lime)">02 — Data & Analysis</div><h2>From raw signal to trusted insight.</h2><p>Our open analysis hub hosts 480+ curated datasets, reproducible R/Python notebooks, and interactive data visualization dashboards. Every figure links to versioned code and raw files, with independent statistical review checking for p-hacking, HARKing, and inadequate power before publication.</p><p style="margin-top:14px">We train all members in power analysis, Bayesian reasoning, pre-registration, and FAIR data principles. Whether you are testing a classroom hypothesis or modeling ocean circulation on HPC clusters, our biostatisticians provide free office hours and code review. Try our significance simulator — see how sample size and effect size drive statistical significance.</p><div style="display:flex;gap:10px;margin-top:22px;flex-wrap:wrap"><a href="#resources" class="btn btn-teal">Explore Data Portal</a><a href="#labs" class="btn btn-ghost" style="background:transparent;color:#fff;border-color:#36507A">Contact Biostatistician</a></div>
<img src="https://placehold.co/600x220/0E2442/7DF9FF?text=OPEN+DATA+•+480+DATASETS+•+FAIR+•+DOI&font=source+sans+pro" alt="Open data banner" style="margin-top:22px;border-radius:14px">
</div>
<div class="labbox">
<h3 style="font-size:1.4rem">🧪 Interactive: Statistical Significance Lab</h3>
<p style="font-size:.9rem;color:var(--muted)">Adjust sliders to see how design choices affect p-values and power. A classroom favorite for teaching inference.</p>
<label>Sample size per group (n) <span class="mono" id="nVal">120</span></label><input type="range" id="nRange" min="20" max="1000" value="120">
<label>Effect size (Cohen's d) <span class="mono" id="dVal">0.45</span></label><input type="range" id="dRange" min="5" max="150" value="45">
<label>Measurement noise (SD) <span class="mono" id="sdVal">1.0</span></label><input type="range" id="sdRange" min="50" max="200" value="100">
<div class="lab-result"><div><span style="font-size:.75rem;font-weight:700;color:var(--muted)">P-VALUE</span><b id="pOut">0.0004</b></div><div><span style="font-size:.75rem;font-weight:700;color:var(--muted)">POWER</span><b id="powOut">92%</b></div><div><span style="font-size:.75rem;font-weight:700;color:var(--muted)">95% CI</span><b id="ciOut" style="font-size:.95rem">[0.19, 0.71]</b></div></div>
<div class="sig yes" id="sigBox">✔ Statistically significant at α = 0.05 — worthy of peer validation</div>
<div class="viz" id="viz"><i style="height:42%"></i><i style="height:68%"></i><i style="height:55%"></i><i style="height:88%"></i><i style="height:74%"></i><i style="height:96%"></i><i style="height:62%"></i></div>
<p class="mono" style="font-size:.75rem;margin-top:10px;color:var(--muted)">FIG 2A. Simulated group means ± SE. Preregister your analysis plan to avoid false positives.</p>
</div>
</div>
</div></section>
<!-- LABS -->
<section class="block" id="labs" style="background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)"><div class="container">
<div class="sec-head"><div class="eyebrow">03 — Our Labs Network</div><h2>340 labs. One shared standard of excellence.</h2><p>From BSL-3 genomics suites in Boston to solar observatories in Atacama and coral mesocosms in Queensland, LUMEN labs share protocols, calibrate instruments jointly, and welcome visiting scholars. Each lab lists open office hours — contact a researcher directly, no gatekeeping.</p></div>
<div class="grid3">
<div class="card lab-card"><img src="https://picsum.photos/seed/bostonlab/600/400" alt="Genomics lab"><div class="card-body"><div class="meta">Boston • Genomics & Editing</div><h3>Beacon Genome Foundry</h3><p>High-throughput CRISPR screening, single-cell sequencing, and organoid biobank (45k lines). Leads our replication program with blinded validation pipelines and automated liquid handling.</p><div class="pi"><img src="https://i.pravatar.cc/100?u=beaconPI" alt="PI"><div><strong>Dr. Amara Okafor, PI</strong><br><span style="font-size:.85rem;color:var(--muted)">42 papers • h-index 51 • Office hrs Tue</span></div></div></div><div class="card-footer"><a href="#subscribe" class="btn btn-primary" style="padding:10px 18px;font-size:.85rem">Contact Researcher</a><span class="pill">12 Open Roles</span></div></div>
<div class="card lab-card"><img src="https://picsum.photos/seed/atacamalab/600/400" alt="Physics observatory"><div class="card-body"><div class="meta">Atacama • Physics & Climate</div><h3>Andes Photon & Climate Observatory</h3><p>Quantum optics, atmospheric lidar, and glacier mass-balance arrays at 5,200m. Operates open data streams updated hourly, plus annual field school for 60 undergraduates.</p><div class="pi"><img src="https://i.pravatar.cc/100?u=andesPI" alt="PI"><div><strong>Prof. Diego Fuentes, PI</strong><br><span style="font-size:.85rem;color:var(--muted)">NSF CAREER • 18 TB open data</span></div></div></div><div class="card-footer"><a href="#subscribe" class="btn btn-primary" style="padding:10px 18px;font-size:.85rem">Contact Researcher</a><span class="pill">Field School Open</span></div></div>
<div class="card lab-card"><img src="https://picsum.photos/seed/corallab/600/400" alt="Marine lab"><div class="card-body"><div class="meta">Brisbane • Marine Biology</div><h3>Coral Resilience Mesocosm</h3><p>120 controlled reef tanks simulating 2050 ocean chemistry. Pioneering probiotic interventions that improved heat tolerance 2.1×, with full sensor telemetry for remote collaborators.</p><div class="pi"><img src="https://i.pravatar.cc/100?u=coralPI" alt="PI"><div><strong>Dr. Lena Marsh, PI</strong><br><span style="font-size:.85rem;color:var(--muted)">Blavatnik Award • 30k reef fragments</span></div></div></div><div class="card-footer"><a href="#subscribe" class="btn btn-primary" style="padding:10px 18px;font-size:.85rem">Contact Researcher</a><span class="pill">Tours Fridays</span></div></div>
</div>
<div class="lecture"><div><div class="eyebrow" style="color:var(--lime)">Public Lecture Series — Free & Hybrid</div><h3>Next: The Microbiome Cosmos with Dr. Priya Nair — Nov 12, 7PM ET</h3><p style="opacity:.9">How trillions of gut microbes shape immunity, mood, and evolution. Live Q&A, ASL interpreted, classroom kits mailed free. 1,200 seats + livestream.</p></div><div style="text-align:right"><a href="#subscribe" class="btn" style="background:var(--lime);color:#071427;font-weight:800">Attend Lecture — Reserve Seat</a><div class="mono" style="font-size:.8rem;margin-top:10px;opacity:.9">BOSTON HQ + ZOOM • CERTIFICATE PROVIDED</div></div></div>
</div></section>
<!-- FUNDING -->
<section class="block funding" id="funding"><div class="container">
<div class="sec-head"><div class="eyebrow">04 — Grant Opportunities & Funding</div><h2>Funding that favors bold, reproducible science.</h2><p>LUMEN disburses $28M annually with a 21-day review, no hidden overhead, and explicit support for replication studies, null results, and early-career PIs. All applications receive written feedback from two reviewers, and resubmissions are encouraged. Below are our flagship calls — eligibility takes 30 seconds.</p></div>
<div class="grant-table">
<div class="grant"><div class="mono" style="font-size:.75rem;letter-spacing:.12em;color:var(--lime)">● FRONTIER GRANT</div><div class="amt">$250,000</div><p style="font-size:.9rem;opacity:.9">2-year award for high-risk, high-reward hypotheses. Open to any field. Covers equipment, personnel, open-access fees.</p><p class="mono" style="font-size:.8rem;margin:12px 0">DEADLINE: DEC 15, 2026</p><a href="#subscribe" class="btn btn-teal" style="width:100%;justify-content:center">Apply Now</a></div>
<div class="grant"><div class="mono" style="font-size:.75rem;letter-spacing:.12em;color:var(--teal-dark)">● EARLY SPARK</div><div class="amt">$45,000</div><p style="font-size:.9rem;color:#3E5068">For PhD students & postdocs within 4 years of degree. Seed data, travel, childcare support included. 120 awards/yr.</p><p class="mono" style="font-size:.8rem;margin:12px 0;color:var(--muted)">ROLLING • DECISION IN 14 DAYS</p><a href="#subscribe" class="btn btn-primary" style="width:100%;justify-content:center">Apply Now</a></div>
<div class="grant"><div class="mono" style="font-size:.75rem;letter-spacing:.12em;">● REPLICATION FUND</div><div class="amt">$80,000</div><p style="font-size:.9rem">Dedicated to confirmatory studies and peer validation. Null results published guaranteed in Lumen Reports. Our most cited fund.</p><p class="mono" style="font-size:.8rem;margin:12px 0">DEADLINE: JAN 30, 2027</p><a href="#subscribe" class="btn" style="background:#071427;color:#fff;width:100%;justify-content:center">Apply Now</a></div>
<div class="grant"><div class="mono" style="font-size:.75rem;letter-spacing:.12em;color:var(--lime)">● STEM EQUITY</div><div class="amt">$120,000</div><p style="font-size:.9rem;opacity:.9">For labs at HBCUs, tribal colleges, community colleges & Global South institutes. Includes mentorship + instrument loans.</p><p class="mono" style="font-size:.8rem;margin:12px 0">DEADLINE: FEB 20, 2027</p><a href="#subscribe" class="btn btn-teal" style="width:100%;justify-content:center">Apply Now</a></div>
</div>
<div class="checker"><div><h3>Check your eligibility in seconds</h3><p style="color:var(--muted);font-size:.94rem">Answer three questions and we’ll match you to the right call plus a program officer for a free 15-minute consult.</p><label style="font-weight:700;font-size:.9rem">Career stage</label><select id="qStage"><option>PhD student</option><option>Postdoc (0-4 yrs)</option><option>Early faculty</option><option>Established PI</option><option>Community / Citizen scientist</option></select><label style="font-weight:700;font-size:.9rem">Research type</label><select id="qType"><option>Exploratory / High-risk</option><option>Replication / Validation</option><option>Education / Outreach</option><option>Instrumentation</option></select><button class="btn btn-primary" id="checkBtn" style="width:100%;justify-content:center">Find My Grant →</button></div><div style="background:var(--paper);border-radius:16px;padding:22px;border:1px solid var(--line)"><div class="mono" style="font-size:.75rem;letter-spacing:.12em;color:var(--teal-dark)">● YOUR MATCH</div><h3 id="matchTitle" style="margin:8px 0">Frontier Grant — $250k</h3><p id="matchText" style="font-size:.94rem;color:#3E5068">Based on your profile, you’re a strong fit. 78% of similar applicants were invited to full proposal. Book a consult and download the template packet.</p><div style="display:flex;gap:10px;margin-top:16px;flex-wrap:wrap"><a href="#subscribe" class="btn btn-teal" style="padding:10px 18px">Download Packet</a><a href="#subscribe" class="btn btn-ghost" style="padding:10px 18px">Book Consult</a></div></div></div>
</div></section>
<!-- RESOURCES + EDUCATION -->
<section class="block" id="resources"><div class="container">
<div class="sec-head"><div class="eyebrow">05 — Resources & STEM Education</div><h2 id="education">Tools, protocols & classrooms without walls.</h2><p>From kindergarten microscopes to postdoc HPC credits, LUMEN Resources is the open toolbox for modern science. Borrow validated protocols vetted by three labs, download 3D-printable labware, or bring a scientist to your classroom virtually — free for Title I schools.</p></div>
<div class="res-grid">
<div class="res"><i class="fa-solid fa-database"></i><h3>Open Data & Code Library</h3><p>480 FAIR datasets with DOIs, Jupyter/R notebooks, and data visualization templates in Python, R, and Observable. Each resource includes a reproducibility checklist, license guide, and citation snippet for proper attribution.</p><a class="link-more" href="#data">Browse 480 Datasets →</a></div>
<div class="res"><i class="fa-solid fa-flask-vial"></i><h3>Validated Protocols Exchange</h3><p>1,100 step-by-step protocols — from MinION sequencing to low-cost spectrophotometry — each peer-validated and version-controlled. Comment threads are moderated by methods editors within 48 hours.</p><a class="link-more" href="#labs">Find a Protocol →</a></div>
<div class="res"><i class="fa-solid fa-graduation-cap"></i><h3>STEM Classrooms & Kits</h3><p>Free NGSS-aligned units for grades 3-12, plus $35 reusable kits (microscopes, sensors, CRISPR paper labs). We trained 8,400 teachers last year and offer stipends for rural districts.</p><a class="link-more" href="#subscribe">Request a Kit →</a></div>
</div>
<div class="citebox">
<div><div class="eyebrow" style="color:var(--lime)">Interactive Tool — Citation Finder</div><h3 style="color:#fff;margin:10px 0">Generate a perfect citation, instantly.</h3><p style="color:#B9C6DC;font-size:.94rem">Enter any LUMEN paper or your own draft details. We format for APA 7th, MLA 9th, or Chicago — with DOI link and peer-validation badge.</p>
<label class="mono" style="font-size:.75rem">STYLE</label><select id="citeStyle"><option value="apa">APA 7th</option><option value="mla">MLA 9th</option><option value="chicago">Chicago Author-Date</option></select>
<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px"><input id="cAuthor" value="Okafor, A., & Nair, P."><input id="cYear" value="2026"></div>
<input id="cTitle" value="Prime editing precision in human organoids: a multi-lab validated study">
<input id="cJournal" value="Lumen Reports, 14(39), 201–219. https://doi.org/10.5678/lumen.2026.039">
<div style="display:flex;gap:10px"><button class="btn btn-teal" id="citeBtn">Generate Citation</button><button class="btn btn-ghost" id="copyBtn" style="background:transparent;color:#fff;border-color:#36507A">Copy</button></div>
</div>
<div><div class="mono" style="font-size:.75rem;letter-spacing:.12em;color:var(--lime)">● FORMATTED OUTPUT</div><div class="cite-out" id="citeOut" style="margin-top:10px">Okafor, A., & Nair, P. (2026). Prime editing precision in human organoids: A multi-lab validated study. <em>Lumen Reports, 14</em>(39), 201–219. https://doi.org/10.5678/lumen.2026.039</div><p class="mono" style="font-size:.75rem;margin-top:12px;color:#8AA0BE">✔ Includes peer-validation check • CrossRef verified • Export to Zotero / BibTeX</p><div style="display:flex;gap:10px;margin-top:12px"><span class="pill" style="background:#122540;color:var(--lime)">Zotero</span><span class="pill" style="background:#122540;color:var(--lime)">Mendeley</span><span class="pill" style="background:#122540;color:var(--lime)">BibTeX</span></div></div>
</div>
</div></section>
<!-- NEWS + SIDEBAR -->
<section class="block" id="news" style="background:#fff;border-top:1px solid var(--line)"><div class="container">
<div class="sec-head"><div class="eyebrow">06 — The Observatory: News & Insights</div><h2>Science news you can trust, explained clearly.</h2><p>Our editors translate preprints into plain language without losing nuance — reporting sample sizes, limitations, and what peer validation still needs to happen.</p></div>
<div class="obs">
<div>
<div class="article"><img src="https://picsum.photos/seed/scienceNews1/400/300" alt="Lab news"><div><div class="meta">Science News • Oct 1, 2026 • 6 min</div><h3 style="font-size:1.25rem">Why replication is having a renaissance — and why it matters for you</h3><p style="font-size:.92rem;color:#3E5068">Failed replications once embarrassed fields. Now funders reward them. Inside LUMEN’s 3-lab validation network that caught a false Alzheimer’s signal before it reached clinical trials…</p><a class="link-more" href="#news">Continue Reading →</a></div></div>
<div class="article"><img src="https://picsum.photos/seed/scienceNews2/400/300" alt="Field work"><div><div class="meta">Field Notes • Sep 28, 2026 • 4 min</div><h3 style="font-size:1.25rem">90 days aboard the R/V Lumen: hunting heat-proof coral</h3><p style="font-size:.92rem;color:#3E5068">Salt, satellites, and statistical significance at sea. Our correspondent joins Dr. Marsh’s team as they test probiotic reefs under marine heatwaves…</p><a class="link-more" href="#news">Continue Reading →</a></div></div>
<div class="article"><img src="https://picsum.photos/seed/scienceNews3/400/300" alt="Classroom"><div><div class="meta">STEM Education • Sep 20, 2026 • 5 min</div><h3 style="font-size:1.25rem">8,400 teachers, one question: how do you teach uncertainty?</h3><p style="font-size:.92rem;color:#3E5068">New LUMEN curriculum treats error bars as heroes, not footnotes. Early data show +22% student persistence in science when classrooms embrace null results…</p><a class="link-more" href="#resources">Get Curriculum →</a></div></div>
</div>
<aside class="sidebar">
<div class="widget"><h4>📑 Publication Highlights</h4><ul><li><strong>Quantum coherence at 2.4ms</strong><br><span style="color:var(--muted)">Phys. Rev. Lumen • Cited 184× • Open Data</span></li><li><strong>Blue carbon revision +203%</strong><br><span style="color:var(--muted)">Nature Climate • Policy cited COP31</span></li><li><strong>LumenFold v2 — orphan proteome</strong><br><span style="color:var(--muted)">BioRxiv validated • GitHub ★ 12k</span></li></ul></div>
<div class="widget"><h4>👩🔬 Scientist Profiles</h4><div class="s профи"><img src="https://i.pravatar.cc/100?u=lumen11" alt="scientist"><div><strong>Dr. Priya Nair</strong><br><span style="font-size:.85rem;color:var(--muted)">Microbiome • 34 papers • TEDx speaker</span></div></div><div class="s профи"><img src="https://i.pravatar.cc/100?u=lumen22" alt="scientist"><div><strong>Dr. Jonas Weber</strong><br><span style="font-size:.85rem;color:var(--muted)">Fusion • Stellarator lead • Open hardware</span></div></div><a href="#labs" class="btn btn-ghost" style="width:100%;justify-content:center;padding:10px">Meet All 340 Labs</a></div>
<div class="widget" style="background:var(--navy);color:#fff;border-color:var(--navy)"><h4 style="color:var(--lime)">🔬 This Week in Science</h4><ul><li style="border-color:#1E3A5E">Mon — Journal club: p-hacking & preregistration</li><li style="border-color:#1E3A5E">Wed — Data viz workshop: ggplot to Observable</li><li style="border-color:#1E3A5E">Fri — Teen Science Café: CRISPR ethics</li></ul></div>
</aside>
</div>
</div></section>
<!-- TESTIMONIALS -->
<section class="block" style="padding-top:60px"><div class="container">
<div class="sec-head"><div class="eyebrow">Peer Validation — Testimonials</div><h2>Loved by researchers, teachers & the curious.</h2></div>
<div class="testis">
<div class="testi"><div class="stars">★★★★★</div><p>“LUMEN’s replication fund saved my PhD. Two independent labs validated my soil-carbon result — with full statistical review. My committee called the data visualization ‘textbook-ready.’”</p><div style="display:flex;gap:12px;align-items:center;margin-top:16px"><img src="https://i.pravatar.cc/100?u=testi1" alt="Maya"><div><strong>Maya Chen</strong><br><span style="font-size:.85rem;color:var(--muted)">PhD Candidate, Stanford • Ecology</span></div></div></div>
<div class="testi"><div class="stars">★★★★★</div><p>“As a high-school teacher, the free kits and office hours are gold. My students ran a real power analysis and emailed a LUMEN biostatistician — she replied in a day!”</p><div style="display:flex;gap:12px;align-items:center;margin-top:16px"><img src="https://i.pravatar.cc/100?u=testi2" alt="Marcus"><div><strong>Marcus Bell</strong><br><span style="font-size:.85rem;color:var(--muted)">STEM Educator, Detroit • 140 students</span></div></div></div>
<div class="testi"><div class="stars">★★★★★</div><p>“We applied on a Friday, had feedback in 12 days, funding in 30. The requirement for open data and peer validation made our fusion result bulletproof to reviewers.”</p><div style="display:flex;gap:12px;align-items:center;margin-top:16px"><img src="https://i.pravatar.cc/100?u=testi3" alt="Elena"><div><strong>Dr. Elena Ruiz</strong><br><span style="font-size:.85rem;color:var(--muted)">PI, Plasma Physics • Frontier Grantee</span></div></div></div>
</div>
</div></section>
<!-- FAQ -->
<section class="block" style="padding-top:0"><div class="container">
<div class="sec-head" style="text-align:center;margin:0 auto 28px"><div class="eyebrow">Questions — FAQ</div><h2>Everything you’re wondering, answered.</h2></div>
<div class="faq">
<div class="faq-item open"><button class="faq-q">Is LUMEN peer-reviewed? How does peer validation work? <span>+</span></button><div class="faq-a"><p>Yes. Every study passes single-blind review plus independent replication in at least one partner lab. We publish reviewer reports, effect sizes with confidence intervals, power calculations, and analysis code. Null results are welcomed equally — about 22% of our papers report no statistical significance, which we consider vital knowledge.</p></div></div>
<div class="faq-item"><button class="faq-q">Can I access datasets and reuse them? <span>+</span></button><div class="faq-a"><p>Absolutely. All datasets carry CC-BY licenses with DOIs for citation. Download raw files, notebooks, and data visualization templates. Commercial reuse is allowed with attribution; our team offers free licensing consults.</p></div></div>
<div class="faq-item"><button class="faq-q">How do I join a lab or attend a lecture? <span>+</span></button><div class="faq-a"><p>Browse 340 lab profiles and click Contact Researcher — PIs hold weekly open hours. Public lectures are free, hybrid, and recorded. Teachers can request travel stipends and classroom kits at no cost.</p></div></div>
<div class="faq-item"><button class="faq-q">What funding can early-career scientists apply for? <span>+</span></button><div class="faq-a"><p>Early Spark ($45k, rolling) and Frontier ($250k) are ideal starting points. Replication Fund supports confirmatory work. All include mentorship, stats support, and coverage for open-access fees and childcare during fieldwork.</p></div></div>
<div class="faq-item"><button class="faq-q">Do you offer STEM resources for schools? <span>+</span></button><div class="faq-a"><p>Yes — NGSS-aligned units, $35 reusable kits, virtual scientist visits, and teacher stipends. Title I schools receive priority and free shipping. Over 210,000 students used LUMEN materials last year.</p></div></div>
</div>
</div></section>
<!-- SUBSCRIBE -->
<section style="padding-bottom:20px"><div class="container">
<div class="subscribe" id="subscribe">
<div><div class="eyebrow" style="color:var(--lime)">The Lumen Letter — Weekly • 86,000 Readers</div><h2>Get discovery in your inbox. No hype.</h2><p>One email every Sunday: 3 validated breakthroughs, 1 open dataset with charts you can remix, 1 grant deadline, and 1 classroom activity. Read by researchers at NASA, NIH, and 900 school districts. Unsubscribe anytime.</p><div style="display:flex;gap:18px;margin-top:16px" class="mono"><span>✔ Free forever</span><span>✔ No spam</span><span>✔ Open access</span></div></div>
<div><div class="newsbox"><input type="email" id="emailIn" placeholder="you@university.edu" aria-label="Email"><button id="subBtn">Subscribe →</button></div><p id="subMsg" class="mono" style="font-size:.8rem;margin-top:12px;color:var(--lime)"></p><p style="font-size:.82rem;color:#8AA0BE;margin-top:8px">Join 86,214 subscribers • View sample issue • Privacy-first: we never sell data.</p><img src="https://placehold.co/500x120/0E2442/D8FF3E?text=★★★★★+4.9+/+5+FROM+12,400+REVIEWS&font=source+sans+pro" alt="reviews" style="margin-top:14px"></div>
</div>
</div></section>
</main>
<footer>
<div class="container fgrid">
<div><div style="display:flex;gap:12px;align-items:center;margin-bottom:14px"><img src="https://placehold.co/80x80/0E2442/D8FF3E?text=L◆&font=montserrat" alt="logo" style="width:44px"><div style="font-family:var(--font-d);font-size:1.3rem;color:#fff">LUMEN Science</div></div><p style="font-size:.9rem">Where Curiosity Becomes Discovery. An independent, nonprofit open-science collective advancing research, education, and evidence-based policy since 2012.</p><p style="font-size:.88rem;margin-top:12px">📍 550 Science Park Drive, Cambridge, MA 02142<br>✉️ hello@lumen-science.org<br>☎️ +1 (617) 555-0148</p><div class="social"><a href="#" aria-label="X"><i class="fa-brands fa-x-twitter"></i></a><a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin"></i></a><a href="#" aria-label="YouTube"><i class="fa-brands fa-youtube"></i></a><a href="#" aria-label="Bluesky"><i class="fa-solid fa-cloud"></i></a><a href="#" aria-label="RSS"><i class="fa-solid fa-rss"></i></a></div></div>
<div><h5>Explore</h5><p><a href="#discoveries">Scientific Discoveries</a><br><a href="#data">Data & Analysis Portal</a><br><a href="#labs">Labs Directory</a><br><a href="#funding">Funding & Grants</a><br><a href="#resources">Resources Library</a></p></div>
<div><h5>Community</h5><p><a href="#education">STEM Education</a><br><a href="#news">Science News</a><br><a href="#labs">Attend Lecture</a><br><a href="#subscribe">Subscribe</a><br><a href="#subscribe">Contact Researcher</a></p></div>
<div><h5>Organization</h5><p><a href="#">About & Mission</a><br><a href="#">Ethics & Reproducibility</a><br><a href="#">Careers (34 open)</a><br><a href="#">Press Kit</a><br><a href="#">Donate</a></p></div>
</div>
<div class="container copy"><span>© 2026 LUMEN Science Collective • A 501(c)(3) nonprofit • All content CC-BY unless noted</span><span><a href="#">Privacy Policy</a> • <a href="#">Terms of Use</a> • <a href="#">Accessibility</a> • <a href="#">Cookie Settings</a></span></div>
</footer>
<script>
// mobile
document.getElementById('burger').onclick=()=>document.getElementById('mainNav').classList.toggle('open');
// counters
const io=new IntersectionObserver(es=>es.forEach(e=>{if(e.isIntersecting){const el=e.target,end=+el.dataset.count;let s=0;const t=setInterval(()=>{s+=Math.ceil(end/60);if(s>=end){s=end;clearInterval(t)}el.textContent=s.toLocaleString()},20);io.unobserve(el)}}),{threshold:.5});
document.querySelectorAll('[data-count]').forEach(el=>io.observe(el));
// filters
document.querySelectorAll('#filters button').forEach(b=>b.onclick=()=>{document.querySelectorAll('#filters button').forEach(x=>x.classList.remove('active'));b.classList.add('active');const f=b.dataset.f;document.querySelectorAll('#cards .card').forEach(c=>{c.style.display=(f==='all'||c.dataset.cat===f)?'':'none'})});
// significance lab
const nR=document.getElementById('nRange'),dR=document.getElementById('dRange'),sdR=document.getElementById('sdRange');
function calc(){const n=+nR.value,d=+dR.value/100,sd=+sdR.value/100;
document.getElementById('nVal').textContent=n;document.getElementById('dVal').textContent=d.toFixed(2);document.getElementById('sdVal').textContent=sd.toFixed(1);
const se=Math.sqrt(2/n)*sd; const t=(d)/se; const p=Math.max(0.0001, 2*(1-phi(Math.min(4.5,t/1.4))));
document.getElementById('pOut').textContent=p<0.001?'<0.001':p.toFixed(3);
const power=Math.min(99,Math.round(phi(t-1.96)*100));
document.getElementById('powOut').textContent=power+'%';
document.getElementById('ciOut').textContent='['+(d-1.96*se).toFixed(2)+', '+(d+1.96*se).toFixed(2)+']';
const sig=p<0.05,box=document.getElementById('sigBox');
box.className='sig '+(sig?'yes':'no');box.textContent=sig?'✔ Statistically significant at α = 0.05 — worthy of peer validation':'✕ Not significant — consider larger n or preregistered replication';
document.querySelectorAll('#viz i').forEach((b,i)=>{b.style.height=(30+Math.random()*20+power/1.6+ d*22 - i*2)+'%'});}
function phi(x){return 0.5*(1+erf(x/Math.SQRT2))}function erf(x){const s=x<0?-1:1;x=Math.abs(x);const t=1/(1+0.3275911*x);const y=1-((((((1.061405429*t-1.453152027)*t)+1.421413741)*t-0.284496736)*t+0.254829592)*t)*Math.exp(-x*x);return s*y}
[nR,dR,sdR].forEach(r=>r.oninput=calc);calc();
// funding checker
document.getElementById('checkBtn').onclick=()=>{const s=document.getElementById('qStage').value,t=document.getElementById('qType').value;let ti,tx;
if(t.includes('Replication')){ti='Replication Fund — $80k';tx='Perfect fit: you validate, we fund. '+s+' applicants have 84% invite rate. Guaranteed publication even for null results with full peer validation.'}
else if(s.includes('PhD')||s.includes('Postdoc')){ti='Early Spark — $45k';tx='Built for you: seed funding + mentorship + stats help. 120 awards yearly, decision in 14 days. Add our data visualization workshop to strengthen your proposal.'}
else if(t.includes('Education')){ti='STEM Equity — $120k';tx='Ideal for outreach and classroom impact. Includes kits, teacher stipends, and instrument loans. rolling support for Title I partners.'}
else{ti='Frontier Grant — $250k';tx='For bold hypotheses with strong design. Show power analysis and preregistration for best odds. 78% of similar '+s+' profiles reached full proposal.'}
document.getElementById('matchTitle').textContent=ti;document.getElementById('matchText').textContent=tx;};
// citation
function genCite(){const a=document.getElementById('cAuthor').value,y=document.getElementById('cYear').value,t=document.getElementById('cTitle').value,j=document.getElementById('cJournal').value,st=document.getElementById('citeStyle').value;let out='';
if(st==='apa')out=`${a} (${y}). ${cap(t)}. <em>${j}</em>`;
else if(st==='mla')out=`${a}. “${cap(t)}.” <em>${j}</em>, ${y}.`;
else out=`${a} ${y}. “${cap(t)}.” <em>${j}</em>.`;
document.getElementById('citeOut').innerHTML=out;}
function cap(s){return s.charAt(0).toUpperCase()+s.slice(1)}
document.getElementById('citeBtn').onclick=genCite;['cAuthor','cYear','cTitle','cJournal','citeStyle'].forEach(id=>document.getElementById(id).oninput=genCite);
document.getElementById('copyBtn').onclick=()=>{navigator.clipboard.writeText(document.getElementById('citeOut').innerText);document.getElementById('copyBtn').textContent='Copied!';setTimeout(()=>document.getElementById('copyBtn').textContent='Copy',1500)};
// faq
document.querySelectorAll('.faq-q').forEach(q=>q.onclick=()=>{const it=q.parentElement,was=it.classList.contains('open');document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));if(!was)it.classList.add('open')});
// subscribe
document.getElementById('subBtn').onclick=()=>{const v=document.getElementById('emailIn').value;document.getElementById('subMsg').textContent=v.includes('@')?'✓ Welcome aboard! Check your inbox to confirm — your first discovery digest arrives Sunday.':'Please enter a valid email address.'};
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T09:55:26.027Z",
"url": "https://benchmark.aimac.invalid/683caaea059a41559ace0cd013a848b8678c9743f50f70df0af6b51b77fadab0.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div class=\"container\" style=\"padding:0 24px\">",
"target": [
".ticker > .container"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"active\" data-f=\"all\">All Fields</button>",
"target": [
".active"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Science, made <span class=\"hl\">rigorous,</span> open & human.</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Breakthroughs with statistical significance, not just headlines.</h2>",
"target": [
"#discoveries > .container > .sec-head > h2"
]
},
{
"html": "<h3>CRISPR-Prime 3.0 cuts off-target edits by 81%</h3>",
"target": [
".card[data-cat=\"bio\"]:nth-child(1) > .card-body > h3"
]
},
{
"html": "<h3>Room-temp coherence sustained for 2.4 milliseconds</h3>",
"target": [
".card[data-cat=\"physics\"]:nth-child(2) > .card-body > h3"
]
},
{
"html": "<h3>Atlantic kelp forests capture 3\u00d7 more carbon than modeled</h3>",
"target": [
"div[data-cat=\"climate\"] > .card-body > h3"
]
},
{
"html": "<h3>LumenFold predicts orphan proteins in 11 seconds</h3>",
"target": [
"div[data-cat=\"ai\"] > .card-body > h3"
]
},
{
"html": "<h3>Gut-brain axis: specific fiber blend eases anxiety 34%</h3>",
"target": [
".card[data-cat=\"bio\"]:nth-child(5) > .card-body > h3"
]
},
{
"html": "<h3>Compact stellarator holds plasma 9 minutes</h3>",
"target": [
".card[data-cat=\"physics\"]:nth-child(6) > .card-body > h3"
]
},
{
"html": "<h2>From raw signal to trusted insight.</h2>",
"target": [
".datalab-left > h2"
]
},
{
"html": "<h3 style=\"font-size:1.4rem\">\ud83e\uddea Interactive: Statistical Significance Lab</h3>",
"target": [
".labbox > h3"
]
},
{
"html": "<h2>340 labs. One shared standard of excellence.</h2>",
"target": [
"#labs > .container > .sec-head > h2"
]
},
{
"html": "<h3>Beacon Genome Foundry</h3>",
"target": [
".lab-card.card:nth-child(1) > .card-body > h3"
]
},
{
"html": "<h3>Andes Photon & Climate Observatory</h3>",
"target": [
".lab-card.card:nth-child(2) > .card-body > h3"
]
},
{
"html": "<h3>Coral Resilience Mesocosm</h3>",
"target": [
".lab-card.card:nth-child(3) > .card-body > h3"
]
},
{
"html": "<h3>Next: The Microbiome Cosmos with Dr. Priya Nair \u2014 Nov 12, 7PM ET</h3>",
"target": [
".lecture > div:nth-child(1) > h3"
]
},
{
"html": "<h2>Funding that favors bold, reproducible science.</h2>",
"target": [
"#funding > .container > .sec-head > h2"
]
},
{
"html": "<h3>Check your eligibility in seconds</h3>",
"target": [
".checker > div:nth-child(1) > h3"
]
},
{
"html": "<h3 id=\"matchTitle\" style=\"margin:8px 0\">Frontier Grant \u2014 $250k</h3>",
"target": [
"#matchTitle"
]
},
{
"html": "<h2 id=\"education\">Tools, protocols & classrooms without walls.</h2>",
"target": [
"#education"
]
},
{
"html": "<h3>Open Data & Code Library</h3>",
"target": [
".res:nth-child(1) > h3"
]
},
{
"html": "<h3>Validated Protocols Exchange</h3>",
"target": [
".res:nth-child(2) > h3"
]
},
{
"html": "<h3>STEM Classrooms & Kits</h3>",
"target": [
".res:nth-child(3) > h3"
]
},
{
"html": "<h3 style=\"color:#fff;margin:10px 0\">Generate a perfect citation, instantly.</h3>",
"target": [
".citebox > div:nth-child(1) > h3"
]
},
{
"html": "<h2>Science news you can trust, explained clearly.</h2>",
"target": [
"#news > .container > .sec-head > h2"
]
},
{
"html": "<h3 style=\"font-size:1.25rem\">Why replication is having a renaissance \u2014 and why it matters for you</h3>",
"target": [
".article:nth-child(1) > div > h3"
]
},
{
"html": "<h3 style=\"font-size:1.25rem\">90 days aboard the R/V Lumen: hunting heat-proof coral</h3>",
"target": [
".article:nth-child(2) > div > h3"
]
},
{
"html": "<h3 style=\"font-size:1.25rem\">8,400 teachers, one question: how do you teach uncertainty?</h3>",
"target": [
".article:nth-child(3) > div > h3"
]
},
{
"html": "<h4>\ud83d\udcd1 Publication Highlights</h4>",
"target": [
".widget:nth-child(1) > h4"
]
},
{
"html": "<h4>\ud83d\udc69\u200d\ud83d\udd2c Scientist Profiles</h4>",
"target": [
".widget:nth-child(2) > h4"
]
},
{
"html": "<h4 style=\"color:var(--lime)\">\ud83d\udd2c This Week in Science</h4>",
"target": [
".widget:nth-child(3) > h4"
]
},
{
"html": "<h2>Loved by researchers, teachers & the curious.</h2>",
"target": [
".block:nth-child(9) > .container > .sec-head > h2"
]
},
{
"html": "<h2>Everything you\u2019re wondering, answered.</h2>",
"target": [
".block:nth-child(10) > .container > .sec-head > h2"
]
},
{
"html": "<h2>Get discovery in your inbox. No hype.</h2>",
"target": [
"#subscribe > div:nth-child(1) > h2"
]
},
{
"html": "<h5>Explore</h5>",
"target": [
"div:nth-child(2) > h5"
]
},
{
"html": "<h5>Community</h5>",
"target": [
"div:nth-child(3) > h5"
]
},
{
"html": "<h5>Organization</h5>",
"target": [
"div:nth-child(4) > h5"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main>",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#cbd7ea",
"bgColor": "#071427",
"contrastRatio": 12.69,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 12.69"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span><strong>BREAKING:</strong> LUMEN Deep-Sea Expedition identifies 14 new chemosynthetic species in Mariana Trench</span>",
"target": [
"marquee > span:nth-child(1)"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"range\" id=\"nRange\" min=\"20\" max=\"1000\" value=\"120\">",
"target": [
"#nRange"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/120x120/071427/D8FF3E?text=L\u25c6&font=montserrat\" alt=\"LUMEN Science Collective logo\">",
"target": [
"img[alt=\"LUMEN Science Collective logo\"]"
]
}
]
},
{
"id": "label",
"impact": "critical",
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute exists and is not empty"
},
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"email\" id=\"emailIn\" placeholder=\"you@university.edu\" aria-label=\"Email\">",
"target": [
"#emailIn"
]
}
]
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<div style=\"text-align:right\"><a href=\"#subscribe\" class=\"btn\" style=\"background:var(--lime);color:#071427;font-weight:800\">Attend Lecture \u2014 Reserve Seat</a><div class=\"mono\" style=\"font-size:.8rem;margin-top:10px;opacity:.9\">BOSTON HQ + ZOOM \u2022 CERTIFICATE PROVIDED</div></div>",
"target": [
".lecture > div:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#subscribe\" class=\"btn\" style=\"background:var(--lime);color:#071427;font-weight:800\">Attend Lecture \u2014 Reserve Seat</a>",
"target": [
".lecture > div:nth-child(2) > .btn[href$=\"#subscribe\"]"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#discoveries\">Discoveries</a>",
"target": [
"#mainNav > a[href$=\"#discoveries\"]"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul>",
"target": [
".widget:nth-child(1) > ul"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><strong>Quantum coherence at 2.4ms</strong><br><span style=\"color:var(--muted)\">Phys. Rev. Lumen \u2022 Cited 184\u00d7 \u2022 Open Data</span></li>",
"target": [
".widget:nth-child(1) > ul > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/120x120/071427/D8FF3E?text=L\u25c6&font=montserrat\" alt=\"LUMEN Science Collective logo\">",
"target": [
"img[alt=\"LUMEN Science Collective logo\"]"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 109.7,
"height": 44.5
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (109.7px by 44.5px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#discoveries\">Discoveries</a>",
"target": [
"#mainNav > a[href$=\"#discoveries\"]"
]
}
]
}
],
"incomplete": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": "bgGradient",
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">\u25cf A Global Research Collective \u2022 340 Labs \u2022 27 Countries</div>",
"target": [
".hero-grid > div:nth-child(1) > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#f6f8fb",
"contrastRatio": 3.53,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">01 \u2014 Scientific Discovery</div>",
"target": [
"#discoveries > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"bio\">",
"target": [
".card[data-cat=\"bio\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Genomics \u2022 Nature Lumen \u2022 Oct 2026</div>",
"target": [
".card[data-cat=\"bio\"]:nth-child(1) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"physics\">",
"target": [
".card[data-cat=\"physics\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Quantum Materials \u2022 p=.002 \u2022 Replication 3/3</div>",
"target": [
".card[data-cat=\"physics\"]:nth-child(2) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"climate\">",
"target": [
"div[data-cat=\"climate\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Climate \u2022 12-Year Longitudinal \u2022 n=18k sensors</div>",
"target": [
"div[data-cat=\"climate\"] > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"ai\">",
"target": [
"div[data-cat=\"ai\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">AI for Science \u2022 F1=0.94 \u2022 Open Weights</div>",
"target": [
"div[data-cat=\"ai\"] > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"bio\">",
"target": [
".card[data-cat=\"bio\"]:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Microbiome \u2022 RCT \u2022 n=1,240</div>",
"target": [
".card[data-cat=\"bio\"]:nth-child(5) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card\" data-cat=\"physics\">",
"target": [
".card[data-cat=\"physics\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Energy \u2022 Plasma \u2022 Q=1.8 sustained</div>",
"target": [
".card[data-cat=\"physics\"]:nth-child(6) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"block\" id=\"labs\" style=\"background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)\">",
"target": [
"#labs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">03 \u2014 Our Labs Network</div>",
"target": [
"#labs > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card lab-card\">",
"target": [
".lab-card.card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Boston \u2022 Genomics & Editing</div>",
"target": [
".lab-card.card:nth-child(1) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card lab-card\">",
"target": [
".lab-card.card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Atacama \u2022 Physics & Climate</div>",
"target": [
".lab-card.card:nth-child(2) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"card lab-card\">",
"target": [
".lab-card.card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Brisbane \u2022 Marine Biology</div>",
"target": [
".lab-card.card:nth-child(3) > .card-body > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"grant\">",
"target": [
".grant:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"mono\" style=\"font-size:.75rem;letter-spacing:.12em;color:var(--teal-dark)\">\u25cf EARLY SPARK</div>",
"target": [
".grant:nth-child(2) > .mono:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#f6f8fb",
"contrastRatio": 3.53,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"background:var(--paper);border-radius:16px;padding:22px;border:1px solid var(--line)\">",
"target": [
".checker > div:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"mono\" style=\"font-size:.75rem;letter-spacing:.12em;color:var(--teal-dark)\">\u25cf YOUR MATCH</div>",
"target": [
".checker > div:nth-child(2) > .mono"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#f6f8fb",
"contrastRatio": 3.53,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">05 \u2014 Resources & STEM Education</div>",
"target": [
"#resources > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"block\" id=\"news\" style=\"background:#fff;border-top:1px solid var(--line)\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">06 \u2014 The Observatory: News & Insights</div>",
"target": [
"#news > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"article\">",
"target": [
".article:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Science News \u2022 Oct 1, 2026 \u2022 6 min</div>",
"target": [
".article:nth-child(1) > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"article\">",
"target": [
".article:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Field Notes \u2022 Sep 28, 2026 \u2022 4 min</div>",
"target": [
".article:nth-child(2) > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"article\">",
"target": [
".article:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">STEM Education \u2022 Sep 20, 2026 \u2022 5 min</div>",
"target": [
".article:nth-child(3) > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #099485, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#f6f8fb",
"contrastRatio": 3.53,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">Peer Validation \u2014 Testimonials</div>",
"target": [
".block:nth-child(9) > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#099485",
"bgColor": "#f6f8fb",
"contrastRatio": 3.53,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"eyebrow\">Questions \u2014 FAQ</div>",
"target": [
".block:nth-child(10) > .container > .sec-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.53 (foreground color: #099485, background color: #f6f8fb, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "label",
"impact": "critical",
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input type=\"range\" id=\"nRange\" min=\"20\" max=\"1000\" value=\"120\">",
"target": [
"#nRange"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input type=\"range\" id=\"dRange\" min=\"5\" max=\"150\" value=\"45\">",
"target": [
"#dRange"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input type=\"range\" id=\"sdRange\" min=\"50\" max=\"200\" value=\"100\">",
"target": [
"#sdRange"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input id=\"cAuthor\" value=\"Okafor, A., & Nair, P.\">",
"target": [
"#cAuthor"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input id=\"cYear\" value=\"2026\">",
"target": [
"#cYear"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input id=\"cTitle\" value=\"Prime editing precision in human organoids: a multi-lab validated study\">",
"target": [
"#cTitle"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "non-empty-placeholder",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no placeholder attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<input id=\"cJournal\" value=\"Lumen Reports, 14(39), 201\u2013219. https://doi.org/10.5678/lumen.2026.039\">",
"target": [
"#cJournal"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element has no placeholder attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
]
},
{
"id": "marquee",
"impact": "serious",
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "is-on-screen",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is visible"
}
],
"impact": "serious",
"html": "<marquee behavior=\"scroll\" direction=\"left\" scrollamount=\"6\">",
"target": [
"marquee"
],
"failureSummary": "Fix all of the following:\n Element is visible"
}
]
},
{
"id": "select-name",
"impact": "critical",
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<select id=\"qStage\"><option>PhD student</option><option>Postdoc (0-4 yrs)</option><option>Early faculty</option><option>Established PI</option><option>Community / Citizen scientist</option></select>",
"target": [
"#qStage"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<select id=\"qType\"><option>Exploratory / High-risk</option><option>Replication / Validation</option><option>Education / Outreach</option><option>Instrumentation</option></select>",
"target": [
"#qType"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
},
{
"any": [
{
"id": "implicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an implicit (wrapped) <label>"
},
{
"id": "explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element does not have an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute does not exist or is empty"
},
{
"id": "aria-labelledby",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
},
{
"id": "non-empty-title",
"data": {
"messageKey": "noAttr"
},
"relatedNodes": [],
"impact": "critical",
"message": "Element has no title attribute"
},
{
"id": "presentational-role",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<select id=\"citeStyle\"><option value=\"apa\">APA 7th</option><option value=\"mla\">MLA 9th</option><option value=\"chicago\">Chicago Author-Date</option></select>",
"target": [
"#citeStyle"
],
"failureSummary": "Fix any of the following:\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 11627
},
{
"y": 576,
"height": 11627
},
{
"y": 1152,
"height": 11627
},
{
"y": 1728,
"height": 11627
},
{
"y": 2304,
"height": 11627
},
{
"y": 2880,
"height": 11627
},
{
"y": 3456,
"height": 11627
},
{
"y": 4032,
"height": 11627
},
{
"y": 4608,
"height": 11627
},
{
"y": 5184,
"height": 11627
},
{
"y": 5760,
"height": 11627
},
{
"y": 6336,
"height": 11627
},
{
"y": 6912,
"height": 11627
},
{
"y": 7488,
"height": 11627
},
{
"y": 8064,
"height": 11627
},
{
"y": 8640,
"height": 11627
},
{
"y": 9216,
"height": 11627
},
{
"y": 9792,
"height": 11627
},
{
"y": 10368,
"height": 11627
},
{
"y": 10907,
"height": 11627
}
],
"scans": 21,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Science" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.
**Client & Category:**
- Industry: "Science"
- Description: Scientific research, discoveries, STEM education, and science news.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Science" category.
2. **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3. **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.
**Content & Structure Requirements (Deliver a COMPLETE page):**
- **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
- **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Resources", "Funding", "Labs".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Science" category. Consider themes similar to: "Data & Analysis", "Scientific Discovery", "Grant Opportunities".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "statistical significance", "data visualization", "peer validation".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Attend Lecture", "Contact Researcher", "Subscribe".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "citation finder".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "publication highlights", "scientist profiles", "science news".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.