inclusionAI Ling 3.0 Flash – Science
via Novita · Generated
- AIMAC Debt 5.83
- Cost $0.0012
- Total Violations 56
- HTML Size 68 KB
- Em Dashes 5
Screenshot
View Live Page
Accessibility Issues Found
56 Serious
-
color-contrast serious 56 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<p>Advancing scientific discovery through rigorous research, inclusive education, and global collaboration. Based in Cambridge, UK, with research f...
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lumina Sciences — Illuminating Discovery, Empowering Innovation</title>
<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=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--bg-primary: #0a0e1a;
--bg-secondary: #111827;
--bg-card: #1a2236;
--bg-card-hover: #1f2a42;
--accent: #00d4aa;
--accent-light: #00e8c0;
--accent-dim: rgba(0,212,170,0.15);
--accent-glow: rgba(0,212,170,0.3);
--text-primary: #e8ecf4;
--text-secondary: #94a3b8;
--text-muted: #64748b;
--border: rgba(255,255,255,0.06);
--border-accent: rgba(0,212,170,0.3);
--gradient-1: linear-gradient(135deg, #00d4aa 0%, #00a3ff 100%);
--gradient-2: linear-gradient(135deg, #6366f1 0%, #00d4aa 100%);
--gradient-hero: linear-gradient(135deg, #0a0e1a 0%, #0f172a 50%, #0a1628 100%);
--shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
--shadow-md: 0 4px 20px rgba(0,0,0,0.4);
--shadow-lg: 0 10px 40px rgba(0,0,0,0.5);
--shadow-accent: 0 0 30px rgba(0,212,170,0.15);
--radius: 12px;
--radius-lg: 20px;
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-display: 'Playfair Display', Georgia, serif;
--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
html { scroll-behavior: smooth; font-size: 16px; }
body {
font-family: var(--font-sans);
background: var(--bg-primary);
color: var(--text-primary);
line-height: 1.7;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
a { color: var(--accent); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--accent-light); }
img { max-width: 100%; height: auto; display: block; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.section { padding: 100px 0; position: relative; }
.section-label {
display: inline-flex; align-items: center; gap: 8px;
font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em;
text-transform: uppercase; color: var(--accent);
background: var(--accent-dim); padding: 6px 16px;
border-radius: 100px; margin-bottom: 16px;
}
.section-label i { font-size: 0.65rem; }
.section-title {
font-family: var(--font-display);
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700; line-height: 1.2;
color: var(--text-primary); margin-bottom: 16px;
}
.section-desc {
font-size: 1.05rem; color: var(--text-secondary);
max-width: 640px; line-height: 1.8;
}
.btn {
display: inline-flex; align-items: center; gap: 8px;
padding: 14px 32px; border-radius: 100px;
font-family: var(--font-sans); font-size: 0.9rem; font-weight: 600;
border: none; cursor: pointer; transition: all var(--transition);
text-decoration: none; letter-spacing: 0.02em;
}
.btn-primary {
background: var(--gradient-1); color: #0a0e1a;
box-shadow: 0 4px 20px rgba(0,212,170,0.3);
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,212,170,0.4); color: #0a0e1a; }
.btn-outline {
background: transparent; color: var(--text-primary);
border: 1.5px solid rgba(255,255,255,0.15);
}
.btn-outline:hover { border-color: var(--accent); color: var(--accent); background: var(--accent-dim); }
.btn-sm { padding: 10px 22px; font-size: 0.82rem; }
/* ===== HEADER ===== */
.header {
position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
padding: 16px 0; transition: all var(--transition);
}
.header.scrolled {
background: rgba(10,14,26,0.85); backdrop-filter: blur(20px);
border-bottom: 1px solid var(--border); padding: 10px 0;
}
.header-inner {
display: flex; align-items: center; justify-content: space-between;
}
.logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.logo-icon {
width: 42px; height: 42px; border-radius: 10px;
background: var(--gradient-1); display: flex; align-items: center;
justify-content: center; font-size: 1.1rem; color: #0a0e1a; font-weight: 800;
}
.logo-text { font-family: var(--font-display); font-size: 1.35rem; font-weight: 700; color: var(--text-primary); }
.logo-text span { color: var(--accent); }
.nav { display: flex; align-items: center; gap: 8px; }
.nav-link {
padding: 8px 18px; border-radius: 8px; font-size: 0.88rem;
font-weight: 500; color: var(--text-secondary); transition: all var(--transition);
text-decoration: none; position: relative;
}
.nav-link:hover, .nav-link.active { color: var(--text-primary); background: var(--accent-dim); }
.nav-link.active::after {
content: ''; position: absolute; bottom: 2px; left: 50%;
transform: translateX(-50%); width: 20px; height: 2px;
background: var(--accent); border-radius: 2px;
}
.nav-cta { margin-left: 12px; }
.mobile-toggle {
display: none; background: none; border: none; color: var(--text-primary);
font-size: 1.4rem; cursor: pointer; padding: 8px;
}
.mobile-nav {
display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
background: rgba(10,14,26,0.97); backdrop-filter: blur(20px);
z-index: 999; flex-direction: column; align-items: center; justify-content: center; gap: 24px;
}
.mobile-nav.open { display: flex; }
.mobile-nav .nav-link { font-size: 1.2rem; padding: 12px 24px; }
.mobile-nav-close {
position: absolute; top: 20px; right: 24px; background: none;
border: none; color: var(--text-primary); font-size: 1.8rem; cursor: pointer;
}
/* ===== HERO ===== */
.hero {
min-height: 100vh; display: flex; align-items: center;
position: relative; overflow: hidden;
background: var(--gradient-hero);
}
.hero-bg { position: absolute; inset: 0; overflow: hidden; }
.hero-bg .orb {
position: absolute; border-radius: 50%; filter: blur(80px); opacity: 0.4;
animation: float 20s ease-in-out infinite;
}
.hero-bg .orb-1 { width: 600px; height: 600px; background: rgba(0,212,170,0.15); top: -200px; right: -100px; }
.hero-bg .orb-2 { width: 500px; height: 500px; background: rgba(99,102,241,0.12); bottom: -150px; left: -100px; animation-delay: -7s; }
.hero-bg .orb-3 { width: 300px; height: 300px; background: rgba(0,163,255,0.1); top: 40%; left: 50%; animation-delay: -14s; }
@keyframes float {
0%, 100% { transform: translate(0, 0) scale(1); }
25% { transform: translate(30px, -30px) scale(1.05); }
50% { transform: translate(-20px, 20px) scale(0.95); }
75% { transform: translate(15px, 10px) scale(1.02); }
}
.hero-grid {
position: absolute; inset: 0;
background-image:
linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
background-size: 60px 60px;
}
.hero-content { position: relative; z-index: 2; }
.hero-badge {
display: inline-flex; align-items: center; gap: 8px;
padding: 8px 18px; border-radius: 100px;
background: var(--accent-dim); border: 1px solid var(--border-accent);
font-size: 0.82rem; font-weight: 600; color: var(--accent);
margin-bottom: 28px;
}
.hero-badge .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: pulse-dot 2s infinite; }
@keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
.hero-title {
font-family: var(--font-display); font-size: clamp(2.8rem, 6vw, 4.5rem);
font-weight: 700; line-height: 1.1; margin-bottom: 24px;
max-width: 800px;
}
.hero-title .highlight {
background: var(--gradient-1); -webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text;
}
.hero-subtitle {
font-size: 1.15rem; color: var(--text-secondary);
max-width: 560px; margin-bottom: 40px; line-height: 1.8;
}
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 56px; }
.hero-stats { display: flex; gap: 48px; flex-wrap: wrap; }
.hero-stat { text-align: left; }
.hero-stat-value {
font-size: 2rem; font-weight: 800;
background: var(--gradient-1); -webkit-background-clip: text;
-webkit-text-fill-color: transparent; background-clip: text;
}
.hero-stat-label { font-size: 0.82rem; color: var(--text-muted); margin-top: 2px; }
/* ===== FEATURES GRID ===== */
.features-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px; margin-top: 60px;
}
.feature-card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 36px 28px;
transition: all var(--transition); position: relative; overflow: hidden;
}
.feature-card::before {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: var(--gradient-1); opacity: 0; transition: opacity var(--transition);
}
.feature-card:hover { transform: translateY(-4px); border-color: var(--border-accent); box-shadow: var(--shadow-accent); }
.feature-card:hover::before { opacity: 1; }
.feature-icon {
width: 56px; height: 56px; border-radius: 14px;
background: var(--accent-dim); display: flex; align-items: center;
justify-content: center; font-size: 1.3rem; color: var(--accent);
margin-bottom: 20px;
}
.feature-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; color: var(--text-primary); }
.feature-card p { font-size: 0.92rem; color: var(--text-secondary); line-height: 1.7; }
/* ===== RESEARCH HIGHLIGHTS ===== */
.research-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
gap: 28px; margin-top: 50px;
}
.research-card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius-lg); overflow: hidden;
transition: all var(--transition);
}
.research-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: var(--border-accent); }
.research-img {
width: 100%; height: 220px; object-fit: cover;
border-bottom: 1px solid var(--border);
}
.research-body { padding: 28px; }
.research-tag {
display: inline-block; font-size: 0.72rem; font-weight: 700;
letter-spacing: 0.08em; text-transform: uppercase;
padding: 4px 12px; border-radius: 100px; margin-bottom: 14px;
}
.tag-biotech { background: rgba(0,212,170,0.15); color: #00d4aa; }
.tag-astronomy { background: rgba(99,102,241,0.15); color: #818cf8; }
.tag-neuro { background: rgba(251,191,36,0.15); color: #fbbf24; }
.research-body h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 10px; line-height: 1.4; }
.research-body p { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.7; margin-bottom: 18px; }
.research-meta { display: flex; align-items: center; gap: 16px; font-size: 0.8rem; color: var(--text-muted); }
.research-meta i { margin-right: 4px; color: var(--accent); }
/* ===== INTERACTIVE SECTION ===== */
.interactive-section {
background: var(--bg-secondary); border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
.interactive-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center;
}
.interactive-form {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius-lg); padding: 40px;
}
.form-group { margin-bottom: 22px; }
.form-group label {
display: block; font-size: 0.85rem; font-weight: 600;
color: var(--text-secondary); margin-bottom: 8px;
}
.form-input {
width: 100%; padding: 14px 18px; border-radius: 10px;
background: var(--bg-primary); border: 1px solid var(--border);
color: var(--text-primary); font-family: var(--font-sans);
font-size: 0.92rem; transition: all var(--transition); outline: none;
}
.form-input:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-dim); }
.form-input::placeholder { color: var(--text-muted); }
select.form-input { cursor: pointer; appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px;
}
.search-results { margin-top: 20px; }
.result-item {
padding: 14px 18px; background: var(--bg-primary);
border: 1px solid var(--border); border-radius: 10px;
margin-bottom: 10px; transition: all var(--transition); cursor: pointer;
}
.result-item:hover { border-color: var(--border-accent); background: var(--bg-card-hover); }
.result-item h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 4px; }
.result-item p { font-size: 0.8rem; color: var(--text-muted); }
.result-item .result-meta { display: flex; gap: 12px; margin-top: 6px; font-size: 0.75rem; color: var(--text-muted); }
.result-item .result-meta span { display: flex; align-items: center; gap: 4px; }
.interactive-info h2 { font-family: var(--font-display); font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: 20px; }
.interactive-info p { color: var(--text-secondary); margin-bottom: 16px; line-height: 1.8; }
.info-features { list-style: none; margin-top: 24px; }
.info-features li {
display: flex; align-items: flex-start; gap: 12px;
padding: 10px 0; border-bottom: 1px solid var(--border);
font-size: 0.92rem; color: var(--text-secondary);
}
.info-features li i { color: var(--accent); margin-top: 4px; flex-shrink: 0; }
/* ===== TESTIMONIALS ===== */
.testimonials-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px; margin-top: 50px;
}
.testimonial-card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 32px;
position: relative; transition: all var(--transition);
}
.testimonial-card:hover { border-color: var(--border-accent); transform: translateY(-2px); }
.testimonial-card::before {
content: '\201C'; position: absolute; top: 20px; left: 28px;
font-family: var(--font-display); font-size: 4rem;
color: var(--accent-dim); line-height: 1;
}
.testimonial-text { font-size: 0.95rem; color: var(--text-secondary); line-height: 1.8; margin-bottom: 20px; padding-top: 8px; }
.testimonial-author { display: flex; align-items: center; gap: 14px; }
.testimonial-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.testimonial-name { font-weight: 700; font-size: 0.9rem; }
.testimonial-role { font-size: 0.8rem; color: var(--text-muted); }
/* ===== FAQ ===== */
.faq-list { max-width: 800px; margin-top: 40px; }
.faq-item { border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 12px; overflow: hidden; transition: all var(--transition); }
.faq-item.active { border-color: var(--border-accent); }
.faq-question {
display: flex; align-items: center; justify-content: space-between;
padding: 20px 24px; cursor: pointer; font-weight: 600;
font-size: 0.95rem; color: var(--text-primary);
background: var(--bg-card); transition: all var(--transition);
user-select: none;
}
.faq-question:hover { background: var(--bg-card-hover); }
.faq-question i { color: var(--accent); transition: transform var(--transition); font-size: 0.85rem; }
.faq-item.active .faq-question i { transform: rotate(180deg); }
.faq-answer {
max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;
padding: 0 24px; background: var(--bg-card);
}
.faq-item.active .faq-answer { max-height: 300px; padding: 20px 24px; }
.faq-answer p { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.8; }
/* ===== SIDEBAR LAYOUT ===== */
.content-sidebar {
display: grid; grid-template-columns: 1fr 340px; gap: 40px; align-items: start;
}
.sidebar-card {
background: var(--bg-card); border: 1px solid var(--border);
border-radius: var(--radius); padding: 28px; margin-bottom: 20px;
}
.sidebar-card h3 {
font-size: 1rem; font-weight: 700; margin-bottom: 18px;
display: flex; align-items: center; gap: 10px;
}
.sidebar-card h3 i { color: var(--accent); font-size: 0.9rem; }
.sidebar-list { list-style: none; }
.sidebar-list li {
padding: 12px 0; border-bottom: 1px solid var(--border);
display: flex; gap: 14px; align-items: flex-start;
}
.sidebar-list li:last-child { border-bottom: none; }
.sidebar-list .event-date {
min-width: 48px; height: 48px; border-radius: 10px;
background: var(--accent-dim); display: flex; flex-direction: column;
align-items: center; justify-content: center; font-size: 0.7rem;
font-weight: 700; color: var(--accent); line-height: 1.2;
}
.sidebar-list .event-info h4 { font-size: 0.88rem; font-weight: 600; margin-bottom: 3px; }
.sidebar-list .event-info p { font-size: 0.78rem; color: var(--text-muted); }
.job-card { padding: 14px 0; border-bottom: 1px solid var(--border); }
.job-card:last-child { border-bottom: none; }
.job-card h4 { font-size: 0.88rem; font-weight: 600; margin-bottom: 4px; }
.job-card .job-meta { display: flex; gap: 12px; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 8px; }
.job-card .job-tag {
display: inline-block; font-size: 0.7rem; padding: 3px 10px;
border-radius: 100px; background: var(--accent-dim); color: var(--accent);
font-weight: 600;
}
/* ===== CTA BANNER ===== */
.cta-banner {
background: var(--gradient-2); border-radius: var(--radius-lg);
padding: 60px 48px; text-align: center; position: relative; overflow: hidden;
}
.cta-banner::before {
content: ''; position: absolute; inset: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
opacity: 0.5;
}
.cta-banner > * { position: relative; z-index: 1; }
.cta-banner h2 { font-family: var(--font-display); font-size: clamp(1.8rem, 3vw, 2.5rem); margin-bottom: 16px; color: #fff; }
.cta-banner p { font-size: 1.05rem; color: rgba(255,255,255,0.85); max-width: 500px; margin: 0 auto 32px; line-height: 1.7; }
.btn-white {
background: #fff; color: #0a0e1a; font-weight: 700;
box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}
.btn-white:hover { background: #f0f0f0; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.3); color: #0a0e1a; }
/* ===== FOOTER ===== */
.footer {
background: var(--bg-secondary); border-top: 1px solid var(--border);
padding: 60px 0 0;
}
.footer-grid {
display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px; margin-bottom: 48px;
}
.footer-brand .logo-text { font-size: 1.2rem; margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.footer-brand p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 20px; }
.footer-socials { display: flex; gap: 12px; }
.footer-socials a {
width: 40px; height: 40px; border-radius: 10px;
background: var(--bg-card); border: 1px solid var(--border);
display: flex; align-items: center; justify-content: center;
color: var(--text-secondary); transition: all var(--transition);
}
.footer-socials a:hover { background: var(--accent-dim); border-color: var(--border-accent); color: var(--accent); }
.footer-col h4 { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 18px; color: var(--text-primary); }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a { font-size: 0.88rem; color: var(--text-muted); transition: color var(--transition); }
.footer-col ul li a:hover { color: var(--accent); }
.footer-bottom {
border-top: 1px solid var(--border); padding: 24px 0;
display: flex; justify-content: space-between; align-items: center;
flex-wrap: wrap; gap: 16px;
}
.footer-bottom p { font-size: 0.82rem; color: var(--text-muted); }
.footer-bottom-links { display: flex; gap: 24px; }
.footer-bottom-links a { font-size: 0.82rem; color: var(--text-muted); }
.footer-bottom-links a:hover { color: var(--accent); }
/* ===== SCROLL ANIMATIONS ===== */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.interactive-grid { grid-template-columns: 1fr; gap: 30px; }
.content-sidebar { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
.hero-stats { gap: 28px; }
}
@media (max-width: 768px) {
.nav { display: none; }
.mobile-toggle { display: block; }
.hero-title { font-size: 2.2rem; }
.hero-stats { flex-direction: column; gap: 20px; }
.footer-grid { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; text-align: center; }
.footer-bottom-links { justify-content: center; flex-wrap: wrap; }
.section { padding: 70px 0; }
.cta-banner { padding: 40px 24px; }
}
@media (max-width: 480px) {
.hero-actions { flex-direction: column; }
.features-grid { grid-template-columns: 1fr; }
.research-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>
<!-- HEADER -->
<header class="header" id="header">
<div class="container header-inner">
<a href="#" class="logo">
<div class="logo-icon"><i class="fas fa-atom"></i></div>
<div class="logo-text">Lumina<span>Sciences</span></div>
</a>
<nav class="nav" id="mainNav">
<a href="#home" class="nav-link active">Home</a>
<a href="#research" class="nav-link">Research</a>
<a href="#discoveries" class="nav-link">Discoveries</a>
<a href="#education" class="nav-link">Education</a>
<a href="#citations" class="nav-link">Citation Finder</a>
<a href="#testimonials" class="nav-link">Community</a>
<a href="#contact" class="nav-link">Contact</a>
</nav>
<div style="display:flex;align-items:center;gap:12px;">
<a href="#contact" class="btn btn-primary btn-sm">Get Updates</a>
<button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation"><i class="fas fa-bars"></i></button>
</div>
</div>
</header>
<!-- MOBILE NAV -->
<div class="mobile-nav" id="mobileNav">
<button class="mobile-nav-close" id="mobileNavClose" aria-label="Close menu"><i class="fas fa-times"></i></button>
<a href="#home" class="nav-link" onclick="closeMobileNav()">Home</a>
<a href="#research" class="nav-link" onclick="closeMobileNav()">Research</a>
<a href="#discoveries" class="nav-link" onclick="closeMobileNav()">Discoveries</a>
<a href="#education" class="nav-link" onclick="closeMobileNav()">Education</a>
<a href="#citations" class="nav-link" onclick="closeMobileNav()">Citation Finder</a>
<a href="#testimonials" class="nav-link" onclick="closeMobileNav()">Community</a>
<a href="#contact" class="nav-link" onclick="closeMobileNav()">Contact</a>
</div>
<main>
<!-- HERO -->
<section class="hero" id="home">
<div class="hero-bg">
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
<div class="hero-grid"></div>
</div>
<div class="container hero-content">
<div class="hero-badge"><span class="dot"></span> Advancing Global Scientific Frontiers</div>
<h1 class="hero-title">Where <span class="highlight">Curiosity Meets</span> Discovery</h1>
<p class="hero-subtitle">Lumina Sciences is a premier research institution and knowledge platform dedicated to accelerating scientific breakthroughs, fostering STEM education, and democratizing access to cutting-edge discoveries across every discipline.</p>
<div class="hero-actions">
<a href="#research" class="btn btn-primary"><i class="fas fa-flask"></i> Explore Research</a>
<a href="#citations" class="btn btn-outline"><i class="fas fa-search"></i> Citation Finder</a>
</div>
<div class="hero-stats">
<div class="hero-stat"><div class="hero-stat-value">2,400+</div><div class="hero-stat-label">Active Research Projects</div></div>
<div class="hero-stat"><div class="hero-stat-value">180+</div><div class="hero-stat-label">Partner Institutions</div></div>
<div class="hero-stat"><div class="hero-stat-value">56K</div><div class="hero-stat-label">Published Papers</div></div>
<div class="hero-stat"><div class="hero-stat-value">98%</div><div class="hero-stat-label">Peer-Review Success Rate</div></div>
</div>
</div>
</section>
<!-- FEATURES -->
<section class="section" id="features">
<div class="container">
<div class="reveal" style="text-align:center;max-width:700px;margin:0 auto 20px;">
<span class="section-label"><i class="fas fa-star"></i> Our Pillars</span>
<h2 class="section-title">Driving Progress Through Science</h2>
<p class="section-desc" style="margin:0 auto;">We operate at the intersection of fundamental research, applied innovation, and public engagement — building bridges between the laboratory and the world.</p>
</div>
<div class="features-grid">
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-microscope"></i></div>
<h3>Fundamental Research</h3>
<p>Our laboratories conduct rigorous controlled studies and longitudinal investigations across physics, chemistry, and biology, pushing the boundaries of human understanding with peer-reviewed methodologies and transparent data practices.</p>
</div>
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-graduation-cap"></i></div>
<h3>STEM Education</h3>
<p>We believe scientific literacy is foundational to progress. Our education programs provide hands-on laboratory experiences, mentorship from leading researchers, and comprehensive curricula designed to inspire the next generation of scientists.</p>
</div>
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-chart-line"></i></div>
<h3>Data Visualization</h3>
<p>Transforming complex datasets into actionable insights through advanced data visualization tools. Our platform enables researchers and the public alike to explore scientific data through interactive dashboards and compelling visual narratives.</p>
</div>
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-hand-holding-dollar"></i></div>
<h3>Grant Opportunities</h3>
<p>We connect researchers with funding opportunities through our curated grant database, offering guidance on proposal writing, peer review preparation, and navigating the competitive landscape of scientific funding agencies worldwide.</p>
</div>
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-globe-americas"></i></div>
<h3>Global Collaboration</h3>
<p>Science knows no borders. Our international network of 180+ partner institutions facilitates cross-border research collaborations, joint publications, and shared infrastructure that amplifies the impact of every project we undertake.</p>
</div>
<div class="feature-card reveal">
<div class="feature-icon"><i class="fas fa-newspaper"></i></div>
<h3>Science Communication</h3>
<p>Bridging the gap between the scientific community and the public through accessible journalism, multimedia storytelling, and public lectures that translate complex discoveries into compelling narratives everyone can understand.</p>
</div>
</div>
</div>
</section>
<!-- RESEARCH HIGHLIGHTS -->
<section class="section" id="research">
<div class="container">
<div class="reveal" style="max-width:600px;">
<span class="section-label"><i class="fas fa-flask"></i> Research Highlights</span>
<h2 class="section-title">Frontiers of Discovery</h2>
<p class="section-desc">Our research teams are actively pursuing answers to some of the most pressing questions in modern science, from quantum computing to neural mapping and sustainable energy solutions.</p>
</div>
<div class="research-grid">
<article class="research-card reveal">
<img src="https://placehold.co/720x400/1a2236/00d4aa?text=Quantum+Computing+Lab&font=montserrat" alt="Quantum Computing Research Lab" class="research-img" loading="lazy">
<div class="research-body">
<span class="research-tag tag-biotech">Quantum Physics</span>
<h3>Advancing Quantum Error Correction in Superconducting Qubit Systems</h3>
<p>Our quantum computing division has achieved a 40% reduction in decoherence rates through novel error correction protocols developed over a three-year longitudinal study. These findings, published in Nature Physics, represent a critical step toward fault-tolerant quantum computation at scale.</p>
<div class="research-meta">
<span><i class="fas fa-users"></i> Dr. Elena Vasquez et al.</span>
<span><i class="fas fa-calendar"></i> March 2025</span>
</div>
</div>
</article>
<article class="research-card reveal">
<img src="https://placehold.co/720x400/1a2236/6366f1?text=Neuroscience+Imaging&font=montserrat" alt="Neuroscience Brain Imaging Research" class="research-img" loading="lazy">
<div class="research-body">
<span class="research-tag tag-neuro">Neuroscience</span>
<h3>Mapping Neural Pathways: A New Atlas of the Human Connectome</h3>
<p>Using advanced diffusion tensor imaging and controlled study protocols, our neuroscience team has produced the most comprehensive connectome atlas to date, revealing previously unknown pathways associated with memory consolidation and cognitive resilience in aging populations.</p>
<div class="research-meta">
<span><i class="fas fa-users"></i> Prof. Kenji Tanaka et al.</span>
<span><i class="fas fa-calendar"></i> February 2025</span>
</div>
</div>
</article>
<article class="research-card reveal">
<img src="https://placehold.co/720x400/1a2236/fbbf24?text=Sustainable+Energy&font=montserrat" alt="Sustainable Energy Research" class="research-img" loading="lazy">
<div class="research-body">
<span class="research-tag tag-astronomy">Renewable Energy</span>
<h3>Perovskite Solar Cells: Achieving 33.7% Efficiency in Lab Conditions</h3>
<p>Through iterative controlled study designs and advanced materials characterization, we have demonstrated a new class of perovskite-silicon tandem cells that surpass the theoretical efficiency limits of conventional silicon photovoltaics, with commercial deployment expected within five years.</p>
<div class="research-meta">
<span><i class="fas fa-users"></i> Dr. Amara Osei et al.</span>
<span><i class="fas fa-calendar"></i> January 2025</span>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- INTERACTIVE CITATION FINDER -->
<section class="section interactive-section" id="citations">
<div class="container">
<div class="interactive-grid">
<div class="interactive-info reveal">
<span class="section-label"><i class="fas fa-search"></i> Research Tools</span>
<h2>Citation Finder</h2>
<p>Our intelligent citation search engine helps researchers locate relevant academic papers, track citation networks, and discover emerging trends across scientific disciplines. Powered by machine learning and a database of over 56,000 peer-reviewed publications.</p>
<p>Whether you are preparing a literature review, verifying sources for a grant proposal, or exploring interdisciplinary connections, the Citation Finder provides the tools you need to navigate the scientific literature with confidence.</p>
<ul class="info-features">
<li><i class="fas fa-check-circle"></i> Semantic search across 56,000+ indexed papers</li>
<li><i class="fas fa-check-circle"></i> Citation graph visualization and analysis</li>
<li><i class="fas fa-check-circle"></i> Filter by discipline, methodology, and publication year</li>
<li><i class="fas fa-check-circle"></i> Real-time alerts for new citations in your field</li>
<li><i class="fas fa-check-circle"></i> Export formatted bibliographies in multiple styles</li>
</ul>
</div>
<div class="interactive-form reveal">
<h3 style="margin-bottom:20px;font-size:1rem;">Search the Database</h3>
<div class="form-group">
<label for="searchQuery">Keywords or Title</label>
<input type="text" class="form-input" id="searchQuery" placeholder="e.g., quantum error correction, neural pathways..." aria-label="Search query">
</div>
<div class="form-group">
<label for="searchDiscipline">Discipline</label>
<select class="form-input" id="searchDiscipline" aria-label="Select discipline">
<option value="">All Disciplines</option>
<option value="physics">Physics</option>
<option value="biology">Biology</option>
<option value="chemistry">Chemistry</option>
<option value="neuroscience">Neuroscience</option>
<option value="energy">Renewable Energy</option>
<option value="astronomy">Astronomy</option>
<option value="computer">Computer Science</option>
</select>
</div>
<button class="btn btn-primary" style="width:100%;" id="searchBtn"><i class="fas fa-search"></i> Search Papers</button>
<div class="search-results" id="searchResults"></div>
</div>
</div>
</div>
</section>
<!-- TESTIMONIALS -->
<section class="section" id="testimonials">
<div class="container">
<div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 20px;">
<span class="section-label"><i class="fas fa-quote-left"></i> Community Voices</span>
<h2 class="section-title">What Researchers Say</h2>
<p class="section-desc" style="margin:0 auto;">Hear from scientists, educators, and students whose work has been transformed by Lumina Sciences' resources, collaboration opportunities, and research infrastructure.</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card reveal">
<p class="testimonial-text">Lumina Sciences provided the collaborative environment and grant support that allowed our team to complete a five-year longitudinal study on CRISPR gene editing. Their data visualization tools were instrumental in presenting our findings to the broader scientific community.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/88?u=researcher1" alt="Dr. Sarah Chen" class="testimonial-avatar" loading="lazy">
<div>
<div class="testimonial-name">Dr. Sarah Chen</div>
<div class="testimonial-role">Molecular Biologist, MIT</div>
</div>
</div>
</div>
<div class="testimonial-card reveal">
<p class="testimonial-text">As a STEM educator, I rely on Lumina Sciences' educational resources and public lecture series to bring real-world science into my classroom. The Citation Finder alone has saved my students hundreds of hours in literature research.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/88?u=researcher2" alt="Prof. James Okafor" class="testimonial-avatar" loading="lazy">
<div>
<div class="testimonial-name">Prof. James Okafor</div>
<div class="testimonial-role">STEM Education Director, Stanford</div>
</div>
</div>
</div>
<div class="testimonial-card reveal">
<p class="testimonial-text">The global collaboration network at Lumina Sciences connected our astronomy team with partners in three continents, leading to a breakthrough discovery in exoplanet atmospheric composition. This kind of international cooperation is exactly what modern science needs.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/88?u=researcher3" alt="Dr. Maria Petrov" class="testimonial-avatar" loading="lazy">
<div>
<div class="testimonial-name">Dr. Maria Petrov</div>
<div class="testimonial-role">Astrophysicist, ESA Research Fellow</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="section" id="faq" style="background:var(--bg-secondary);">
<div class="container">
<div class="reveal" style="text-align:center;max-width:600px;margin:0 auto 20px;">
<span class="section-label"><i class="fas fa-question-circle"></i> FAQ</span>
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-desc" style="margin:0 auto;">Find answers to common questions about our research programs, collaboration opportunities, and how to get involved with Lumina Sciences.</p>
</div>
<div class="faq-list">
<div class="faq-item reveal">
<div class="faq-question" tabindex="0" role="button" aria-expanded="false">How can I submit a research proposal to Lumina Sciences?<i class="fas fa-chevron-down"></i></div>
<div class="faq-answer"><p>Researchers can submit proposals through our online portal at any time during our two annual review cycles (March and September). Each proposal undergoes a rigorous peer-review process involving at least three independent experts in the relevant discipline. We provide detailed feedback to all applicants, regardless of funding outcome, to support continuous improvement in research quality.</p></div>
</div>
<div class="faq-item reveal">
<div class="faq-question" tabindex="0" role="button" aria-expanded="false">Are STEM education programs available for early-career researchers?<i class="fas fa-chevron-down"></i></div>
<div class="faq-answer"><p>Absolutely. Our STEM education initiatives include the Lumina Fellowship Program for graduate students, the Summer Research Immersion for undergraduate scholars, and the K-12 STEM Outreach Initiative for secondary school students. Each program offers mentorship, laboratory access, and funding support tailored to the participant's career stage and research interests.</p></div>
</div>
<div class="faq-item reveal">
<div class="faq-question" tabindex="0" role="button" aria-expanded="false">What types of grant opportunities are available through your platform?<i class="fas fa-chevron-down"></i></div>
<div class="faq-answer"><p>We maintain a comprehensive, curated database of over 500 active grant opportunities from government agencies, private foundations, and international organizations. Our platform includes filtering by discipline, budget range, deadline, and eligibility criteria, along with application guidance resources and past award statistics to help researchers identify the best funding matches for their projects.</p></div>
</div>
<div class="faq-item reveal">
<div class="faq-question" tabindex="0" role="button" aria-expanded="false">How does the Citation Finder tool work?<i class="fas fa-chevron-down"></i></div>
<div class="faq-answer"><p>The Citation Finder uses semantic search technology to understand the meaning and context of your query, rather than relying solely on keyword matching. It indexes the full text of over 56,000 peer-reviewed papers and maps citation relationships, allowing you to trace the intellectual lineage of any research topic. You can visualize citation networks, identify influential papers, and set up automated alerts for new publications in your area of interest.</p></div>
</div>
<div class="faq-item reveal">
<div class="faq-question" tabindex="0" role="button" aria-expanded="false">How can my institution become a Lumina Sciences partner?<i class="fas fa-chevron-down"></i></div>
<div class="faq-answer"><p>We welcome partnership inquiries from universities, research institutes, and organizations worldwide. The partnership process begins with a mutual interest discussion, followed by a formal proposal outlining areas of collaboration, shared resources, and expected outcomes. Current partners enjoy access to shared laboratory infrastructure, co-publication opportunities, joint grant applications, and a seat on our International Research Council.</p></div>
</div>
</div>
</div>
</section>
<!-- CONTENT + SIDEBAR -->
<section class="section" id="education">
<div class="container">
<div class="content-sidebar">
<div class="main-content">
<div class="reveal" style="max-width:600px;margin-bottom:40px;">
<span class="section-label"><i class="fas fa-book-open"></i> Education & Resources</span>
<h2 class="section-title">Empowering the Next Generation</h2>
<p>At Lumina Sciences, we are committed to making scientific knowledge accessible to everyone. Our education division offers a comprehensive suite of programs designed to nurture curiosity, build critical thinking skills, and prepare students for careers in STEM fields.</p>
<p style="margin-top:16px;">From hands-on laboratory workshops that introduce fundamental scientific methods to advanced research seminars featuring leading voices in their fields, our educational offerings span the entire learning spectrum. We believe that the most impactful discoveries often emerge from diverse perspectives and interdisciplinary collaboration.</p>
<p style="margin-top:16px;">Our online learning platform provides free access to recorded lectures, interactive simulations, and curated reading lists covering topics from quantum mechanics to ecological modeling. These resources are developed in partnership with educators and researchers to ensure accuracy, relevance, and engagement for learners at every level.</p>
</div>
<div class="reveal" style="max-width:600px;">
<h3 style="font-size:1.1rem;margin-bottom:16px;">Upcoming Lectures & Events</h3>
<div style="display:flex;flex-direction:column;gap:16px;">
<div style="display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);">
<div style="min-width:56px;height:56px;border-radius:12px;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:800;font-size:0.8rem;line-height:1.2;">APR 15</div>
<div>
<h4 style="font-size:0.92rem;font-weight:600;margin-bottom:4px;">The Future of Quantum Computing</h4>
<p style="font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;">Dr. Elena Vasquez presents her latest findings on error correction and the path to fault-tolerant quantum systems.</p>
<a href="#citations" class="btn btn-outline btn-sm">Register Now</a>
</div>
</div>
<div style="display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);">
<div style="min-width:56px;height:56px;border-radius:12px;background:rgba(99,102,241,0.15);display:flex;align-items:center;justify-content:center;color:#818cf8;font-weight:800;font-size:0.8rem;line-height:1.2;">MAY 2</div>
<div>
<h4 style="font-size:0.92rem;font-weight:600;margin-bottom:4px;">CRISPR and the Future of Medicine</h4>
<p style="font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;">A public lecture exploring gene editing breakthroughs and their implications for personalized healthcare.</p>
<a href="#citations" class="btn btn-outline btn-sm">Register Now</a>
</div>
</div>
<div style="display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);">
<div style="min-width:56px;height:56px;border-radius:12px;background:rgba(251,191,36,0.15);display:flex;align-items:center;justify-content:center;color:#fbbf24;font-weight:800;font-size:0.8rem;line-height:1.2;">JUN 10</div>
<div>
<h4 style="font-size:0.92rem;font-weight:600;margin-bottom:4px;">Climate Science: Data-Driven Solutions</h4>
<p style="font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;">Our annual sustainability summit brings together climate scientists, policymakers, and technologists for a day of insight and action.</p>
<a href="#citations" class="btn btn-outline btn-sm">Register Now</a>
</div>
</div>
</div>
</div>
</div>
<aside class="sidebar">
<div class="sidebar-card reveal">
<h3><i class="fas fa-bell"></i> Publication Highlights</h3>
<ul class="sidebar-list">
<li>
<div class="event-date">MAR</div>
<div class="event-info"><h4>Nature: Quantum Error Correction Breakthrough</h4><p>Vasquez et al., 2025</p></div>
</li>
<li>
<div class="event-date">FEB</div>
<div class="event-info"><h4>Science: Human Connectome Atlas v2.0</h4><p>Tanaka et al., 2025</p></div>
</li>
<li>
<div class="event-date">JAN</div>
<div class="event-info"><h4>Cell: CRISPR Therapeutic Applications</h4><p>Chen & Partners, 2025</p></div>
</li>
<li>
<div class="event-date">DEC</div>
<div class="event-info"><h4>Joule: Perovskite Tandem Cell Record</h4><p>Osei et al., 2024</p></div>
</li>
</ul>
</div>
<div class="sidebar-card reveal">
<h3><i class="fas fa-briefcase"></i> Career Opportunities</h3>
<div class="job-card">
<h4>Research Scientist — Quantum Computing</h4>
<div class="job-meta"><span><i class="fas fa-map-marker-alt"></i> Cambridge, UK</span><span>Full-time</span></div>
<span class="job-tag">Postdoctoral</span>
</div>
<div class="job-card">
<h4>STEM Education Coordinator</h4>
<div class="job-meta"><span><i class="fas fa-map-marker-alt"></i> Remote</span><span>Full-time</span></div>
<span class="job-tag">Mid-Level</span>
</div>
<div class="job-card">
<h4>Data Visualization Engineer</h4>
<div class="job-meta"><span><i class="fas fa-map-marker-alt"></i> Berlin, DE</span><span>Contract</span></div>
<span class="job-tag">Senior</span>
</div>
<div style="margin-top:16px;"><a href="#" class="btn btn-outline btn-sm" style="width:100%;justify-content:center;">View All Openings</a></div>
</div>
<div class="sidebar-card reveal">
<h3><i class="fas fa-envelope"></i> Stay Connected</h3>
<p style="font-size:0.88rem;color:var(--text-secondary);margin-bottom:16px;">Get weekly science news, research updates, and event invitations delivered to your inbox.</p>
<div class="form-group">
<input type="email" class="form-input" placeholder="your@email.com" aria-label="Email address">
</div>
<button class="btn btn-primary btn-sm" style="width:100%;justify-content:center;" id="subscribeBtn"><i class="fas fa-paper-plane"></i> Subscribe</button>
</div>
</aside>
</div>
</div>
</section>
<!-- CTA BANNER -->
<section class="section" id="contact" style="padding-top:60px;padding-bottom:60px;">
<div class="container">
<div class="cta-banner reveal">
<h2>Ready to Join the Discovery?</h2>
<p>Whether you are a researcher seeking collaboration, a student exploring STEM careers, or a partner institution looking to connect — Lumina Sciences welcomes you.</p>
<a href="#" class="btn btn-white"><i class="fas fa-rocket"></i> Get Started Today</a>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer class="footer" id="contact">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo-text" style="font-size:1.2rem;margin-bottom:12px;display:flex;align-items:center;gap:10px;">
<div class="logo-icon" style="width:36px;height:36px;font-size:0.9rem;"><i class="fas fa-atom"></i></div>
Lumina<span>Sciences</span>
</div>
<p>Advancing scientific discovery through rigorous research, inclusive education, and global collaboration. Based in Cambridge, UK, with research facilities across four continents.</p>
<div style="display:flex;align-items:center;gap:16px;font-size:0.85rem;color:var(--text-muted);margin-bottom:16px;">
<span><i class="fas fa-map-marker-alt" style="color:var(--accent);margin-right:6px;"></i> 12 Discovery Way, Cambridge CB2 1AB</span>
</div>
<div style="display:flex;align-items:center;gap:16px;font-size:0.85rem;color:var(--text-muted);">
<span><i class="fas fa-envelope" style="color:var(--accent);margin-right:6px;"></i> contact@luminasciences.org</span>
<span><i class="fas fa-phone" style="color:var(--accent);margin-right:6px;"></i> +44 1223 000 000</span>
</div>
<div class="footer-socials" style="margin-top:20px;">
<a href="#" aria-label="Twitter"><i class="fab fa-x-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
<a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="#" aria-label="RSS"><i class="fas fa-rss"></i></a>
</div>
</div>
<div class="footer-col">
<h4>Research</h4>
<ul>
<li><a href="#">Quantum Physics</a></li>
<li><a href="#">Neuroscience</a></li>
<li><a href="#">Renewable Energy</a></li>
<li><a href="#">Molecular Biology</a></li>
<li><a href="#">Astronomy</a></li>
<li><a href="#">Open Access Policy</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Education</h4>
<ul>
<li><a href="#">STEM Programs</a></li>
<li><a href="#">Lumina Fellowship</a></li>
<li><a href="#">Online Courses</a></li>
<li><a href="#">K-12 Outreach</a></li>
<li><a href="#">Public Lectures</a></li>
<li><a href="#">Educator Resources</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Partnerships</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Lumina Sciences Ltd. All rights reserved.</p>
<div class="footer-bottom-links">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
<a href="#">Cookie Settings</a>
<a href="#">Accessibility</a>
</div>
</div>
</div>
</footer>
<script>
// Header scroll effect
const header = document.getElementById('header');
window.addEventListener('scroll', () => {
header.classList.toggle('scrolled', window.scrollY > 50);
});
// Mobile nav
const mobileToggle = document.getElementById('mobileToggle');
const mobileNav = document.getElementById('mobileNav');
const mobileNavClose = document.getElementById('mobileNavClose');
mobileToggle.addEventListener('click', () => mobileNav.classList.add('open'));
mobileNavClose.addEventListener('click', closeMobileNav);
function closeMobileNav() { mobileNav.classList.remove('open'); }
// Active nav link on scroll
const sections = document.querySelectorAll('section[id]');
const navLinks = document.querySelectorAll('.nav-link');
window.addEventListener('scroll', () => {
let current = '';
sections.forEach(section => {
const top = section.offsetTop - 120;
if (window.scrollY >= top) current = section.getAttribute('id');
});
navLinks.forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === '#' + current) link.classList.add('active');
});
});
// Scroll reveal
const revealElements = document.querySelectorAll('.reveal');
const revealObserver = new IntersectionObserver((entries) => {
entries.forEach((entry, i) => {
if (entry.isIntersecting) {
setTimeout(() => entry.target.classList.add('visible'), i * 80);
revealObserver.unobserve(entry.target);
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
revealElements.forEach(el => revealObserver.observe(el));
// FAQ accordion
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const item = question.parentElement;
const isActive = item.classList.contains('active');
document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));
question.setAttribute('aria-expanded', 'false');
if (!isActive) {
item.classList.add('active');
question.setAttribute('aria-expanded', 'true');
}
});
question.addEventListener('keydown', (e) => {
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); question.click(); }
});
});
// Citation Finder mock data
const mockPapers = [
{ title: "Quantum Error Correction in Superconducting Qubits: A Longitudinal Analysis", authors: "Vasquez, E. et al.", journal: "Nature Physics", year: 2025, citations: 142, discipline: "physics" },
{ title: "Neural Pathway Mapping via Diffusion Tensor Imaging", authors: "Tanaka, K. et al.", journal: "Science", year: 2025, citations: 89, discipline: "neuroscience" },
{ title: "Perovskite-Silicon Tandem Solar Cells: Efficiency Breakthroughs", authors: "Osei, A. et al.", journal: "Joule", year: 2024, citations: 215, discipline: "energy" },
{ title: "CRISPR-Cas9 Therapeutic Applications in Gene Therapy", authors: "Chen, S. et al.", journal: "Cell", year: 2025, citations: 178, discipline: "biology" },
{ title: "Exoplanet Atmospheric Composition via Transit Spectroscopy", authors: "Petrov, M. et al.", journal: "Nature Astronomy", year: 2025, citations: 67, discipline: "astronomy" },
{ title: "Machine Learning Approaches to Protein Folding Prediction", authors: "Kumar, R. et al.", journal: "Nature Methods", year: 2024, citations: 312, discipline: "computer" },
{ title: "Sustainable Catalysis for Green Hydrogen Production", authors: "Schmidt, L. et al.", journal: "Chemistry of Materials", year: 2025, citations: 54, discipline: "chemistry" },
{ title: "Longitudinal Study of Cognitive Resilience in Aging Populations", authors: "Tanaka, K. et al.", journal: "Nature Neuroscience", year: 2024, citations: 103, discipline: "neuroscience" },
];
document.getElementById('searchBtn').addEventListener('click', () => {
const query = document.getElementById('searchQuery').value.toLowerCase().trim();
const discipline = document.getElementById('searchDiscipline').value;
const resultsContainer = document.getElementById('searchResults');
resultsContainer.innerHTML = '';
if (!query && !discipline) {
resultsContainer.innerHTML = '<p style="color:var(--text-muted);font-size:0.85rem;padding:12px;">Enter keywords or select a discipline to begin your search.</p>';
return;
}
const filtered = mockPapers.filter(paper => {
const matchesQuery = !query || paper.title.toLowerCase().includes(query) || paper.authors.toLowerCase().includes(query) || paper.journal.toLowerCase().includes(query);
const matchesDiscipline = !discipline || paper.discipline === discipline;
return matchesQuery && matchesDiscipline;
});
if (filtered.length === 0) {
resultsContainer.innerHTML = '<p style="color:var(--text-muted);font-size:0.85rem;padding:12px;">No results found. Try adjusting your search terms or discipline filter.</p>';
return;
}
filtered.forEach(paper => {
const item = document.createElement('div');
item.className = 'result-item';
item.innerHTML = `
<h4>${paper.title}</h4>
<p>${paper.authors} — ${paper.journal}</p>
<div class="result-meta">
<span><i class="fas fa-calendar"></i> ${paper.year}</span>
<span><i class="fas fa-quote-right"></i> ${paper.citations} citations</span>
<span><i class="fas fa-tag"></i> ${paper.discipline}</span>
</div>
`;
resultsContainer.appendChild(item);
});
});
// Allow Enter key to trigger search
document.getElementById('searchQuery').addEventListener('keydown', (e) => {
if (e.key === 'Enter') document.getElementById('searchBtn').click();
});
// Subscribe button
document.getElementById('subscribeBtn').addEventListener('click', function() {
const input = this.parentElement.querySelector('.form-input');
if (input.value && input.value.includes('@')) {
this.innerHTML = '<i class="fas fa-check"></i> Subscribed!';
this.style.background = '#00a3ff';
input.value = '';
setTimeout(() => {
this.innerHTML = '<i class="fas fa-paper-plane"></i> Subscribe';
this.style.background = '';
}, 3000);
} else {
input.style.borderColor = '#ef4444';
input.setAttribute('placeholder', 'Please enter a valid email');
setTimeout(() => {
input.style.borderColor = '';
input.setAttribute('placeholder', 'your@email.com');
}, 2000);
}
});
// Smooth scroll for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
const target = document.querySelector(this.getAttribute('href'));
if (target) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
</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:45:31.835Z",
"url": "https://benchmark.aimac.invalid/ad9d787d2a5ff770d5693c0bdd7df174828f0f1b12fb7973169bd72b8f9e4297.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-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-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-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": "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": []
},
{
"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": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">How can I submit a research proposal to Lumina Sciences?<i class=\"fas fa-chevron-down\"></i></div>",
"target": [
".faq-item.reveal:nth-child(1) > .faq-question[role=\"button\"]"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">How can I submit a research proposal to Lumina Sciences?<i class=\"fas fa-chevron-down\"></i></div>",
"target": [
".faq-item.reveal:nth-child(1) > .faq-question[role=\"button\"]"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">How can I submit a research proposal to Lumina Sciences?<i class=\"fas fa-chevron-down\"></i></div>",
"target": [
".faq-item.reveal:nth-child(1) > .faq-question[role=\"button\"]"
]
}
]
},
{
"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=\"faq-question\" tabindex=\"0\" role=\"button\" aria-expanded=\"false\">How can I submit a research proposal to Lumina Sciences?<i class=\"fas fa-chevron-down\"></i></div>",
"target": [
".faq-item.reveal:nth-child(1) > .faq-question[role=\"button\"]"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div style=\"display:flex;align-items:center;gap:12px;\">\n <a href=\"#contact\" class=\"btn btn-primary btn-sm\">Get Updates</a>\n <button class=\"mobile-toggle\" id=\"mobileToggle\" aria-label=\"Toggle navigation\"><i class=\"fas fa-bars\"></i></button>\n </div>",
"target": [
".header-inner > div"
]
}
]
},
{
"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=\"btn btn-primary\" style=\"width:100%;\" id=\"searchBtn\"><i class=\"fas fa-search\"></i> Search Papers</button>",
"target": [
"#searchBtn"
]
}
]
},
{
"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 class=\"hero-title\">Where <span class=\"highlight\">Curiosity Meets</span> Discovery</h1>",
"target": [
"h1"
]
},
{
"html": "<h2 class=\"section-title\">Driving Progress Through Science</h2>",
"target": [
"#features > .container > .reveal > .section-title"
]
},
{
"html": "<h3>Fundamental Research</h3>",
"target": [
".feature-card.reveal:nth-child(1) > h3"
]
},
{
"html": "<h3>STEM Education</h3>",
"target": [
".feature-card.reveal:nth-child(2) > h3"
]
},
{
"html": "<h3>Data Visualization</h3>",
"target": [
".feature-card.reveal:nth-child(3) > h3"
]
},
{
"html": "<h3>Grant Opportunities</h3>",
"target": [
".feature-card.reveal:nth-child(4) > h3"
]
},
{
"html": "<h3>Global Collaboration</h3>",
"target": [
".feature-card.reveal:nth-child(5) > h3"
]
},
{
"html": "<h3>Science Communication</h3>",
"target": [
".feature-card.reveal:nth-child(6) > h3"
]
},
{
"html": "<h2 class=\"section-title\">Frontiers of Discovery</h2>",
"target": [
"#research > .container > .reveal > .section-title"
]
},
{
"html": "<h3>Advancing Quantum Error Correction in Superconducting Qubit Systems</h3>",
"target": [
"article:nth-child(1) > .research-body > h3"
]
},
{
"html": "<h3>Mapping Neural Pathways: A New Atlas of the Human Connectome</h3>",
"target": [
"article:nth-child(2) > .research-body > h3"
]
},
{
"html": "<h3>Perovskite Solar Cells: Achieving 33.7% Efficiency in Lab Conditions</h3>",
"target": [
"article:nth-child(3) > .research-body > h3"
]
},
{
"html": "<h2>Citation Finder</h2>",
"target": [
".interactive-info > h2"
]
},
{
"html": "<h3 style=\"margin-bottom:20px;font-size:1rem;\">Search the Database</h3>",
"target": [
".interactive-form > h3"
]
},
{
"html": "<h2 class=\"section-title\">What Researchers Say</h2>",
"target": [
"#testimonials > .container > .reveal > .section-title"
]
},
{
"html": "<h2 class=\"section-title\">Frequently Asked Questions</h2>",
"target": [
"#faq > .container > .reveal > .section-title"
]
},
{
"html": "<h2 class=\"section-title\">Empowering the Next Generation</h2>",
"target": [
".main-content > .reveal:nth-child(1) > .section-title"
]
},
{
"html": "<h3 style=\"font-size:1.1rem;margin-bottom:16px;\">Upcoming Lectures & Events</h3>",
"target": [
".main-content > .reveal:nth-child(2) > h3"
]
},
{
"html": "<h4 style=\"font-size:0.92rem;font-weight:600;margin-bottom:4px;\">The Future of Quantum Computing</h4>",
"target": [
".reveal:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > h4"
]
},
{
"html": "<h4 style=\"font-size:0.92rem;font-weight:600;margin-bottom:4px;\">CRISPR and the Future of Medicine</h4>",
"target": [
"div > div:nth-child(2) > div:nth-child(2) > h4"
]
},
{
"html": "<h4 style=\"font-size:0.92rem;font-weight:600;margin-bottom:4px;\">Climate Science: Data-Driven Solutions</h4>",
"target": [
"div:nth-child(3) > div:nth-child(2) > h4"
]
},
{
"html": "<h3><i class=\"fas fa-bell\"></i> Publication Highlights</h3>",
"target": [
".sidebar-card.reveal:nth-child(1) > h3"
]
},
{
"html": "<h4>Nature: Quantum Error Correction Breakthrough</h4>",
"target": [
"li:nth-child(1) > .event-info > h4"
]
},
{
"html": "<h4>Science: Human Connectome Atlas v2.0</h4>",
"target": [
"li:nth-child(2) > .event-info > h4"
]
},
{
"html": "<h4>Cell: CRISPR Therapeutic Applications</h4>",
"target": [
"li:nth-child(3) > .event-info > h4"
]
},
{
"html": "<h4>Joule: Perovskite Tandem Cell Record</h4>",
"target": [
"li:nth-child(4) > .event-info > h4"
]
},
{
"html": "<h3><i class=\"fas fa-briefcase\"></i> Career Opportunities</h3>",
"target": [
".sidebar-card.reveal:nth-child(2) > h3"
]
},
{
"html": "<h4>Research Scientist \u2014 Quantum Computing</h4>",
"target": [
".job-card:nth-child(2) > h4"
]
},
{
"html": "<h4>STEM Education Coordinator</h4>",
"target": [
".job-card:nth-child(3) > h4"
]
},
{
"html": "<h4>Data Visualization Engineer</h4>",
"target": [
".job-card:nth-child(4) > h4"
]
},
{
"html": "<h3><i class=\"fas fa-envelope\"></i> Stay Connected</h3>",
"target": [
".sidebar-card.reveal:nth-child(3) > h3"
]
},
{
"html": "<h2>Ready to Join the Discovery?</h2>",
"target": [
".cta-banner > h2"
]
},
{
"html": "<h4>Research</h4>",
"target": [
".footer-col:nth-child(2) > h4"
]
},
{
"html": "<h4>Education</h4>",
"target": [
".footer-col:nth-child(3) > h4"
]
},
{
"html": "<h4>Company</h4>",
"target": [
".footer-col:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main>",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"messageKey": "hidden"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element is hidden"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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": "searchQuery",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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=\"searchQuery\">Keywords or Title</label>",
"target": [
"label[for=\"searchQuery\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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/720x400/1a2236/00d4aa?text=Quantum+Computing+Lab&font=montserrat\" alt=\"Quantum Computing Research Lab\" class=\"research-img\" loading=\"lazy\">",
"target": [
"img[alt=\"Quantum Computing Research Lab\"]"
]
}
]
},
{
"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=\"searchQuery\">Keywords or Title</label>",
"target": [
"label[for=\"searchQuery\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute exists and is not empty"
},
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"text\" class=\"form-input\" id=\"searchQuery\" placeholder=\"e.g., quantum error correction, neural pathways...\" aria-label=\"Search query\">",
"target": [
"#searchQuery"
]
}
]
},
{
"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=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-atom\"></i></div>\n <div class=\"logo-text\">Lumina<span>Sciences</span></div>\n </a>",
"target": [
".logo"
]
}
]
},
{
"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 class=\"info-features\">",
"target": [
".info-features"
]
}
]
},
{
"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><i class=\"fas fa-check-circle\"></i> Semantic search across 56,000+ indexed papers</li>",
"target": [
".info-features > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/720x400/1a2236/00d4aa?text=Quantum+Computing+Lab&font=montserrat\" alt=\"Quantum Computing Research Lab\" class=\"research-img\" loading=\"lazy\">",
"target": [
"img[alt=\"Quantum Computing Research Lab\"]"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "explicit-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"searchDiscipline\">Discipline</label>",
"target": [
"label[for=\"searchDiscipline\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-label attribute exists and is not empty"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<select class=\"form-input\" id=\"searchDiscipline\" aria-label=\"Select discipline\">",
"target": [
"#searchDiscipline"
]
}
]
},
{
"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": 216.8,
"height": 42
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (216.8px by 42px, 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=\"#\" class=\"logo\">\n <div class=\"logo-icon\"><i class=\"fas fa-atom\"></i></div>\n <div class=\"logo-text\">Lumina<span>Sciences</span></div>\n </a>",
"target": [
".logo"
]
}
]
}
],
"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": "16.2pt (21.6px)",
"fontWeight": "bold",
"messageKey": "bgGradient",
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"hero-grid\"></div>",
"target": [
".hero-grid"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"logo-text\">Lumina<span>Sciences</span></div>",
"target": [
".logo > .logo-text"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Advancing scientific discovery through rigorous research, inclusive education, and global collaboration. Based in Cambridge, UK, with research facilities across four continents.</p>",
"target": [
".footer-brand > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-map-marker-alt\" style=\"color:var(--accent);margin-right:6px;\"></i> 12 Discovery Way, Cambridge CB2 1AB</span>",
"target": [
".footer-brand > div:nth-child(3) > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-envelope\" style=\"color:var(--accent);margin-right:6px;\"></i> contact@luminasciences.org</span>",
"target": [
".footer-brand > div:nth-child(4) > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-phone\" style=\"color:var(--accent);margin-right:6px;\"></i> +44 1223 000 000</span>",
"target": [
".footer-brand > div:nth-child(4) > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Quantum Physics</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(1) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Neuroscience</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(2) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Renewable Energy</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(3) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Molecular Biology</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(4) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Astronomy</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(5) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Open Access Policy</a>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(6) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">STEM Programs</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(1) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Lumina Fellowship</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(2) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Online Courses</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(3) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">K-12 Outreach</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(4) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Public Lectures</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(5) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Educator Resources</a>",
"target": [
".footer-col:nth-child(3) > ul > li:nth-child(6) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">About Us</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(1) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Careers</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(2) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Partnerships</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(3) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Contact</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(4) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Privacy Policy</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(5) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Terms of Service</a>",
"target": [
".footer-col:nth-child(4) > ul > li:nth-child(6) > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>\u00a9 2025 Lumina Sciences Ltd. All rights reserved.</p>",
"target": [
".footer-bottom > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Privacy Policy</a>",
"target": [
".footer-bottom-links > a[href=\"#\"]:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Terms of Service</a>",
"target": [
".footer-bottom-links > a[href=\"#\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Cookie Settings</a>",
"target": [
".footer-bottom-links > a[href=\"#\"]:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#111827",
"contrastRatio": 3.72,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"footer\" id=\"contact\">",
"target": [
"footer"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Accessibility</a>",
"target": [
".footer-bottom-links > a[href=\"#\"]:nth-child(4)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.72 (foreground color: #64748b, background color: #111827, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-users\"></i> Dr. Elena Vasquez et al.</span>",
"target": [
"article:nth-child(1) > .research-body > .research-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-calendar\"></i> March 2025</span>",
"target": [
"article:nth-child(1) > .research-body > .research-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-users\"></i> Prof. Kenji Tanaka et al.</span>",
"target": [
"article:nth-child(2) > .research-body > .research-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-calendar\"></i> February 2025</span>",
"target": [
"article:nth-child(2) > .research-body > .research-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#808bf7",
"bgColor": "#252c52",
"contrastRatio": 4.45,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"research-tag tag-astronomy\">Renewable Energy</span>",
"target": [
".tag-astronomy"
]
},
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(3)"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.45 (foreground color: #808bf7, background color: #252c52, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"research-tag tag-astronomy\">Renewable Energy</span>",
"target": [
".tag-astronomy"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.45 (foreground color: #808bf7, background color: #252c52, font size: 8.6pt (11.52px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64738a",
"bgColor": "#1a2236",
"contrastRatio": 3.28,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(3)"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-users\"></i> Dr. Amara Osei et al.</span>",
"target": [
"article:nth-child(3) > .research-body > .research-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64738a",
"bgColor": "#1a2236",
"contrastRatio": 3.28,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"research-card reveal visible\">",
"target": [
"article:nth-child(3)"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-calendar\"></i> January 2025</span>",
"target": [
"article:nth-child(3) > .research-body > .research-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">Molecular Biologist, MIT</div>",
"target": [
".testimonial-card.visible.reveal:nth-child(1) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">STEM Education Director, Stanford</div>",
"target": [
".testimonial-card.visible.reveal:nth-child(2) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64738a",
"bgColor": "#1a2236",
"contrastRatio": 3.28,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.visible.reveal:nth-child(3)"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">Astrophysicist, ESA Research Fellow</div>",
"target": [
".testimonial-card.visible.reveal:nth-child(3) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.28 (foreground color: #64738a, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5d6c83",
"bgColor": "#192034",
"contrastRatio": 3.03,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Vasquez et al., 2025</p>",
"target": [
"li:nth-child(1) > .event-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5d6c83",
"bgColor": "#192034",
"contrastRatio": 3.03,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Tanaka et al., 2025</p>",
"target": [
"li:nth-child(2) > .event-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5d6c83",
"bgColor": "#192034",
"contrastRatio": 3.03,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Chen & Partners, 2025</p>",
"target": [
"li:nth-child(3) > .event-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5d6c83",
"bgColor": "#192034",
"contrastRatio": 3.03,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Osei et al., 2024</p>",
"target": [
"li:nth-child(4) > .event-info > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.03 (foreground color: #5d6c83, background color: #192034, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".visible.reveal:nth-child(2) > div > div:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">Dr. Elena Vasquez presents her latest findings on error correction and the path to fault-tolerant quantum systems.</p>",
"target": [
".visible.reveal:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".main-content > .visible.reveal:nth-child(2) > div > div:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">A public lecture exploring gene editing breakthroughs and their implications for personalized healthcare.</p>",
"target": [
".visible.reveal:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".visible.reveal:nth-child(2) > div > div:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">Our annual sustainability summit brings together climate scientists, policymakers, and technologists for a day of insight and action.</p>",
"target": [
".visible.reveal:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-map-marker-alt\"></i> Cambridge, UK</span>",
"target": [
".job-card:nth-child(2) > .job-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Full-time</span>",
"target": [
".job-card:nth-child(2) > .job-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-map-marker-alt\"></i> Remote</span>",
"target": [
".job-card:nth-child(3) > .job-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Full-time</span>",
"target": [
".job-card:nth-child(3) > .job-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span><i class=\"fas fa-map-marker-alt\"></i> Berlin, DE</span>",
"target": [
".job-card:nth-child(4) > .job-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"sidebar-card reveal visible\">",
"target": [
".sidebar-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Contract</span>",
"target": [
".job-card:nth-child(4) > .job-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">Molecular Biologist, MIT</div>",
"target": [
".testimonial-card.reveal.visible:nth-child(1) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">STEM Education Director, Stanford</div>",
"target": [
".testimonial-card.reveal.visible:nth-child(2) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial-card reveal visible\">",
"target": [
".testimonial-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"testimonial-role\">Astrophysicist, ESA Research Fellow</div>",
"target": [
".testimonial-card.reveal.visible:nth-child(3) > .testimonial-author > div > .testimonial-role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".reveal.visible:nth-child(2) > div > div:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">Dr. Elena Vasquez presents her latest findings on error correction and the path to fault-tolerant quantum systems.</p>",
"target": [
".reveal.visible:nth-child(2) > div > div:nth-child(1) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".main-content > .reveal.visible:nth-child(2) > div > div:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">A public lecture exploring gene editing breakthroughs and their implications for personalized healthcare.</p>",
"target": [
".reveal.visible:nth-child(2) > div > div:nth-child(2) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#64748b",
"bgColor": "#1a2236",
"contrastRatio": 3.32,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div style=\"display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);\">",
"target": [
".reveal.visible:nth-child(2) > div > div:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:8px;\">Our annual sustainability summit brings together climate scientists, policymakers, and technologists for a day of insight and action.</p>",
"target": [
".reveal.visible:nth-child(2) > div > div:nth-child(3) > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #64748b, background color: #1a2236, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 8156
},
{
"y": 576,
"height": 8156
},
{
"y": 1152,
"height": 8156
},
{
"y": 1728,
"height": 8156
},
{
"y": 2304,
"height": 8156
},
{
"y": 2880,
"height": 8156
},
{
"y": 3456,
"height": 8156
},
{
"y": 4032,
"height": 8156
},
{
"y": 4608,
"height": 8156
},
{
"y": 5184,
"height": 8156
},
{
"y": 5760,
"height": 8156
},
{
"y": 6336,
"height": 8156
},
{
"y": 6912,
"height": 8156
},
{
"y": 7436,
"height": 8156
}
],
"scans": 15,
"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", "Contact", "Education".
- **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: "STEM Resources", "Lab Highlights", "Grant Opportunities".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "controlled study", "longitudinal study", "data visualization".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Get Updates", "Learn More", "Subscribe".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "citation finder".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "upcoming lectures", "publication highlights", "career opportunities".
- **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.