Anthropic Claude Sonnet 5.5 – Science
via Anthropic · Generated
- AIMAC Debt 15.50
- Cost $0.27
- Total Violations 33
- HTML Size 58 KB
- Em Dashes 6
Screenshot
View Live Page
Accessibility Issues Found
1 Critical 32 Serious
-
aria-prohibited-attr serious 13 instances
Elements must only use permitted ARIA attributes
Example HTML
<circle cx="54" cy="251.73059360730593" r="5" fill="#0a1a2a" stroke="#f5a524" stroke-width="2.5" tabindex="0" style="cursor:pointer" aria-label="20... -
aria-required-children critical 1 instance
Certain ARIA roles must contain particular children
Example HTML
<div class="tabs" role="tablist" aria-label="Filter research by discipline"> -
color-contrast serious 19 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="eyebrow">Research Highlights</span>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Helix Meridian Institute — Where evidence leads, discovery follows</title>
<meta name="description" content="Helix Meridian Institute is an open-science research network advancing breakthrough discoveries, funding early-career scientists, and making STEM education accessible worldwide.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{
--navy:#0a1a2a; --navy-2:#102a43; --ink:#16293b; --muted:#5b6b7b;
--teal:#0fb5a6; --teal-d:#0a8c80; --amber:#f5a524; --coral:#ef5d60;
--bg:#f5f8fa; --card:#ffffff; --line:#e1e8ee; --radius:14px;
--shadow:0 8px 30px rgba(10,26,42,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;line-height:1.2;color:var(--navy)}
h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:.6rem}
h3{font-size:1.25rem;margin-bottom:.5rem}
p{margin-bottom:1rem}
.container{width:min(1200px,92%);margin-inline:auto}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--teal-d);display:block;margin-bottom:.6rem}
.section{padding:5rem 0}
.section-head{max-width:720px;margin-bottom:2.5rem}
.section-head p{color:var(--muted);font-size:1.05rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;font-weight:600;border:2px solid transparent;cursor:pointer;font-size:.95rem;font-family:inherit;transition:.2s}
.btn-primary{background:var(--teal);color:#032a26}
.btn-primary:hover{background:#2fd0c1;transform:translateY(-2px)}
.btn-ghost{border-color:rgba(255,255,255,.4);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:var(--navy-2);transform:translateY(-2px)}
.btn-outline{border-color:var(--navy);color:var(--navy)}
.btn-outline:hover{background:var(--navy);color:#fff}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
/* Header */
.topbar{background:var(--navy);color:#b8c7d6;font-size:.82rem;padding:.45rem 0}
.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.topbar a:hover{color:#fff}
header.site{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem}
.brand img{width:48px;height:48px;border-radius:12px}
.brand b{font-family:'Fraunces',serif;font-size:1.25rem;color:var(--navy);display:block;line-height:1.1}
.brand small{color:var(--muted);font-size:.74rem;display:block}
nav ul{list-style:none;display:flex;gap:.2rem;align-items:center}
nav a{padding:.5rem .8rem;border-radius:8px;font-weight:500;font-size:.93rem;color:var(--ink)}
nav a:hover{background:#e8f6f4;color:var(--teal-d)}
nav a.cta{background:var(--navy);color:#fff;margin-left:.4rem}
nav a.cta:hover{background:var(--teal-d);color:#fff}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;font-size:1.1rem;cursor:pointer}
/* Hero */
.hero{background:radial-gradient(1000px 500px at 80% 0%,rgba(15,181,166,.28),transparent 60%),linear-gradient(135deg,#071420,#0f2d47);color:#fff;padding:5rem 0 0;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.9rem);margin-bottom:1.2rem}
.hero h1 em{color:var(--teal);font-style:italic}
.hero p.lead{font-size:1.15rem;color:#c3d3e0;max-width:560px}
.hero .actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.hero-media{position:relative}
.hero-media img{border-radius:20px;box-shadow:0 30px 60px rgba(0,0,0,.4);width:100%;aspect-ratio:4/3;object-fit:cover}
.float-card{position:absolute;left:-24px;bottom:-24px;background:#fff;color:var(--ink);border-radius:14px;padding:1rem 1.2rem;box-shadow:var(--shadow);max-width:250px;font-size:.88rem}
.float-card b{display:block;color:var(--navy);font-family:'Fraunces',serif;font-size:1.1rem}
.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);margin-right:.4rem;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,93,96,.6)}100%{box-shadow:0 0 0 12px rgba(239,93,96,0)}}
.stats{margin-top:5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px 18px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:1.6rem;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.stat:last-child{border:0}
.stat b{font-family:'Fraunces',serif;font-size:2.2rem;color:var(--teal);display:block}
.stat span{color:#b8c7d6;font-size:.88rem}
/* Research */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.chip{padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:500;cursor:pointer;font-size:.9rem;font-family:inherit;color:var(--ink);transition:.2s}
.chip:hover{border-color:var(--teal)}
.chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:.25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card-body{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.card-body p{color:var(--muted);font-size:.95rem}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .65rem;border-radius:6px;margin-bottom:.8rem;align-self:flex-start}
.t-bio{background:#e3f6ea;color:#1b7a43}.t-phys{background:#e5ecfd;color:#2a4fb8}.t-clim{background:#fff1d9;color:#a46a00}.t-neuro{background:#fde6e7;color:#b5373a}
.more{margin-top:auto;font-weight:600;color:var(--teal-d);font-size:.92rem}
.more:hover{text-decoration:underline}
.meta{font-size:.8rem;color:var(--muted);margin-bottom:.8rem}
/* Labs */
.labs{background:#fff}
.lab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.lab{border-radius:var(--radius);overflow:hidden;position:relative;min-height:340px;color:#fff;display:flex;align-items:flex-end}
.lab img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}
.lab:hover img{transform:scale(1.07)}
.lab::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,20,32,.95) 15%,rgba(7,20,32,.1) 70%)}
.lab div{position:relative;z-index:1;padding:1.3rem}
.lab h3{color:#fff;margin-bottom:.3rem}
.lab p{font-size:.86rem;color:#c8d6e2;margin:0 0 .6rem}
.lab span{font-size:.78rem;color:var(--teal);font-weight:600}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.feature{padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.feature .ic{width:46px;height:46px;border-radius:12px;background:var(--navy);color:var(--teal);display:grid;place-items:center;font-size:1.3rem;margin-bottom:1rem}
.feature p{color:var(--muted);font-size:.94rem;margin:0}
/* Data */
.data{background:var(--navy);color:#d3dfea}
.data h2,.data h3{color:#fff}
.data .section-head p{color:#9fb3c6}
.data .eyebrow{color:var(--teal)}
.data-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem}
.panel{background:var(--navy-2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:1.6rem}
.panel .chip{background:transparent;color:#d3dfea;border-color:rgba(255,255,255,.2)}
.panel .chip.active{background:var(--teal);color:#032a26;border-color:var(--teal)}
#chart{width:100%;height:auto;display:block}
.chart-info{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.9rem;color:#9fb3c6;min-height:2.6rem}
.chart-info b{color:#fff}
.insights p{font-size:.95rem}
.insights ul{list-style:none;margin:1rem 0 1.4rem}
.insights li{padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:1rem;font-size:.92rem}
.insights li b{color:var(--teal);white-space:nowrap}
/* News + sidebar */
.news-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}
.featured{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:1.5rem}
.featured img{width:100%;height:100%;object-fit:cover;min-height:260px}
.featured .card-body{padding:1.8rem}
.news-list{display:grid;gap:1rem}
.news-item{display:grid;grid-template-columns:140px 1fr;gap:1.2rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;transition:.2s}
.news-item:hover{box-shadow:var(--shadow)}
.news-item img{width:140px;height:100px;object-fit:cover;border-radius:10px}
.news-item h3{font-size:1.05rem;margin-bottom:.3rem}
.news-item p{font-size:.9rem;color:var(--muted);margin:0}
aside .widget{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin-bottom:1.5rem}
aside h3{font-size:1.1rem;padding-bottom:.7rem;margin-bottom:1rem;border-bottom:2px solid var(--teal)}
.lecture{display:flex;gap:.9rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.lecture:last-child{border:0}
.date-box{flex:none;width:52px;height:56px;border-radius:10px;background:var(--navy);color:#fff;text-align:center;line-height:1.1;padding-top:.5rem;font-size:.7rem;text-transform:uppercase}
.date-box b{display:block;font-size:1.2rem;font-family:'Fraunces',serif}
.lecture h4{font-family:'Inter',sans-serif;font-size:.92rem;color:var(--navy)}
.lecture small{color:var(--muted)}
.profile{display:flex;gap:.9rem;align-items:center;padding:.6rem 0}
.profile img{width:52px;height:52px;border-radius:50%}
.profile h4{font-family:'Inter',sans-serif;font-size:.92rem}
.profile small{color:var(--muted);display:block;line-height:1.3}
.release{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem 0;border-bottom:1px dashed var(--line);font-size:.88rem}
.release:last-child{border:0}
.release code{background:#e8f6f4;color:var(--teal-d);padding:.1rem .45rem;border-radius:5px;font-size:.78rem;height:fit-content}
/* Funding */
.funding{background:linear-gradient(135deg,#e8f6f4,#fff7e8)}
.funding-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.funding-grid img{border-radius:18px;box-shadow:var(--shadow);width:100%}
.steps{list-style:none;counter-reset:s;margin:1.5rem 0}
.steps li{counter-increment:s;position:relative;padding:.2rem 0 1rem 3.2rem}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--navy);color:var(--teal);display:grid;place-items:center;font-weight:700}
.steps b{display:block;color:var(--navy)}
.steps span{color:var(--muted);font-size:.93rem}
.grant-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}
.grant{background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--line)}
.grant .amt{font-family:'Fraunces',serif;font-size:1.8rem;color:var(--teal-d);display:block}
.grant p{font-size:.92rem;color:var(--muted);margin:.4rem 0 0}
/* Calendar */
.cal-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}
.cal{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.cal-head h3{margin:0}
.cal-head button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1rem}
.cal-head button:hover{background:var(--navy);color:#fff}
.cal-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.cal-filters .chip{padding:.3rem .8rem;font-size:.8rem}
.dow,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.dow span{text-align:center;font-size:.75rem;font-weight:700;color:var(--muted);padding:.3rem 0;text-transform:uppercase}
.day{aspect-ratio:1;border-radius:10px;border:1px solid transparent;background:var(--bg);cursor:pointer;font-family:inherit;font-size:.9rem;position:relative;color:var(--ink)}
.day.empty{background:none;cursor:default}
.day:not(.empty):hover{border-color:var(--teal)}
.day.today{border-color:var(--amber);font-weight:700}
.day.sel{background:var(--navy);color:#fff}
.day .dots{position:absolute;bottom:5px;left:0;right:0;display:flex;justify-content:center;gap:3px}
.dots i{width:6px;height:6px;border-radius:50%;display:block}
.c-lecture{background:var(--teal)}.c-workshop{background:var(--amber)}.c-symposium{background:var(--coral)}
.event-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.event{padding:1rem 0;border-bottom:1px solid var(--line)}
.event:last-child{border:0}
.event h4{font-family:'Inter',sans-serif;font-size:1rem;color:var(--navy);margin-bottom:.2rem}
.event small{color:var(--muted);display:block}
.event .btn{margin-top:.6rem;padding:.4rem .9rem;font-size:.82rem}
.event .btn.done{background:#e3f6ea;color:#1b7a43;border-color:#e3f6ea}
.legend{display:flex;gap:1rem;font-size:.8rem;color:var(--muted);margin-top:1rem;flex-wrap:wrap}
.legend span{display:flex;align-items:center;gap:.35rem}
.legend i{width:9px;height:9px;border-radius:50%}
/* Testimonials */
.testimonials{background:#fff}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.quote{background:var(--bg);border-radius:var(--radius);padding:1.8rem;border:1px solid var(--line);position:relative}
.quote::before{content:"“";font-family:'Fraunces',serif;font-size:4.5rem;color:var(--teal);position:absolute;top:-.5rem;left:1.2rem;line-height:1}
.quote p{margin-top:1.6rem;font-size:.98rem}
.quote footer{display:flex;gap:.8rem;align-items:center;margin-top:1.2rem}
.quote footer img{width:48px;height:48px;border-radius:50%}
.quote footer b{display:block;font-size:.92rem;color:var(--navy)}
.quote footer small{color:var(--muted)}
/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem}
.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:.8rem;overflow:hidden}
.faq-q{width:100%;text-align:left;background:none;border:0;padding:1.1rem 1.3rem;font:600 1rem 'Inter',sans-serif;color:var(--navy);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-q::after{content:"+";font-size:1.5rem;color:var(--teal-d);transition:.2s;flex:none}
.faq-q[aria-expanded="true"]::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.3rem;color:var(--muted);font-size:.95rem}
.faq-a p{padding-bottom:1.1rem;margin:0}
/* Newsletter */
.newsletter{background:linear-gradient(135deg,#0a1a2a,#12405a);color:#fff;border-radius:22px;padding:3.5rem;display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center;margin-bottom:5rem}
.newsletter h2{color:#fff}
.newsletter p{color:#b8c7d6;margin:0}
.nl-form{display:flex;gap:.6rem;flex-wrap:wrap}
.nl-form input{flex:1;min-width:200px;padding:.9rem 1.2rem;border-radius:999px;border:0;font:inherit}
.nl-msg{font-size:.88rem;margin-top:.7rem;color:var(--teal);min-height:1.3rem;width:100%}
/* Footer */
footer.site{background:var(--navy);color:#9fb3c6;padding:4rem 0 1.5rem;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(255,255,255,.1)}
footer.site h4{color:#fff;font-family:'Inter',sans-serif;font-size:.95rem;margin-bottom:1rem}
footer.site ul{list-style:none}
footer.site li{margin-bottom:.55rem}
footer.site a:hover{color:var(--teal)}
.socials{display:flex;gap:.6rem;margin-top:1rem}
.socials a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#fff}
.socials a:hover{background:var(--teal);color:#032a26;border-color:var(--teal)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;font-size:.84rem}
.foot-bottom div{display:flex;gap:1.2rem}
@media(max-width:1020px){
.hero-grid,.data-grid,.news-layout,.funding-grid,.cal-layout,.faq-wrap,.newsletter{grid-template-columns:1fr}
.cards,.quote-grid,.grant-types,.feature-grid{grid-template-columns:repeat(2,1fr)}
.lab-grid{grid-template-columns:repeat(2,1fr)}
.foot-grid{grid-template-columns:1fr 1fr}
.float-card{left:12px}
}
@media(max-width:820px){
.menu-btn{display:block}
nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;padding:1rem 4%}
nav.open{display:block}
nav ul{flex-direction:column;align-items:stretch}
nav a.cta{margin:.4rem 0 0;text-align:center;display:block}
}
@media(max-width:640px){
.section{padding:3.5rem 0}
.cards,.quote-grid,.grant-types,.feature-grid,.lab-grid,.foot-grid,.featured{grid-template-columns:1fr}
.stats{grid-template-columns:repeat(2,1fr)}
.stat:nth-child(2){border-right:0}
.stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}
.news-item{grid-template-columns:1fr}
.news-item img{width:100%;height:160px}
.newsletter{padding:2rem}
.topbar .container>span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
</style>
</head>
<body>
<div class="topbar">
<div class="container">
<span>🔬 Now accepting applications for the 2026 Frontier Grant cycle — closes in 6 weeks</span>
<span><a href="mailto:hello@helixmeridian.org">hello@helixmeridian.org</a> · <a href="tel:+16175550142">+1 (617) 555-0142</a></span>
</div>
</div>
<header class="site">
<div class="container header-inner">
<a href="#top" class="brand" aria-label="Helix Meridian Institute home">
<img src="https://placehold.co/96x96/0a1a2a/0fb5a6?text=HM&font=montserrat" alt="Helix Meridian logo" width="48" height="48">
<span><b>Helix Meridian</b><small>Where evidence leads, discovery follows.</small></span>
</a>
<button class="menu-btn" id="menuBtn" aria-label="Toggle navigation" aria-expanded="false" aria-controls="mainNav">☰</button>
<nav id="mainNav" aria-label="Primary">
<ul>
<li><a href="#research">Research</a></li>
<li><a href="#labs">Labs</a></li>
<li><a href="#data">Data</a></li>
<li><a href="#news">News</a></li>
<li><a href="#funding">Funding</a></li>
<li><a href="#events">Events</a></li>
<li><a href="#faq">About</a></li>
<li><a href="#funding" class="cta">Apply Grant</a></li>
</ul>
</nav>
</div>
</header>
<main id="top">
<!-- HERO -->
<section class="hero">
<div class="container">
<div class="hero-grid">
<div>
<span class="eyebrow" style="color:var(--teal)">Open-science research network · Est. 2009</span>
<h1>Where evidence leads, <em>discovery</em> follows.</h1>
<p class="lead">Helix Meridian Institute connects 1,400 researchers across 38 countries to pursue rigorous, reproducible science — from protein folding and quantum materials to ocean systems and the neuroscience of learning. Every dataset we collect is peer-reviewed, openly licensed, and built to be questioned.</p>
<p class="lead">Whether you are a principal investigator planning a longitudinal study, a teacher bringing real data into the classroom, or a curious reader following the latest breakthrough, you are welcome here.</p>
<div class="actions">
<a href="#data" class="btn btn-primary">Explore Data →</a>
<a href="#funding" class="btn btn-ghost">Apply Grant</a>
</div>
</div>
<div class="hero-media">
<img src="https://picsum.photos/seed/helixlab/900/675" alt="Researcher examining samples in a modern laboratory" width="900" height="675">
<div class="float-card"><span class="pulse"></span><b>Live: Cryo-EM Run #4,182</b>Structural mapping of a novel membrane transporter is underway at Lab 03.</div>
</div>
</div>
<div class="stats">
<div class="stat"><b data-count="1400">0</b><span>Affiliated researchers</span></div>
<div class="stat"><b data-count="312">0</b><span>Open datasets released</span></div>
<div class="stat"><b data-count="86">0</b><span>Active longitudinal studies</span></div>
<div class="stat"><b data-count="41">0</b><span>Million USD awarded in grants</span></div>
</div>
</div>
</section>
<!-- RESEARCH -->
<section class="section" id="research">
<div class="container">
<div class="section-head">
<span class="eyebrow">Research Highlights</span>
<h2>Breakthroughs shaping the next decade of science</h2>
<p>Our research programs span four core disciplines. Each project begins with a clearly stated hypothesis, a pre-registered methodology, and a commitment to publishing both positive and null results.</p>
</div>
<div class="tabs" role="tablist" aria-label="Filter research by discipline">
<button class="chip active" data-filter="all">All disciplines</button>
<button class="chip" data-filter="bio">Biology & Medicine</button>
<button class="chip" data-filter="phys">Physics & Materials</button>
<button class="chip" data-filter="clim">Earth & Climate</button>
<button class="chip" data-filter="neuro">Neuroscience</button>
</div>
<div class="cards" id="researchCards">
<article class="card" data-cat="bio">
<img src="https://picsum.photos/seed/protein/640/400" alt="Microscopy image of cellular structures" loading="lazy">
<div class="card-body">
<span class="tag t-bio">Biology & Medicine</span>
<h3>A new class of antibiotics from soil microbiomes</h3>
<p class="meta">Dr. Amara Okafor · Published in Nature Microbiology</p>
<p>By screening more than 90,000 uncultured soil bacteria, the Okafor group identified a compound that disrupts cell-wall synthesis in drug-resistant <em>Staphylococcus</em> strains. Early in vivo results show a 99% reduction in bacterial load with minimal toxicity.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
<article class="card" data-cat="phys">
<img src="https://picsum.photos/seed/quantum/640/400" alt="Abstract visualization of a quantum lattice" loading="lazy">
<div class="card-body">
<span class="tag t-phys">Physics & Materials</span>
<h3>Room-temperature coherence in a layered perovskite</h3>
<p class="meta">Prof. Lukas Brandt · Physical Review X</p>
<p>Our quantum materials team observed spin coherence lasting 40 microseconds at ambient temperature — nearly three orders of magnitude beyond prior benchmarks. The result opens a credible path to low-cost sensing hardware.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
<article class="card" data-cat="clim">
<img src="https://picsum.photos/seed/ocean/640/400" alt="Ocean surface viewed from a research vessel" loading="lazy">
<div class="card-body">
<span class="tag t-clim">Earth & Climate</span>
<h3>Deep-ocean heat uptake is accelerating, buoy data confirms</h3>
<p class="meta">Dr. Mei-Ling Zhou · Science Advances</p>
<p>A fifteen-year analysis of 4,200 autonomous profiling floats reveals that heat storage below 2,000 metres has risen 38% faster than climate models projected, with implications for sea-level forecasting.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
<article class="card" data-cat="neuro">
<img src="https://picsum.photos/seed/neuron/640/400" alt="Illustration of neural network connections" loading="lazy">
<div class="card-body">
<span class="tag t-neuro">Neuroscience</span>
<h3>How sleep consolidates memory: a 10-year longitudinal study</h3>
<p class="meta">Dr. Rafael Moreno · Neuron</p>
<p>Tracking 2,800 participants from adolescence to adulthood, researchers found that slow-wave sleep density in teenage years predicts working-memory performance a decade later, independent of socioeconomic factors.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
<article class="card" data-cat="bio">
<img src="https://picsum.photos/seed/crispr/640/400" alt="Laboratory pipettes and sample plates" loading="lazy">
<div class="card-body">
<span class="tag t-bio">Biology & Medicine</span>
<h3>Base-editing therapy restores vision in preclinical model</h3>
<p class="meta">Dr. Priya Raman · Cell</p>
<p>A single intravitreal injection corrected a pathogenic variant in retinal cells, restoring light response in 78% of treated subjects. A phase I safety protocol is now under ethics review.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
<article class="card" data-cat="clim">
<img src="https://picsum.photos/seed/glacier/640/400" alt="Glacier landscape photographed by a research team" loading="lazy">
<div class="card-body">
<span class="tag t-clim">Earth & Climate</span>
<h3>Mapping permafrost methane with satellite spectrometry</h3>
<p class="meta">Dr. Ingrid Solheim · Nature Geoscience</p>
<p>Combining orbital spectrometer readings with ground-truth chamber measurements, the team produced the first monthly methane flux map of the Siberian lowlands at 500-metre resolution.</p>
<a href="#" class="more">Read the study →</a>
</div>
</article>
</div>
</div>
</section>
<!-- LABS -->
<section class="section labs" id="labs">
<div class="container">
<div class="section-head">
<span class="eyebrow">Lab Highlights</span>
<h2>Four flagship labs. One shared standard of rigor.</h2>
<p>Helix Meridian labs operate as open facilities. Visiting scientists can book instrument time, access shared core services, and collaborate with resident teams under transparent data-sharing agreements.</p>
</div>
<div class="lab-grid">
<article class="lab"><img src="https://picsum.photos/seed/lab1/500/700" alt="Molecular biology laboratory" loading="lazy"><div><h3>Lab 01 · Genomics</h3><p>Long-read sequencing, single-cell atlases, and population-scale variant calling.</p><span>14 principal investigators</span></div></article>
<article class="lab"><img src="https://picsum.photos/seed/lab2/500/700" alt="Physics laboratory with optical equipment" loading="lazy"><div><h3>Lab 02 · Quantum Materials</h3><p>Cryogenic characterization, thin-film deposition, and ultrafast spectroscopy suites.</p><span>9 principal investigators</span></div></article>
<article class="lab"><img src="https://picsum.photos/seed/lab3/500/700" alt="Cryo-electron microscopy facility" loading="lazy"><div><h3>Lab 03 · Structural Biology</h3><p>Three 300 kV cryo-EM instruments with automated sample handling and AI-assisted picking.</p><span>11 principal investigators</span></div></article>
<article class="lab"><img src="https://picsum.photos/seed/lab4/500/700" alt="Climate and ocean sensing equipment" loading="lazy"><div><h3>Lab 04 · Earth Systems</h3><p>Ocean sensor networks, atmospheric chemistry chambers, and high-performance modelling.</p><span>12 principal investigators</span></div></article>
</div>
<div class="feature-grid">
<div class="feature"><div class="ic">⚗</div><h3>Shared core services</h3><p>Access mass spectrometry, imaging, and computational clusters through a single booking portal, with subsidized rates for early-career and under-resourced institutions.</p></div>
<div class="feature"><div class="ic">✓</div><h3>Reproducibility audits</h3><p>Every flagship publication undergoes an independent replication check by a second lab before release. Failed replications are published alongside original findings.</p></div>
<div class="feature"><div class="ic">🎓</div><h3>Residency & training</h3><p>Our 12-month residency pairs postdoctoral researchers with senior mentors, embedding training in statistics, data stewardship, and science communication.</p></div>
</div>
</div>
</section>
<!-- DATA -->
<section class="section data" id="data">
<div class="container">
<div class="section-head">
<span class="eyebrow">Data & Analysis</span>
<h2>Interactive data from our open archive</h2>
<p>Select a dataset to explore long-term trends drawn from Helix Meridian monitoring programs. All series are available under CC-BY 4.0 with full methodological documentation and uncertainty estimates.</p>
</div>
<div class="data-grid">
<div class="panel">
<div class="tabs" id="dataTabs" style="margin-bottom:1rem">
<button class="chip active" data-ds="ocean">Ocean heat content</button>
<button class="chip" data-ds="co2">Atmospheric CO₂</button>
<button class="chip" data-ds="seq">Sequencing cost</button>
<button class="chip" data-ds="stem">STEM enrolment</button>
</div>
<h3 id="dsTitle" style="margin-bottom:.2rem"></h3>
<p id="dsDesc" style="font-size:.88rem;color:#9fb3c6;margin-bottom:.8rem"></p>
<svg id="chart" viewBox="0 0 640 300" role="img" aria-label="Line chart of selected dataset"></svg>
<div class="chart-info"><span id="hoverInfo">Hover or tap a point to inspect values.</span><span id="trendInfo"></span></div>
</div>
<div class="panel insights">
<h3>Analyst notes</h3>
<p>Our statistical working group applies Bayesian hierarchical models to each series, reporting 95% credible intervals. Datasets are versioned, and every revision is logged with a plain-language changelog.</p>
<p>The figures shown are curated summaries; full-resolution files include raw instrument readings, calibration metadata, and the code used for every transformation.</p>
<ul>
<li><span>Datasets released this quarter</span><b>18</b></li>
<li><span>Median time to peer-review</span><b>34 days</b></li>
<li><span>Archive downloads (12 mo.)</span><b>2.4M</b></li>
<li><span>Independent replications</span><b>71%</b></li>
</ul>
<a href="#" class="btn btn-primary">Browse Full Archive</a>
</div>
</div>
</div>
</section>
<!-- NEWS + SIDEBAR -->
<section class="section" id="news">
<div class="container">
<div class="section-head">
<span class="eyebrow">Collaboration News</span>
<h2>Science is a team sport</h2>
<p>New partnerships, joint consortia, and field reports from the people turning questions into knowledge.</p>
</div>
<div class="news-layout">
<div>
<article class="featured">
<img src="https://picsum.photos/seed/consortium/700/520" alt="International team of scientists meeting around a table" loading="lazy">
<div class="card-body">
<span class="tag t-phys">Consortium</span>
<h3>Helix Meridian joins the Global Pathogen Watch alliance</h3>
<p class="meta">March 14 · 6 min read</p>
<p>Together with 22 institutions across five continents, we will share genomic surveillance data in near real time, shortening the window between emerging outbreaks and actionable public-health insight.</p>
<p>The alliance will adopt a common metadata standard and a federated analysis model that keeps sensitive patient data local while enabling cross-border statistical inference.</p>
<a href="#" class="more">Read full story →</a>
</div>
</article>
<div class="news-list">
<article class="news-item">
<img src="https://picsum.photos/seed/news1/280/200" alt="Students working on a chemistry experiment" loading="lazy">
<div><span class="meta">Education · 4 min read</span><h3>Open classroom: 120 schools adopt real research datasets</h3><p>Teachers in twelve countries are using our curated climate and genomics data to run inquiry-based lessons, with early surveys showing marked gains in data literacy.</p></div>
</article>
<article class="news-item">
<img src="https://picsum.photos/seed/news2/280/200" alt="Telescope observatory under night sky" loading="lazy">
<div><span class="meta">Astronomy · 5 min read</span><h3>Joint observatory campaign targets exoplanet atmospheres</h3><p>A partnership with three university observatories will deliver the largest transmission spectroscopy catalogue of temperate sub-Neptunes to date.</p></div>
</article>
<article class="news-item">
<img src="https://picsum.photos/seed/news3/280/200" alt="Researchers collecting field samples" loading="lazy">
<div><span class="meta">Field Report · 7 min read</span><h3>Inside a six-month Arctic sampling expedition</h3><p>From drilling sediment cores to calibrating sensors at −30°C, our field team shares what it takes to gather data from the planet's most remote labs.</p></div>
</article>
</div>
</div>
<aside aria-label="Sidebar">
<div class="widget">
<h3>Upcoming lectures</h3>
<div class="lecture"><div class="date-box">Apr<b>09</b></div><div><h4>The Physics of Living Matter</h4><small>Prof. Elena Voss · 6:00 PM</small></div></div>
<div class="lecture"><div class="date-box">Apr<b>17</b></div><div><h4>Reproducibility in the Age of AI</h4><small>Dr. Sam Whitaker · 5:30 PM</small></div></div>
<div class="lecture"><div class="date-box">Apr<b>24</b></div><div><h4>Reading the Climate in Ice Cores</h4><small>Dr. Ingrid Solheim · 7:00 PM</small></div></div>
</div>
<div class="widget">
<h3>Scientist profiles</h3>
<div class="profile"><img src="https://i.pravatar.cc/104?u=amara-okafor" alt="Dr. Amara Okafor" width="52" height="52"><div><h4>Dr. Amara Okafor</h4><small>Microbial ecology · Lab 01</small></div></div>
<div class="profile"><img src="https://i.pravatar.cc/104?u=lukas-brandt" alt="Prof. Lukas Brandt" width="52" height="52"><div><h4>Prof. Lukas Brandt</h4><small>Quantum materials · Lab 02</small></div></div>
<div class="profile"><img src="https://i.pravatar.cc/104?u=priya-raman" alt="Dr. Priya Raman" width="52" height="52"><div><h4>Dr. Priya Raman</h4><small>Gene therapy · Lab 03</small></div></div>
</div>
<div class="widget">
<h3>Recent data releases</h3>
<div class="release"><span>Deep-Ocean Float Profiles v4.2</span><code>CSV</code></div>
<div class="release"><span>Soil Microbiome Atlas, Batch 7</span><code>FASTQ</code></div>
<div class="release"><span>Sleep & Cognition Cohort Wave 6</span><code>SAV</code></div>
<div class="release"><span>Perovskite Spectra Library</span><code>HDF5</code></div>
</div>
</aside>
</div>
</div>
</section>
<!-- FUNDING -->
<section class="section funding" id="funding">
<div class="container">
<div class="funding-grid">
<div>
<span class="eyebrow">Funding</span>
<h2>Fund the questions that matter</h2>
<p>Since 2009, the Helix Meridian Foundation has awarded over $41 million to independent researchers, with a special focus on early-career scientists and high-risk, high-reward hypotheses that traditional funders often overlook.</p>
<p>Our review process is transparent: proposals are scored by an international panel using a published rubric, and every applicant receives written feedback regardless of outcome.</p>
<ol class="steps">
<li><b>Submit a two-page concept note</b><span>Outline your hypothesis, approach, and anticipated impact.</span></li>
<li><b>Panel review & interview</b><span>Shortlisted teams present to a multidisciplinary committee.</span></li>
<li><b>Award & onboarding</b><span>Receive funding, lab access, and a dedicated data steward.</span></li>
</ol>
<a href="#" class="btn btn-dark">Apply Grant</a>
<a href="#faq" class="btn btn-outline">Read eligibility</a>
</div>
<img src="https://picsum.photos/seed/grantteam/800/900" alt="Early-career scientists collaborating at a whiteboard" loading="lazy">
</div>
<div class="grant-types">
<div class="grant"><h3>Frontier Grant</h3><span class="amt">$250,000</span><p>Two-year support for bold, exploratory projects testing unconventional hypotheses.</p></div>
<div class="grant"><h3>Early-Career Fellowship</h3><span class="amt">$120,000</span><p>Salary and research costs for postdocs launching independent programs.</p></div>
<div class="grant"><h3>STEM Education Award</h3><span class="amt">$40,000</span><p>Funding for educators developing data-driven curricula and community outreach.</p></div>
</div>
</div>
</section>
<!-- EVENTS -->
<section class="section" id="events">
<div class="container">
<div class="section-head">
<span class="eyebrow">Event Calendar</span>
<h2>Lectures, workshops & symposia</h2>
<p>Browse upcoming events by month and category. Select a day to see details and reserve your seat — most sessions are also streamed live and archived for later viewing.</p>
</div>
<div class="cal-layout">
<div class="cal">
<div class="cal-head">
<button id="prevM" aria-label="Previous month">‹</button>
<h3 id="calTitle"></h3>
<button id="nextM" aria-label="Next month">›</button>
</div>
<div class="cal-filters" id="calFilters">
<button class="chip active" data-type="all">All</button>
<button class="chip" data-type="lecture">Lectures</button>
<button class="chip" data-type="workshop">Workshops</button>
<button class="chip" data-type="symposium">Symposia</button>
</div>
<div class="dow"><span>Sun</span><span>Mon</span><span>Tue</span><span>Wed</span><span>Thu</span><span>Fri</span><span>Sat</span></div>
<div class="days" id="calDays"></div>
<div class="legend"><span><i class="c-lecture"></i>Lecture</span><span><i class="c-workshop"></i>Workshop</span><span><i class="c-symposium"></i>Symposium</span></div>
</div>
<div class="event-panel">
<h3 id="evTitle">Events</h3>
<div id="evList" aria-live="polite"></div>
</div>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="section testimonials">
<div class="container">
<div class="section-head">
<span class="eyebrow">Voices from the community</span>
<h2>Trusted by scientists, educators & students</h2>
</div>
<div class="quote-grid">
<blockquote class="quote"><p>The Frontier Grant let us pursue a hypothesis no one else would fund. Eighteen months later, we had a publishable breakthrough and a new collaboration with three partner labs.</p><footer><img src="https://i.pravatar.cc/96?u=testi-nadia" alt="Dr. Nadia Karimi" width="48" height="48"><span><b>Dr. Nadia Karimi</b><small>Grant recipient, Biochemistry</small></span></footer></blockquote>
<blockquote class="quote"><p>Using Helix Meridian datasets in my classroom changed how students think about evidence. They don't just memorize results; they interrogate them, and that is real science.</p><footer><img src="https://i.pravatar.cc/96?u=testi-james" alt="James Whitfield" width="48" height="48"><span><b>James Whitfield</b><small>High-school physics teacher</small></span></footer></blockquote>
<blockquote class="quote"><p>The reproducibility audit was humbling and invaluable. Our results held up, our methods got sharper, and the final paper was stronger for the scrutiny.</p><footer><img src="https://i.pravatar.cc/96?u=testi-tomas" alt="Dr. Tomás Herrera" width="48" height="48"><span><b>Dr. Tomás Herrera</b><small>Postdoctoral resident, Neuroscience</small></span></footer></blockquote>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section" id="faq">
<div class="container">
<div class="faq-wrap">
<div>
<span class="eyebrow">About & FAQ</span>
<h2>Questions, answered</h2>
<p style="color:var(--muted)">Helix Meridian is an independent, non-profit research institute. We believe science advances fastest when methods, data, and uncertainty are shared openly. Can't find what you need? Our team replies within two working days.</p>
<img src="https://picsum.photos/seed/faqimg/560/360?grayscale" alt="Library of scientific journals" style="border-radius:14px;margin:1rem 0" loading="lazy">
<a href="mailto:hello@helixmeridian.org" class="btn btn-outline">Contact the team</a>
</div>
<div id="faqList">
<div class="faq-item"><button class="faq-q" aria-expanded="false">Who is eligible to apply for a grant?</button><div class="faq-a"><p>Researchers affiliated with an accredited university, hospital, or non-profit institute are eligible. Early-career fellowships require that applicants be within seven years of their doctoral degree. Independent scholars may apply with an institutional sponsor.</p></div></div>
<div class="faq-item"><button class="faq-q" aria-expanded="false">How do I access the open data archive?</button><div class="faq-a"><p>All datasets are free to download without registration. Creating an account adds optional features such as version alerts, saved queries, and API keys for programmatic access. Each dataset carries a DOI for citation.</p></div></div>
<div class="faq-item"><button class="faq-q" aria-expanded="false">Can visiting scientists book lab instruments?</button><div class="faq-a"><p>Yes. Submit a short request describing your protocol and sample requirements. Our core facility managers will confirm feasibility, training needs, and scheduling within five working days. Academic rates apply to non-profit users.</p></div></div>
<div class="faq-item"><button class="faq-q" aria-expanded="false">How does Helix Meridian handle negative results?</button><div class="faq-a"><p>We treat null findings as valuable evidence. Pre-registered studies are published regardless of outcome in our open registry, which helps prevent publication bias and saves other researchers from repeating dead ends.</p></div></div>
<div class="faq-item"><button class="faq-q" aria-expanded="false">Do you offer resources for teachers and students?</button><div class="faq-a"><p>Our education team provides free lesson plans, annotated datasets, and virtual lab tours aligned with NGSS and IB frameworks. Educators can also apply for the STEM Education Award to fund classroom projects.</p></div></div>
</div>
</div>
</div>
</section>
<!-- NEWSLETTER -->
<div class="container">
<section class="newsletter" aria-labelledby="nlh">
<div>
<h2 id="nlh">Get updates from the frontier</h2>
<p>A fortnightly digest of new findings, data releases, funding deadlines, and event invitations — written by working scientists, never padded, always sourced.</p>
</div>
<form class="nl-form" id="nlForm" novalidate>
<label for="nlEmail" class="sr" style="position:absolute;left:-9999px">Email address</label>
<input type="email" id="nlEmail" placeholder="you@university.edu" required>
<button type="submit" class="btn btn-primary">Get Updates</button>
<div class="nl-msg" id="nlMsg" role="status"></div>
</form>
</section>
</div>
</main>
<footer class="site">
<div class="container">
<div class="foot-grid">
<div>
<div class="brand" style="margin-bottom:1rem">
<img src="https://placehold.co/96x96/0fb5a6/0a1a2a?text=HM&font=montserrat" alt="Helix Meridian logo" width="48" height="48">
<span><b style="color:#fff">Helix Meridian</b></span>
</div>
<p>An independent, non-profit institute advancing open, reproducible science and accessible STEM education since 2009.</p>
<div class="socials">
<a href="#" aria-label="X / Twitter">X</a>
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="YouTube">▶</a>
<a href="#" aria-label="Mastodon">M</a>
</div>
</div>
<div>
<h4>Explore</h4>
<ul><li><a href="#research">Research</a></li><li><a href="#labs">Labs</a></li><li><a href="#data">Data Archive</a></li><li><a href="#news">News</a></li></ul>
</div>
<div>
<h4>Get involved</h4>
<ul><li><a href="#funding">Funding</a></li><li><a href="#events">Events</a></li><li><a href="#faq">Careers</a></li><li><a href="#faq">Press</a></li></ul>
</div>
<div>
<h4>Contact</h4>
<ul>
<li>200 Kendall Research Way<br>Cambridge, MA 02142</li>
<li><a href="mailto:hello@helixmeridian.org">hello@helixmeridian.org</a></li>
<li><a href="tel:+16175550142">+1 (617) 555-0142</a></li>
</ul>
</div>
</div>
<div class="foot-bottom">
<span>© <span id="yr">2025</span> Helix Meridian Institute. All rights reserved.</span>
<div><a href="#">Privacy</a><a href="#">Terms</a><a href="#">Accessibility</a><a href="#">Data Policy</a></div>
</div>
</div>
</footer>
<script>
(function(){
// Year
document.getElementById('yr').textContent = new Date().getFullYear();
// Mobile nav
var menuBtn = document.getElementById('menuBtn'), nav = document.getElementById('mainNav');
menuBtn.addEventListener('click', function(){
var open = nav.classList.toggle('open');
menuBtn.setAttribute('aria-expanded', open);
});
nav.addEventListener('click', function(e){ if(e.target.tagName==='A'){ nav.classList.remove('open'); menuBtn.setAttribute('aria-expanded', false);} });
// Count-up stats
var counted = false;
function countUp(){
if(counted) return; counted = true;
document.querySelectorAll('[data-count]').forEach(function(el){
var target = +el.dataset.count, start = performance.now(), dur = 1400;
(function step(t){
var p = Math.min((t-start)/dur,1);
el.textContent = Math.round(target*(1-Math.pow(1-p,3))).toLocaleString();
if(p<1) requestAnimationFrame(step);
})(start);
});
}
if('IntersectionObserver' in window){
new IntersectionObserver(function(en,ob){ if(en[0].isIntersecting){countUp();ob.disconnect();} }).observe(document.querySelector('.stats'));
} else countUp();
// Research filter
var chips = document.querySelectorAll('#research .tabs .chip');
chips.forEach(function(c){
c.addEventListener('click', function(){
chips.forEach(function(x){x.classList.remove('active')}); c.classList.add('active');
var f = c.dataset.filter;
document.querySelectorAll('#researchCards .card').forEach(function(card){
card.style.display = (f==='all' || card.dataset.cat===f) ? '' : 'none';
});
});
});
// Data chart
var datasets = {
ocean:{title:'Ocean heat content anomaly (0–2000 m)', desc:'Zettajoules relative to 1995–2005 baseline · Source: Earth Systems Lab float network', unit:' ZJ', color:'#f5a524',
years:[2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024], vals:[4,8,10,16,20,24,29,34,38,43,49,56,63]},
co2:{title:'Atmospheric CO₂ concentration', desc:'Parts per million, annual mean · Source: Mauna Loa-linked partner stations', unit:' ppm', color:'#ef5d60',
years:[2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024], vals:[393.8,396.5,398.6,400.8,404.2,406.5,408.7,411.4,414.2,416.4,418.5,421.1,424.0]},
seq:{title:'Whole-genome sequencing cost', desc:'USD per 30× human genome · Source: Genomics Lab benchmark program', unit:' USD', color:'#0fb5a6',
years:[2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024], vals:[7700,5700,4200,1400,1200,1100,950,700,600,525,400,300,200]},
stem:{title:'Global STEM undergraduate enrolment', desc:'Millions of students · Source: Helix Meridian Education Observatory', unit:' M', color:'#7aa7ff',
years:[2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023,2024], vals:[17.2,17.9,18.5,19.3,20.1,20.8,21.6,22.5,22.9,23.8,24.9,25.7,26.8]}
};
var svg = document.getElementById('chart'), hover = document.getElementById('hoverInfo'), trend = document.getElementById('trendInfo');
var NS = 'http://www.w3.org/2000/svg';
function el(n,a){ var e=document.createElementNS(NS,n); for(var k in a) e.setAttribute(k,a[k]); return e; }
function fmt(v){ return v>=100 ? v.toLocaleString(undefined,{maximumFractionDigits:0}) : v.toLocaleString(undefined,{maximumFractionDigits:1}); }
function draw(key){
var d = datasets[key]; svg.innerHTML='';
document.getElementById('dsTitle').textContent = d.title;
document.getElementById('dsDesc').textContent = d.desc;
var W=640,H=300,pl=54,pr=16,pt=16,pb=34;
var min=Math.min.apply(null,d.vals), max=Math.max.apply(null,d.vals);
var pad=(max-min)*0.12; var lo=Math.max(0,min-pad), hi=max+pad;
var x=function(i){return pl+i*(W-pl-pr)/(d.vals.length-1)};
var y=function(v){return pt+(hi-v)*(H-pt-pb)/(hi-lo)};
for(var g=0; g<=4; g++){
var gv=lo+(hi-lo)*g/4, gy=y(gv);
svg.appendChild(el('line',{x1:pl,x2:W-pr,y1:gy,y2:gy,stroke:'rgba(255,255,255,.1)'}));
var t=el('text',{x:pl-8,y:gy+4,'text-anchor':'end',fill:'#9fb3c6','font-size':'11'}); t.textContent=fmt(gv); svg.appendChild(t);
}
d.years.forEach(function(yr,i){
if(i%2===0){ var t=el('text',{x:x(i),y:H-10,'text-anchor':'middle',fill:'#9fb3c6','font-size':'11'}); t.textContent=yr; svg.appendChild(t); }
});
var pts = d.vals.map(function(v,i){return x(i)+','+y(v)}).join(' ');
var area = el('polygon',{points:x(0)+','+(H-pb)+' '+pts+' '+x(d.vals.length-1)+','+(H-pb),fill:d.color,opacity:'.15'});
svg.appendChild(area);
svg.appendChild(el('polyline',{points:pts,fill:'none',stroke:d.color,'stroke-width':'3','stroke-linejoin':'round','stroke-linecap':'round'}));
d.vals.forEach(function(v,i){
var c = el('circle',{cx:x(i),cy:y(v),r:5,fill:'#0a1a2a',stroke:d.color,'stroke-width':2.5,tabindex:0,style:'cursor:pointer','aria-label':d.years[i]+': '+fmt(v)+d.unit});
var show=function(){
svg.querySelectorAll('circle').forEach(function(o){o.setAttribute('r',5);o.setAttribute('fill','#0a1a2a')});
c.setAttribute('r',8); c.setAttribute('fill',d.color);
hover.innerHTML='<b>'+d.years[i]+'</b>: '+fmt(v)+d.unit;
};
c.addEventListener('mouseenter',show); c.addEventListener('focus',show); c.addEventListener('click',show);
svg.appendChild(c);
});
var first=d.vals[0], last=d.vals[d.vals.length-1], ch=((last-first)/first*100);
trend.innerHTML='Change '+d.years[0]+'–'+d.years[d.years.length-1]+': <b>'+(ch>0?'+':'')+ch.toFixed(0)+'%</b>';
hover.textContent='Hover or tap a point to inspect values.';
}
var dtabs = document.querySelectorAll('#dataTabs .chip');
dtabs.forEach(function(c){ c.addEventListener('click',function(){ dtabs.forEach(function(x){x.classList.remove('active')}); c.classList.add('active'); draw(c.dataset.ds); }); });
draw('ocean');
// Calendar
var pool = [
{t:'The Physics of Living Matter',type:'lecture',time:'6:00 PM',loc:'Auditorium A · Streamed live',who:'Prof. Elena Voss'},
{t:'Cryo-EM Sample Preparation Bootcamp',type:'workshop',time:'9:30 AM',loc:'Lab 03 Training Suite',who:'Dr. Priya Raman'},
{t:'Open Data & Reproducibility Symposium',type:'symposium',time:'10:00 AM',loc:'Conference Hall · Hybrid',who:'Multiple speakers'},
{t:'Reading the Climate in Ice Cores',type:'lecture',time:'7:00 PM',loc:'Auditorium B · Streamed live',who:'Dr. Ingrid Solheim'},
{t:'Statistics for Bench Scientists',type:'workshop',time:'1:00 PM',loc:'Computing Lab 2',who:'Dr. Sam Whitaker'},
{t:'Neuroscience of Learning Roundtable',type:'symposium',time:'2:00 PM',loc:'Atrium Forum',who:'Dr. Rafael Moreno + panel'},
{t:'Quantum Sensing: From Theory to Device',type:'lecture',time:'5:30 PM',loc:'Auditorium A',who:'Prof. Lukas Brandt'},
{t:'Grant Writing Clinic for Early-Career Scientists',type:'workshop',time:'11:00 AM',loc:'Online · Zoom',who:'Foundation program team'},
{t:'Antimicrobial Resistance Frontiers',type:'symposium',time:'9:00 AM',loc:'Conference Hall',who:'Dr. Amara Okafor + guests'},
{t:'Teaching with Real Data: Educator Lab',type:'workshop',time:'4:00 PM',loc:'Education Studio',who:'Education Outreach team'}
];
var now = new Date(), cur = new Date(now.getFullYear(), now.getMonth(), 1), selDay = now.getDate(), filter='all';
var reserved = {};
var months=['January','February','March','April','May','June','July','August','September','October','November','December'];
function eventsFor(y,m){
var list=[], dim=new Date(y,m+1,0).getDate();
pool.forEach(function(p,i){
var day=((i*5+m*3+(y%7)*2)%(dim-2))+2;
list.push({day:day,t:p.t,type:p.type,time:p.time,loc:p.loc,who:p.who,id:y+'-'+m+'-'+i});
});
return list;
}
function renderCal(){
var y=cur.getFullYear(), m=cur.getMonth();
document.getElementById('calTitle').textContent=months[m]+' '+y;
var first=new Date(y,m,1).getDay(), dim=new Date(y,m+1,0).getDate();
var evs=eventsFor(y,m).filter(function(e){return filter==='all'||e.type===filter});
var box=document.getElementById('calDays'); box.innerHTML='';
for(var i=0;i<first;i++){ var b=document.createElement('div'); b.className='day empty'; box.appendChild(b); }
for(var d=1; d<=dim; d++){
(function(d){
var b=document.createElement('button'); b.className='day'; b.type='button'; b.textContent=d;
if(y===now.getFullYear()&&m===now.getMonth()&&d===now.getDate()) b.classList.add('today');
if(d===selDay) b.classList.add('sel');
var de=evs.filter(function(e){return e.day===d});
if(de.length){
var dots=document.createElement('span'); dots.className='dots';
de.forEach(function(e){var i=document.createElement('i'); i.className='c-'+e.type; dots.appendChild(i)});
b.appendChild(dots);
}
b.setAttribute('aria-label', months[m]+' '+d+(de.length?', '+de.length+' event(s)':''));
b.addEventListener('click',function(){ selDay=d; renderCal(); });
box.appendChild(b);
})(d);
}
renderEvents(evs,m,y);
}
function renderEvents(evs,m,y){
var list=document.getElementById('evList'), title=document.getElementById('evTitle');
var day=evs.filter(function(e){return e.day===selDay});
var shown=day, heading=months[m]+' '+selDay;
if(!day.length){
shown=evs.filter(function(e){return e.day>selDay}).sort(function(a,b){return a.day-b.day}).slice(0,3);
if(!shown.length) shown=evs.slice().sort(function(a,b){return a.day-b.day}).slice(0,3);
title.textContent='No events on '+heading;
list.innerHTML='<p style="color:var(--muted);font-size:.92rem;margin:.5rem 0">Nothing scheduled for this day. Here is what\'s coming up next:</p>';
} else { title.textContent='Events on '+heading; list.innerHTML=''; }
if(!shown.length){ list.innerHTML+='<p>No events match this filter this month.</p>'; return; }
shown.forEach(function(e){
var div=document.createElement('div'); div.className='event';
div.innerHTML='<h4>'+e.t+'</h4><small>'+months[m]+' '+e.day+' · '+e.time+'</small><small>'+e.loc+'</small><small>Speaker: '+e.who+'</small>';
var btn=document.createElement('button'); btn.className='btn btn-dark'; btn.type='button';
var set=function(){ if(reserved[e.id]){btn.textContent='✓ Seat reserved';btn.classList.add('done');} else {btn.textContent='Reserve seat';btn.classList.remove('done');} };
set();
btn.addEventListener('click',function(){ reserved[e.id]=!reserved[e.id]; set(); });
div.appendChild(btn); list.appendChild(div);
});
}
document.getElementById('prevM').addEventListener('click',function(){ cur.setMonth(cur.getMonth()-1); selDay=1; renderCal(); });
document.getElementById('nextM').addEventListener('click',function(){ cur.setMonth(cur.getMonth()+1); selDay=1; renderCal(); });
var cf=document.querySelectorAll('#calFilters .chip');
cf.forEach(function(c){ c.addEventListener('click',function(){ cf.forEach(function(x){x.classList.remove('active')}); c.classList.add('active'); filter=c.dataset.type; renderCal(); }); });
renderCal();
// FAQ accordion
document.querySelectorAll('.faq-q').forEach(function(q){
q.addEventListener('click',function(){
var open=q.getAttribute('aria-expanded')==='true';
document.querySelectorAll('.faq-q').forEach(function(o){ o.setAttribute('aria-expanded','false'); o.nextElementSibling.style.maxHeight=null; });
if(!open){ q.setAttribute('aria-expanded','true'); q.nextElementSibling.style.maxHeight=q.nextElementSibling.scrollHeight+'px'; }
});
});
// Newsletter
document.getElementById('nlForm').addEventListener('submit',function(e){
e.preventDefault();
var v=document.getElementById('nlEmail').value.trim(), msg=document.getElementById('nlMsg');
if(/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(v)){ msg.style.color='#0fb5a6'; msg.textContent='Thank you! Please check your inbox to confirm your subscription.'; this.reset(); }
else { msg.style.color='#ffb3b5'; msg.textContent='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:52:57.529Z",
"url": "https://benchmark.aimac.invalid/507c220d3b6f2b675bc68c156c2b39c675487b6c83e3ea8654c02f537b691252.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-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-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-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": "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": "marquee",
"impact": null,
"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": []
},
{
"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": "select-name",
"impact": null,
"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": []
},
{
"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": "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": "<a href=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
},
{
"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": "<a href=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
},
{
"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": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\" aria-label=\"Filter research by discipline\">",
"target": [
"div[role=\"tablist\"]"
]
}
]
},
{
"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": "serious",
"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": "<a href=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\" aria-label=\"Filter research by discipline\">",
"target": [
"div[role=\"tablist\"]"
]
}
]
},
{
"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": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<div class=\"tabs\" role=\"tablist\" aria-label=\"Filter research by discipline\">",
"target": [
"div[role=\"tablist\"]"
]
}
]
},
{
"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": "<a href=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
},
{
"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": "<a href=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
},
{
"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": "<span class=\"eyebrow\" style=\"color:var(--teal)\">Open-science research network \u00b7 Est. 2009</span>",
"target": [
".hero-grid > div:nth-child(1) > .eyebrow"
]
}
]
},
{
"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=\"chip active\" data-filter=\"all\">All disciplines</button>",
"target": [
"button[data-filter=\"all\"]"
]
}
]
},
{
"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>Where evidence leads, <em>discovery</em> follows.</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Breakthroughs shaping the next decade of science</h2>",
"target": [
"#research > .container > .section-head > h2"
]
},
{
"html": "<h3>A new class of antibiotics from soil microbiomes</h3>",
"target": [
".card[data-cat=\"bio\"]:nth-child(1) > .card-body > h3"
]
},
{
"html": "<h3>Room-temperature coherence in a layered perovskite</h3>",
"target": [
"article[data-cat=\"phys\"] > .card-body > h3"
]
},
{
"html": "<h3>Deep-ocean heat uptake is accelerating, buoy data confirms</h3>",
"target": [
".card[data-cat=\"clim\"]:nth-child(3) > .card-body > h3"
]
},
{
"html": "<h3>How sleep consolidates memory: a 10-year longitudinal study</h3>",
"target": [
"article[data-cat=\"neuro\"] > .card-body > h3"
]
},
{
"html": "<h3>Base-editing therapy restores vision in preclinical model</h3>",
"target": [
".card[data-cat=\"bio\"]:nth-child(5) > .card-body > h3"
]
},
{
"html": "<h3>Mapping permafrost methane with satellite spectrometry</h3>",
"target": [
".card[data-cat=\"clim\"]:nth-child(6) > .card-body > h3"
]
},
{
"html": "<h2>Four flagship labs. One shared standard of rigor.</h2>",
"target": [
"#labs > .container > .section-head > h2"
]
},
{
"html": "<h3>Lab 01 \u00b7 Genomics</h3>",
"target": [
".lab:nth-child(1) > div > h3"
]
},
{
"html": "<h3>Lab 02 \u00b7 Quantum Materials</h3>",
"target": [
".lab:nth-child(2) > div > h3"
]
},
{
"html": "<h3>Lab 03 \u00b7 Structural Biology</h3>",
"target": [
".lab:nth-child(3) > div > h3"
]
},
{
"html": "<h3>Lab 04 \u00b7 Earth Systems</h3>",
"target": [
".lab:nth-child(4) > div > h3"
]
},
{
"html": "<h3>Shared core services</h3>",
"target": [
".feature:nth-child(1) > h3"
]
},
{
"html": "<h3>Reproducibility audits</h3>",
"target": [
".feature:nth-child(2) > h3"
]
},
{
"html": "<h3>Residency & training</h3>",
"target": [
".feature:nth-child(3) > h3"
]
},
{
"html": "<h2>Interactive data from our open archive</h2>",
"target": [
"#data > .container > .section-head > h2"
]
},
{
"html": "<h3 id=\"dsTitle\" style=\"margin-bottom:.2rem\">Ocean heat content anomaly (0\u20132000 m)</h3>",
"target": [
"#dsTitle"
]
},
{
"html": "<h3>Analyst notes</h3>",
"target": [
".insights > h3"
]
},
{
"html": "<h2>Science is a team sport</h2>",
"target": [
"#news > .container > .section-head > h2"
]
},
{
"html": "<h3>Helix Meridian joins the Global Pathogen Watch alliance</h3>",
"target": [
".featured > .card-body > h3"
]
},
{
"html": "<h3>Open classroom: 120 schools adopt real research datasets</h3>",
"target": [
".news-item:nth-child(1) > div > h3"
]
},
{
"html": "<h3>Joint observatory campaign targets exoplanet atmospheres</h3>",
"target": [
".news-item:nth-child(2) > div > h3"
]
},
{
"html": "<h3>Inside a six-month Arctic sampling expedition</h3>",
"target": [
".news-item:nth-child(3) > div > h3"
]
},
{
"html": "<h3>Upcoming lectures</h3>",
"target": [
".widget:nth-child(1) > h3"
]
},
{
"html": "<h4>The Physics of Living Matter</h4>",
"target": [
".lecture:nth-child(2) > div:nth-child(2) > h4"
]
},
{
"html": "<h4>Reproducibility in the Age of AI</h4>",
"target": [
".lecture:nth-child(3) > div:nth-child(2) > h4"
]
},
{
"html": "<h4>Reading the Climate in Ice Cores</h4>",
"target": [
".lecture:nth-child(4) > div:nth-child(2) > h4"
]
},
{
"html": "<h3>Scientist profiles</h3>",
"target": [
".widget:nth-child(2) > h3"
]
},
{
"html": "<h4>Dr. Amara Okafor</h4>",
"target": [
".profile:nth-child(2) > div > h4"
]
},
{
"html": "<h4>Prof. Lukas Brandt</h4>",
"target": [
".profile:nth-child(3) > div > h4"
]
},
{
"html": "<h4>Dr. Priya Raman</h4>",
"target": [
".profile:nth-child(4) > div > h4"
]
},
{
"html": "<h3>Recent data releases</h3>",
"target": [
".widget:nth-child(3) > h3"
]
},
{
"html": "<h2>Fund the questions that matter</h2>",
"target": [
".funding-grid > div > h2"
]
},
{
"html": "<h3>Frontier Grant</h3>",
"target": [
".grant:nth-child(1) > h3"
]
},
{
"html": "<h3>Early-Career Fellowship</h3>",
"target": [
".grant:nth-child(2) > h3"
]
},
{
"html": "<h3>STEM Education Award</h3>",
"target": [
".grant:nth-child(3) > h3"
]
},
{
"html": "<h2>Lectures, workshops & symposia</h2>",
"target": [
"#events > .container > .section-head > h2"
]
},
{
"html": "<h3 id=\"calTitle\">November 2026</h3>",
"target": [
"#calTitle"
]
},
{
"html": "<h3 id=\"evTitle\">Events on November 12</h3>",
"target": [
"#evTitle"
]
},
{
"html": "<h4>Quantum Sensing: From Theory to Device</h4>",
"target": [
".event > h4"
]
},
{
"html": "<h2>Trusted by scientists, educators & students</h2>",
"target": [
".testimonials > .container > .section-head > h2"
]
},
{
"html": "<h2>Questions, answered</h2>",
"target": [
".faq-wrap > div:nth-child(1) > h2"
]
},
{
"html": "<h2 id=\"nlh\">Get updates from the frontier</h2>",
"target": [
"#nlh"
]
},
{
"html": "<h4>Explore</h4>",
"target": [
".foot-grid > div:nth-child(2) > h4"
]
},
{
"html": "<h4>Get involved</h4>",
"target": [
"div:nth-child(3) > h4"
]
},
{
"html": "<h4>Contact</h4>",
"target": [
"div:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main id=\"top\">",
"target": [
"#top"
]
}
],
"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": "#b8c7d6",
"bgColor": "#0a1a2a",
"contrastRatio": 10.19,
"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 10.19"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span>\ud83d\udd2c Now accepting applications for the 2026 Frontier Grant cycle \u2014 closes in 6 weeks</span>",
"target": [
".container > 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": "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": [
{
"any": [
{
"id": "duplicate-id-aria",
"data": "mainNav",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<nav id=\"mainNav\" aria-label=\"Primary\">",
"target": [
"#mainNav"
]
}
]
},
{
"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": [
{
"html": "<label for=\"nlEmail\" class=\"sr\" style=\"position:absolute;left:-9999px\">Email address</label>",
"target": [
"label"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"email\" id=\"nlEmail\" placeholder=\"you@university.edu\" required=\"\">",
"target": [
"#nlEmail"
]
}
]
},
{
"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/96x96/0a1a2a/0fb5a6?text=HM&font=montserrat\" alt=\"Helix Meridian logo\" width=\"48\" height=\"48\">",
"target": [
"a[href$=\"#top\"] > img[alt=\"Helix Meridian logo\"][width=\"48\"][height=\"48\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"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": "explicit-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"nlEmail\" class=\"sr\" style=\"position:absolute;left:-9999px\">Email address</label>",
"target": [
"label"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"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=\"nlEmail\" placeholder=\"you@university.edu\" required=\"\">",
"target": [
"#nlEmail"
]
}
]
},
{
"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 class=\"panel insights\">",
"target": [
".insights"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"btn btn-primary\">Browse Full Archive</a>",
"target": [
".btn-primary.btn[href=\"#\"]"
]
}
]
},
{
"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=\"mailto:hello@helixmeridian.org\">hello@helixmeridian.org</a>",
"target": [
"span:nth-child(2) > a[href=\"mailto:hello@helixmeridian.org\"]"
]
}
]
},
{
"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": [
"#mainNav > 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><a href=\"#research\">Research</a></li>",
"target": [
"#mainNav > 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\">",
"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/96x96/0a1a2a/0fb5a6?text=HM&font=montserrat\" alt=\"Helix Meridian logo\" width=\"48\" height=\"48\">",
"target": [
"a[href$=\"#top\"] > img[alt=\"Helix Meridian logo\"][width=\"48\"][height=\"48\"]"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute exists and is not empty"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<svg id=\"chart\" viewBox=\"0 0 640 300\" role=\"img\" aria-label=\"Line chart of selected dataset\">",
"target": [
"#chart"
]
}
]
},
{
"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": 293,
"height": 48
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (293px by 48px, 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=\"#top\" class=\"brand\" aria-label=\"Helix Meridian Institute home\">",
"target": [
"a[href$=\"#top\"]"
]
}
]
}
],
"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": "<section 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": "<span class=\"eyebrow\" style=\"color:var(--teal)\">Open-science research network \u00b7 Est. 2009</span>",
"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": "aria-prohibited-attr",
"impact": "serious",
"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": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"54\" cy=\"251.73059360730593\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2012: 4 ZJ\"></circle>",
"target": [
"circle[cx=\"54\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"101.5\" cy=\"237.46118721461187\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2013: 8 ZJ\"></circle>",
"target": [
"circle[cx=\"101.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"149\" cy=\"230.32648401826484\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2014: 10 ZJ\"></circle>",
"target": [
"circle[cx=\"149\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"196.5\" cy=\"208.92237442922374\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2015: 16 ZJ\"></circle>",
"target": [
"circle[cx=\"196.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"244\" cy=\"194.65296803652967\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2016: 20 ZJ\"></circle>",
"target": [
"circle[cx=\"244\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"291.5\" cy=\"180.38356164383563\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2017: 24 ZJ\"></circle>",
"target": [
"circle[cx=\"291.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"339\" cy=\"162.54680365296804\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2018: 29 ZJ\"></circle>",
"target": [
"circle[cx=\"339\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"386.5\" cy=\"144.71004566210047\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2019: 34 ZJ\"></circle>",
"target": [
"circle[cx=\"386.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"434\" cy=\"130.4406392694064\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2020: 38 ZJ\"></circle>",
"target": [
"circle[cx=\"434\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"481.5\" cy=\"112.60388127853882\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2021: 43 ZJ\"></circle>",
"target": [
"circle[cx=\"481.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"529\" cy=\"91.19977168949772\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2022: 49 ZJ\"></circle>",
"target": [
"circle[cx=\"529\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"576.5\" cy=\"66.22831050228311\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2023: 56 ZJ\"></circle>",
"target": [
"circle[cx=\"576.5\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
},
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "circle",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute cannot be used on a circle with no valid role attribute."
}
],
"impact": "serious",
"html": "<circle cx=\"624\" cy=\"41.256849315068486\" r=\"5\" fill=\"#0a1a2a\" stroke=\"#f5a524\" stroke-width=\"2.5\" tabindex=\"0\" style=\"cursor:pointer\" aria-label=\"2024: 63 ZJ\"></circle>",
"target": [
"circle[cx=\"624\"]"
],
"failureSummary": "Fix all of the following:\n aria-label attribute cannot be used on a circle with no valid role attribute."
}
]
},
{
"id": "aria-required-children",
"impact": "critical",
"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": [
{
"any": [
{
"id": "aria-required-children",
"data": {
"messageKey": "unallowed",
"values": "button[tabindex]"
},
"relatedNodes": [
{
"html": "<button class=\"chip active\" data-filter=\"all\">All disciplines</button>",
"target": [
"button[data-filter=\"all\"]"
]
},
{
"html": "<button class=\"chip\" data-filter=\"bio\">Biology & Medicine</button>",
"target": [
"button[data-filter=\"bio\"]"
]
},
{
"html": "<button class=\"chip\" data-filter=\"phys\">Physics & Materials</button>",
"target": [
"button[data-filter=\"phys\"]"
]
},
{
"html": "<button class=\"chip\" data-filter=\"clim\">Earth & Climate</button>",
"target": [
"button[data-filter=\"clim\"]"
]
},
{
"html": "<button class=\"chip\" data-filter=\"neuro\">Neuroscience</button>",
"target": [
"button[data-filter=\"neuro\"]"
]
}
],
"impact": "critical",
"message": "Element has children which are not allowed: button[tabindex]"
}
],
"all": [],
"none": [],
"impact": "critical",
"html": "<div class=\"tabs\" role=\"tablist\" aria-label=\"Filter research by discipline\">",
"target": [
"div[role=\"tablist\"]"
],
"failureSummary": "Fix any of the following:\n Element has children which are not allowed: button[tabindex]"
}
]
},
{
"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": "#0a8c80",
"bgColor": "#f5f8fa",
"contrastRatio": 3.87,
"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.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Research Highlights</span>",
"target": [
"#research > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"bio\">",
"target": [
".card[data-cat=\"bio\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
".card[data-cat=\"bio\"]:nth-child(1) > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"phys\">",
"target": [
"article[data-cat=\"phys\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
"article[data-cat=\"phys\"] > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#a46a00",
"bgColor": "#fff1d9",
"contrastRatio": 4.05,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag t-clim\">Earth & Climate</span>",
"target": [
".card[data-cat=\"clim\"]:nth-child(3) > .card-body > .t-clim.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.05 (foreground color: #a46a00, background color: #fff1d9, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag t-clim\">Earth & Climate</span>",
"target": [
".card[data-cat=\"clim\"]:nth-child(3) > .card-body > .t-clim.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.05 (foreground color: #a46a00, background color: #fff1d9, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"clim\">",
"target": [
".card[data-cat=\"clim\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
".card[data-cat=\"clim\"]:nth-child(3) > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"neuro\">",
"target": [
"article[data-cat=\"neuro\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
"article[data-cat=\"neuro\"] > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"bio\">",
"target": [
".card[data-cat=\"bio\"]:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
".card[data-cat=\"bio\"]:nth-child(5) > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#a46a00",
"bgColor": "#fff1d9",
"contrastRatio": 4.05,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag t-clim\">Earth & Climate</span>",
"target": [
".card[data-cat=\"clim\"]:nth-child(6) > .card-body > .t-clim.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.05 (foreground color: #a46a00, background color: #fff1d9, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag t-clim\">Earth & Climate</span>",
"target": [
".card[data-cat=\"clim\"]:nth-child(6) > .card-body > .t-clim.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.05 (foreground color: #a46a00, background color: #fff1d9, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\" data-cat=\"clim\">",
"target": [
".card[data-cat=\"clim\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read the study \u2192</a>",
"target": [
".card[data-cat=\"clim\"]:nth-child(6) > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section labs\" id=\"labs\">",
"target": [
"#labs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Lab Highlights</span>",
"target": [
"#labs > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, 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": "#0a8c80",
"bgColor": "#f5f8fa",
"contrastRatio": 3.87,
"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.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Collaboration News</span>",
"target": [
"#news > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"featured\">",
"target": [
".featured"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"more\">Read full story \u2192</a>",
"target": [
".featured > .card-body > .more[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#e8f6f4",
"contrastRatio": 3.72,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<code>CSV</code>",
"target": [
".release:nth-child(2) > code"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<code>CSV</code>",
"target": [
".release:nth-child(2) > code"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#e8f6f4",
"contrastRatio": 3.72,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<code>FASTQ</code>",
"target": [
".release:nth-child(3) > code"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<code>FASTQ</code>",
"target": [
".release:nth-child(3) > code"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#e8f6f4",
"contrastRatio": 3.72,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<code>SAV</code>",
"target": [
".release:nth-child(4) > code"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<code>SAV</code>",
"target": [
".release:nth-child(4) > code"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#e8f6f4",
"contrastRatio": 3.72,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<code>HDF5</code>",
"target": [
".release:nth-child(5) > code"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<code>HDF5</code>",
"target": [
".release:nth-child(5) > code"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #0a8c80, background color: #e8f6f4, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#f5f8fa",
"contrastRatio": 3.87,
"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.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Event Calendar</span>",
"target": [
"#events > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#0a8c80",
"bgColor": "#ffffff",
"contrastRatio": 4.13,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section testimonials\">",
"target": [
".testimonials"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, background color: #ffffff, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Voices from the community</span>",
"target": [
".testimonials > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #0a8c80, 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": "#0a8c80",
"bgColor": "#f5f8fa",
"contrastRatio": 3.87,
"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.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">About & FAQ</span>",
"target": [
".faq-wrap > div:nth-child(1) > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.87 (foreground color: #0a8c80, background color: #f5f8fa, font size: 9.4pt (12.48px), font weight: bold). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 10164
},
{
"y": 576,
"height": 10164
},
{
"y": 1152,
"height": 10164
},
{
"y": 1728,
"height": 10164
},
{
"y": 2304,
"height": 10164
},
{
"y": 2880,
"height": 10164
},
{
"y": 3456,
"height": 10164
},
{
"y": 4032,
"height": 10164
},
{
"y": 4608,
"height": 10164
},
{
"y": 5184,
"height": 10164
},
{
"y": 5760,
"height": 10364
},
{
"y": 6336,
"height": 10364
},
{
"y": 6912,
"height": 10364
},
{
"y": 7488,
"height": 10364
},
{
"y": 8064,
"height": 10364
},
{
"y": 8640,
"height": 10364
},
{
"y": 9216,
"height": 10364
},
{
"y": 9644,
"height": 10364
}
],
"scans": 19,
"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: "Research", "Labs", "Funding".
- **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: "Lab Highlights", "Collaboration News", "Data & Analysis".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "breakthrough", "longitudinal study", "hypothesis".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Apply Grant", "Explore Data", "Get Updates".
- **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: "event calendar".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "upcoming lectures", "scientist profiles", "data releases".
- **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.