Meituan LongCat 2.0 – Education
via AtlasCloud · Generated
- AIMAC Debt 6.48
- Cost $0.025
- Total Violations 110
- HTML Size 63 KB
- Em Dashes 21
Screenshot
View Live Page
Accessibility Issues Found
110 Serious
-
color-contrast serious 110 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="section-label">Campus Life</span>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lumina Academy — Illuminating Minds, Shaping Futures</title>
<style>
:root {
--navy: #0c1232;
--navy-light: #1a2347;
--navy-mid: #141d3d;
--gold: #e8a317;
--gold-light: #f0c040;
--gold-dark: #c4870f;
--text: #1a1a2e;
--text-light: #6b7280;
--text-lighter: #9ca3af;
--bg: #ffffff;
--bg-alt: #f8f9fc;
--bg-warm: #fdf8ee;
--border: #e5e7eb;
--border-light: #f0f1f3;
--shadow-sm: 0 1px 3px rgba(12,18,50,0.06);
--shadow-md: 0 4px 16px rgba(12,18,50,0.08);
--shadow-lg: 0 8px 32px rgba(12,18,50,0.1);
--shadow-xl: 0 16px 48px rgba(12,18,50,0.12);
--radius: 12px;
--radius-sm: 8px;
--radius-lg: 16px;
--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--font-heading: 'Playfair Display', Georgia, serif;
--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
font-family: var(--font-body);
color: var(--text);
background: var(--bg);
line-height: 1.7;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 24px;
}
/* Announcement Bar */
.announcement {
background: var(--navy);
color: #fff;
text-align: center;
padding: 10px 24px;
font-size: 0.875rem;
letter-spacing: 0.02em;
}
.announcement strong { color: var(--gold-light); }
.announcement .deadline { color: var(--gold-light); font-weight: 700; }
/* Header */
.header {
position: sticky;
top: 0;
z-index: 1000;
background: rgba(255,255,255,0.97);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-light);
transition: var(--transition);
}
.header.scrolled {
box-shadow: var(--shadow-md);
}
.header-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 72px;
}
.logo {
display: flex;
align-items: center;
gap: 12px;
}
.logo-img {
width: 44px;
height: 44px;
border-radius: var(--radius-sm);
}
.logo-text {
display: flex;
flex-direction: column;
}
.logo-name {
font-family: var(--font-heading);
font-size: 1.35rem;
font-weight: 700;
color: var(--navy);
line-height: 1.2;
}
.logo-tagline {
font-size: 0.7rem;
color: var(--text-light);
letter-spacing: 0.06em;
text-transform: uppercase;
}
.nav { display: flex; align-items: center; gap: 4px; }
.nav a {
font-size: 0.9rem;
font-weight: 500;
color: var(--text);
padding: 8px 16px;
border-radius: var(--radius-sm);
transition: var(--transition);
position: relative;
}
.nav a:hover { color: var(--navy); background: var(--bg-alt); }
.nav a.active { color: var(--gold-dark); font-weight: 600; }
.header-actions { display: flex; align-items: center; gap: 12px; }
/* Buttons */
.btn {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 0.9rem;
font-weight: 600;
padding: 10px 24px;
border-radius: var(--radius-sm);
border: none;
cursor: pointer;
transition: var(--transition);
white-space: nowrap;
}
.btn-primary {
background: var(--gold);
color: var(--navy);
}
.btn-primary:hover {
background: var(--gold-light);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(232,163,23,0.35);
}
.btn-secondary {
background: var(--navy);
color: #fff;
}
.btn-secondary:hover {
background: var(--navy-light);
transform: translateY(-1px);
}
.btn-outline {
background: transparent;
color: var(--navy);
border: 2px solid var(--navy);
}
.btn-outline:hover {
background: var(--navy);
color: #fff;
}
.btn-sm { padding: 8px 18px; font-size: 0.825rem; }
.btn-lg { padding: 14px 32px; font-size: 1rem; }
/* Hero */
.hero {
position: relative;
background: var(--navy);
color: #fff;
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
background: url('https://picsum.photos/1600/800?blur=0') center/cover no-repeat;
opacity: 0.25;
}
.hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(12,18,50,0.92) 0%, rgba(12,18,50,0.7) 50%, rgba(20,29,61,0.85) 100%);
}
.hero-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
padding: 100px 0;
}
.hero-content h1 {
font-family: var(--font-heading);
font-size: 3.25rem;
font-weight: 700;
line-height: 1.15;
margin-bottom: 20px;
}
.hero-content h1 .highlight {
color: var(--gold-light);
position: relative;
}
.hero-content p {
font-size: 1.15rem;
color: rgba(255,255,255,0.85);
margin-bottom: 32px;
max-width: 520px;
line-height: 1.8;
}
.hero-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.hero-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.stat-card {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
border-radius: var(--radius);
padding: 28px 24px;
text-align: center;
backdrop-filter: blur(8px);
transition: var(--transition);
}
.stat-card:hover {
background: rgba(255,255,255,0.12);
transform: translateY(-2px);
}
.stat-number {
font-family: var(--font-heading);
font-size: 2.8rem;
font-weight: 700;
color: var(--gold-light);
line-height: 1;
margin-bottom: 8px;
}
.stat-label {
font-size: 0.875rem;
color: rgba(255,255,255,0.75);
font-weight: 500;
}
/* Marquee */
.marquee-bar {
background: var(--gold);
color: var(--navy);
padding: 12px 0;
overflow: hidden;
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.02em;
}
.marquee-track {
display: flex;
gap: 60px;
animation: marquee 25s linear infinite;
white-space: nowrap;
}
.marquee-item {
display: flex;
align-items: center;
gap: 8px;
}
.marquee-item .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--navy);
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Section Styles */
.section { padding: 88px 0; }
.section-alt { background: var(--bg-alt); }
.section-warm { background: var(--bg-warm); }
.section-header {
text-align: center;
margin-bottom: 56px;
}
.section-label {
display: inline-block;
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--gold-dark);
margin-bottom: 12px;
}
.section-title {
font-family: var(--font-heading);
font-size: 2.5rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 16px;
line-height: 1.2;
}
.section-desc {
font-size: 1.05rem;
color: var(--text-light);
max-width: 600px;
margin: 0 auto;
line-height: 1.7;
}
/* Programs Grid */
.programs-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.program-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 0;
overflow: hidden;
transition: var(--transition);
}
.program-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
border-color: transparent;
}
.program-card-img {
width: 100%;
height: 200px;
object-fit: cover;
}
.program-card-body {
padding: 28px 24px;
}
.program-card-icon {
width: 48px;
height: 48px;
border-radius: var(--radius-sm);
background: var(--bg-warm);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
font-size: 1.4rem;
}
.program-card h3 {
font-family: var(--font-heading);
font-size: 1.25rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 10px;
}
.program-card p {
font-size: 0.9rem;
color: var(--text-light);
line-height: 1.65;
margin-bottom: 16px;
}
.program-meta {
display: flex;
gap: 16px;
font-size: 0.8rem;
color: var(--text-lighter);
margin-bottom: 16px;
}
.program-meta span {
display: flex;
align-items: center;
gap: 4px;
}
.program-link {
font-size: 0.875rem;
font-weight: 600;
color: var(--gold-dark);
display: inline-flex;
align-items: center;
gap: 6px;
transition: var(--transition);
}
.program-link:hover { gap: 10px; color: var(--navy); }
/* Why Section */
.why-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.why-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 32px 24px;
text-align: center;
transition: var(--transition);
}
.why-card:hover {
border-color: var(--gold);
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.why-icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: linear-gradient(135deg, var(--bg-warm), #fff);
border: 2px solid var(--border-light);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 1.6rem;
}
.why-card h3 {
font-size: 1.1rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 8px;
}
.why-card p {
font-size: 0.875rem;
color: var(--text-light);
line-height: 1.6;
}
/* Research Section */
.research-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.research-img-wrapper {
position: relative;
}
.research-img {
width: 100%;
height: 440px;
object-fit: cover;
border-radius: var(--radius-lg);
box-shadow: var(--shadow-xl);
}
.research-badge {
position: absolute;
bottom: -20px;
right: -20px;
background: var(--gold);
color: var(--navy);
border-radius: var(--radius);
padding: 20px 24px;
text-align: center;
box-shadow: var(--shadow-lg);
}
.research-badge-number {
font-family: var(--font-heading);
font-size: 2.2rem;
font-weight: 700;
display: block;
line-height: 1;
}
.research-badge-label {
font-size: 0.78rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.research-content h2 {
font-family: var(--font-heading);
font-size: 2.2rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 20px;
line-height: 1.2;
}
.research-content p {
color: var(--text-light);
margin-bottom: 16px;
line-height: 1.8;
}
.research-list {
list-style: none;
margin: 24px 0;
}
.research-list li {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid var(--border-light);
font-size: 0.95rem;
}
.research-list li:last-child { border-bottom: none; }
.research-list .check {
width: 22px;
height: 22px;
border-radius: 50%;
background: #ecfdf3;
color: #059669;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 0.75rem;
font-weight: 700;
margin-top: 2px;
}
/* Enrollment Steps */
.enrollment-layout {
display: grid;
grid-template-columns: 1fr 1.4fr;
gap: 48px;
align-items: start;
}
.enrollment-info h2 {
font-family: var(--font-heading);
font-size: 2rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 16px;
}
.enrollment-info p {
color: var(--text-light);
margin-bottom: 16px;
line-height: 1.8;
}
.enrollment-deadlines {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
margin: 24px 0;
}
.enrollment-deadlines h4 {
font-size: 0.95rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 16px;
}
.deadline-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid var(--border-light);
font-size: 0.9rem;
}
.deadline-row:last-child { border-bottom: none; }
.deadline-term { font-weight: 600; color: var(--text); }
.deadline-date { color: var(--gold-dark); font-weight: 600; }
.steps-timeline {
position: relative;
}
.step-item {
display: flex;
gap: 20px;
margin-bottom: 28px;
position: relative;
}
.step-item:last-child { margin-bottom: 0; }
.step-number {
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--navy);
color: var(--gold-light);
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1rem;
flex-shrink: 0;
position: relative;
z-index: 2;
}
.step-content h4 {
font-size: 1.05rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 4px;
}
.step-content p {
font-size: 0.9rem;
color: var(--text-light);
line-height: 1.65;
}
/* Tuition Calculator */
.calculator-section {
background: linear-gradient(135deg, var(--navy) 0%, var(--navy-mid) 100%);
color: #fff;
padding: 80px 0;
}
.calculator-section .section-title { color: #fff; }
.calculator-section .section-desc { color: rgba(255,255,255,0.7); }
.calculator-section .section-label { color: var(--gold-light); }
.calc-layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
margin-top: 48px;
}
.calc-form {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
border-radius: var(--radius-lg);
padding: 36px;
}
.calc-field {
margin-bottom: 24px;
}
.calc-field label {
display: block;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 8px;
color: rgba(255,255,255,0.9);
}
.calc-field select,
.calc-field input {
width: 100%;
padding: 12px 16px;
border-radius: var(--radius-sm);
border: 1px solid rgba(255,255,255,0.2);
background: rgba(255,255,255,0.08);
color: #fff;
font-size: 0.95rem;
outline: none;
transition: var(--transition);
font-family: var(--font-body);
}
.calc-field select:focus,
.calc-field input:focus {
border-color: var(--gold);
background: rgba(255,255,255,0.12);
}
.calc-field select option { background: var(--navy); color: #fff; }
.calc-result {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
border-radius: var(--radius-lg);
padding: 36px;
display: flex;
flex-direction: column;
justify-content: center;
}
.calc-result-title {
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gold-light);
margin-bottom: 24px;
}
.calc-total {
font-family: var(--font-heading);
font-size: 3.5rem;
font-weight: 700;
color: #fff;
line-height: 1;
margin-bottom: 8px;
}
.calc-total-label {
font-size: 0.9rem;
color: rgba(255,255,255,0.6);
margin-bottom: 32px;
}
.calc-breakdown {
list-style: none;
}
.calc-breakdown li {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,0.08);
font-size: 0.9rem;
}
.calc-breakdown li:last-child { border-bottom: none; }
.calc-breakdown .label { color: rgba(255,255,255,0.7); }
.calc-breakdown .value { font-weight: 600; }
.calc-breakdown .value.savings { color: #6ee7b7; }
.calc-note {
margin-top: 24px;
font-size: 0.78rem;
color: rgba(255,255,255,0.45);
font-style: italic;
}
/* Testimonials */
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.testimonial-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 32px 28px;
transition: var(--transition);
position: relative;
}
.testimonial-card:hover {
box-shadow: var(--shadow-lg);
transform: translateY(-3px);
}
.testimonial-quote {
font-size: 2rem;
color: var(--gold);
line-height: 1;
margin-bottom: 16px;
font-family: var(--font-heading);
}
.testimonial-card p {
font-size: 0.92rem;
color: var(--text-light);
line-height: 1.75;
margin-bottom: 24px;
font-style: italic;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 14px;
}
.testimonial-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
}
.testimonial-name {
font-weight: 700;
color: var(--navy);
font-size: 0.9rem;
}
.testimonial-role {
font-size: 0.8rem;
color: var(--text-lighter);
}
/* FAQ */
.faq-layout {
max-width: 760px;
margin: 0 auto;
}
.faq-item {
border: 1px solid var(--border);
border-radius: var(--radius);
margin-bottom: 12px;
overflow: hidden;
background: var(--bg);
}
.faq-question {
width: 100%;
background: none;
border: none;
padding: 20px 24px;
text-align: left;
font-size: 1rem;
font-weight: 600;
color: var(--navy);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: var(--transition);
font-family: var(--font-body);
}
.faq-question:hover { background: var(--bg-alt); }
.faq-icon {
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--bg-alt);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
transition: var(--transition);
flex-shrink: 0;
}
.faq-item.active .faq-icon {
background: var(--gold);
color: var(--navy);
transform: rotate(45deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.4s ease;
}
.faq-item.active .faq-answer {
max-height: 300px;
}
.faq-answer-inner {
padding: 0 24px 20px;
font-size: 0.92rem;
color: var(--text-light);
line-height: 1.75;
}
/* Events Section with Sidebar */
.events-layout {
display: grid;
grid-template-columns: 1fr 340px;
gap: 40px;
}
.events-list { display: flex; flex-direction: column; gap: 16px; }
.event-card {
display: flex;
gap: 20px;
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 24px;
transition: var(--transition);
}
.event-card:hover {
box-shadow: var(--shadow-md);
border-color: var(--gold);
}
.event-date {
width: 64px;
height: 64px;
border-radius: var(--radius-sm);
background: var(--navy);
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.event-date .month {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--gold-light);
}
.event-date .day {
font-size: 1.4rem;
font-weight: 700;
line-height: 1;
}
.event-info h4 {
font-size: 1rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 6px;
}
.event-info p {
font-size: 0.875rem;
color: var(--text-light);
margin-bottom: 8px;
line-height: 1.6;
}
.event-info .event-meta {
display: flex;
gap: 16px;
font-size: 0.8rem;
color: var(--text-lighter);
}
.sidebar-card {
background: var(--bg);
border: 1px solid var(--border);
border-radius: var(--radius);
padding: 28px;
margin-bottom: 24px;
}
.sidebar-card h4 {
font-family: var(--font-heading);
font-size: 1.15rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 20px;
}
.faculty-item {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 0;
border-bottom: 1px solid var(--border-light);
}
.faculty-item:last-child { border-bottom: none; }
.faculty-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
}
.faculty-name { font-weight: 600; font-size: 0.9rem; color: var(--navy); }
.faculty-dept { font-size: 0.8rem; color: var(--text-lighter); }
.scholarship-item {
padding: 14px 0;
border-bottom: 1px solid var(--border-light);
}
.scholarship-item:last-child { border-bottom: none; }
.scholarship-name { font-weight: 600; font-size: 0.9rem; color: var(--navy); margin-bottom: 4px; }
.scholarship-amt { font-size: 0.82rem; color: var(--gold-dark); font-weight: 600; }
.scholarship-desc { font-size: 0.8rem; color: var(--text-lighter); }
/* CTA Banner */
.cta-banner {
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
padding: 64px 0;
text-align: center;
}
.cta-banner h2 {
font-family: var(--font-heading);
font-size: 2.25rem;
font-weight: 700;
color: var(--navy);
margin-bottom: 12px;
}
.cta-banner p {
font-size: 1.05rem;
color: rgba(12,18,50,0.7);
margin-bottom: 32px;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
.cta-banner .btn { font-size: 1rem; }
.cta-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* Footer */
.footer {
background: var(--navy);
color: rgba(255,255,255,0.7);
padding: 64px 0 0;
}
.footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 40px;
padding-bottom: 48px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-brand .logo-name {
color: #fff;
font-size: 1.4rem;
margin-bottom: 4px;
}
.footer-brand .logo-tagline {
color: rgba(255,255,255,0.5);
margin-bottom: 16px;
}
.footer-brand p {
font-size: 0.875rem;
line-height: 1.7;
color: rgba(255,255,255,0.55);
}
.footer h5 {
color: #fff;
font-size: 0.9rem;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 0.04em;
}
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 10px; }
.footer-links a {
font-size: 0.875rem;
color: rgba(255,255,255,0.55);
transition: var(--transition);
}
.footer-links a:hover { color: var(--gold-light); }
.footer-contact-item {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 14px;
font-size: 0.875rem;
color: rgba(255,255,255,0.55);
}
.footer-contact-item .icon { color: var(--gold-light); flex-shrink: 0; margin-top: 2px; }
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0;
font-size: 0.82rem;
flex-wrap: wrap;
gap: 16px;
}
.social-links { display: flex; gap: 12px; }
.social-link {
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255,255,255,0.08);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 0.85rem;
font-weight: 700;
transition: var(--transition);
}
.social-link:hover { background: var(--gold); color: var(--navy); }
.footer-bottom-links { display: flex; gap: 24px; }
.footer-bottom-links a { color: rgba(255,255,255,0.55); }
.footer-bottom-links a:hover { color: var(--gold-light); }
/* Responsive */
@media (max-width: 1024px) {
.hero-inner { grid-template-columns: 1fr; gap: 40px; }
.hero-stats { grid-template-columns: repeat(4, 1fr); }
.programs-grid { grid-template-columns: repeat(2, 1fr); }
.why-grid { grid-template-columns: repeat(2, 1fr); }
.research-layout { grid-template-columns: 1fr; }
.calc-layout { grid-template-columns: 1fr; }
.testimonials-grid { grid-template-columns: repeat(2, 1fr); }
.events-layout { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.nav { display: none; }
.hero-content h1 { font-size: 2.2rem; }
.hero-stats { grid-template-columns: repeat(2, 1fr); }
.programs-grid { grid-template-columns: 1fr; }
.why-grid { grid-template-columns: 1fr; }
.testimonials-grid { grid-template-columns: 1fr; }
.section { padding: 60px 0; }
.section-title { font-size: 1.9rem; }
.enrollment-layout { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; }
.footer-bottom { flex-direction: column; text-align: center; }
.research-badge { position: relative; bottom: auto; right: auto; margin-top: 16px; display: inline-block; }
}
.mobile-menu-btn {
display: none;
background: none;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: var(--navy);
padding: 8px;
}
@media (max-width: 768px) { .mobile-menu-btn { display: block; } }
/* Scroll Reveal */
.reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}
</style>
</head>
<body>
<!-- Announcement Bar -->
<div class="announcement">
<span>Spring 2026 Enrollment Now Open Apply by <strong class="deadline">March 15, 2026</strong> for priority scholarship consideration</span>
</div>
<!-- Header -->
<header class="header" id="header">
<div class="container header-inner">
<a href="#" class="logo">
<img src="https://placehold.co/88x88/0c1232/e8a317?text=LA&font=playfair-display" alt="Lumina Academy Logo" class="logo-img">
<div class="logo-text">
<span class="logo-name">Lumina Academy</span>
<span class="logo-tagline">Illuminating Minds, Shaping Futures</span>
</div>
</a>
<nav class="nav" id="nav">
<a href="#programs">Academic Programs</a>
<a href="#">Student Portal</a>
<a href="#campus">Campus Life</a>
<a href="#research">Research</a>
<a href="#enrollment">Admissions</a>
<a href="#">About</a>
<a href="#events">Events</a>
<a href="#">Contact</a>
</nav>
<div class="header-actions">
<a href="#calculator" class="btn btn-primary btn-sm">Calculate Aid</a>
<button class="mobile-menu-btn" aria-label="Menu">☰</button>
</div>
</div>
</header>
<!-- Hero -->
<section class="hero">
<div class="hero-bg"></div>
<div class="hero-overlay"></div>
<div class="container hero-inner">
<div class="hero-content">
<h1>Where Knowledge Meets Purpose and Learning Ignites <span class="highlight">Transformation</span></h1>
<p>Lumina Academy empowers students from all backgrounds to achieve academic excellence through rigorous scholarship, innovative research, and a vibrant campus community. Discover programs designed for the leaders of tomorrow.</p>
<div class="hero-actions">
<a href="#enrollment" class="btn btn-primary btn-lg">Begin Your Application</a>
<a href="#programs" class="btn btn-outline btn-lg" style="border-color:rgba(255,255,255,0.4);color:#fff;">Explore Programs</a>
</div>
</div>
<div class="hero-stats">
<div class="stat-card">
<div class="stat-number" data-target="12500">0</div>
<div class="stat-label">Active Students</div>
</div>
<div class="stat-card">
<div class="stat-number" data-target="340">0</div>
<div class="stat-label">Expert Faculty</div>
</div>
<div class="stat-card">
<div class="stat-number" data-target="87">0</div>
<div class="stat-label">Countries Represented</div>
</div>
<div class="stat-card">
<div class="stat-number" data-target="96">0</div>
<div class="stat-label">% Employment Rate</div>
</div>
</div>
</div>
</section>
<!-- Marquee -->
<div class="marquee-bar">
<div class="marquee-track">
<span class="marquee-item"><span class="dot"></span> Spring 2026 Applications Due March 15</span>
<span class="marquee-item"><span class="dot"></span> Virtual Campus Tour Every Friday</span>
<span class="marquee-item"><span class="dot"></span> Merit Scholarships Up to Full Tuition</span>
<span class="marquee-item"><span class="dot"></span> New Data Science Program Launches Fall 2026</span>
<span class="marquee-item"><span class="dot"></span> Spring 2026 Applications Due March 15</span>
<span class="marquee-item"><span class="dot"></span> Virtual Campus Tour Every Friday</span>
<span class="marquee-item"><span class="dot"></span> Merit Scholarships Up to Full Tuition</span>
<span class="marquee-item"><span class="dot"></span> New Data Science Program Launches Fall 2026</span>
</div>
</div>
<!-- Programs Section -->
<section class="section" id="programs">
<div class="container">
<div class="section-header reveal">
<span class="section-label">Academic Excellence</span>
<h2 class="section-title">Programs That Shape the Future</h2>
<p class="section-desc">Choose from over 80 undergraduate and graduate programs across six colleges. Each curriculum integrates real-world application with deep theoretical foundations to prepare you for a successful career.</p>
</div>
<div class="programs-grid">
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=10" alt="Business" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">📊</div>
<h3>Business Administration</h3>
<p>Develop strategic thinking and leadership skills through our AACSB-accredited program featuring experiential learning, case competitions, and corporate mentorship.</p>
<div class="program-meta">
<span>📅 4 years</span>
<span>🎓 BA / MBA</span>
<span>🌐 On-Campus & Online</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=11" alt="Engineering" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">⚙️</div>
<h3>Engineering & Technology</h3>
<p>From robotics to sustainable infrastructure, our ABET-accredited engineering programs emphasize hands-on design, collaborative problem-solving, and cutting-edge research from day one.</p>
<div class="program-meta">
<span>📅 4 years</span>
<span>🎓 BSE / MSE</span>
<span>🌐 On-Campus</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=12" alt="Health Sciences" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">🩺</div>
<h3>Health Sciences</h3>
<p>Train in state-of-the-art simulation labs and complete clinical rotations at partner medical centers. Our programs meet the highest accreditation standards in nursing, public health, and biomedical sciences.</p>
<div class="program-meta">
<span>📅 2-4 years</span>
<span>🎓 BS / MS / DNP</span>
<span>🌐 On-Campus</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=13" alt="Liberal Arts" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">📚</div>
<h3>Liberal Arts & Humanities</h3>
<p>Cultivate critical thinking, persuasive communication, and cultural literacy through interdisciplinary study in philosophy, literature, history, and the arts with renowned scholar-teachers.</p>
<div class="program-meta">
<span>📅 4 years</span>
<span>🎓 BA / MA</span>
<span>🌐 On-Campus & Online</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=14" alt="Education" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">🎒</div>
<h3>Education & Teaching</h3>
<p>Prepare to transform lives in the classroom through evidence-based pedagogy, field placements starting in year one, and mentorship from award-winning educators shaping the future of learning.</p>
<div class="program-meta">
<span>📅 4 years</span>
<span>🎓 BSEd / MEd</span>
<span>🌐 On-Campus & Hybrid</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
<div class="program-card reveal">
<img src="https://picsum.photos/600/400?random=15" alt="Graduate" class="program-card-img">
<div class="program-card-body">
<div class="program-card-icon">🔬</div>
<h3>Graduate Studies</h3>
<p>Advance your expertise through our doctoral and masters programs featuring small cohort sizes, dedicated research funding, and dissertation support from distinguished faculty across disciplines.</p>
<div class="program-meta">
<span>📅 2-6 years</span>
<span>🎓 MA / MS / PhD</span>
<span>🌐 On-Campus & Online</span>
</div>
<a href="#" class="program-link">Learn More →</a>
</div>
</div>
</div>
</div>
</section>
<!-- Why Lumina Section -->
<section class="section section-alt" id="campus">
<div class="container">
<div class="section-header reveal">
<span class="section-label">Why Lumina</span>
<h2 class="section-title">A Community Built for Your Success</h2>
<p class="section-desc">From award-winning faculty to world-class facilities, every aspect of Lumina Academy is designed to support your academic journey and personal growth.</p>
</div>
<div class="why-grid">
<div class="why-card reveal">
<div class="why-icon">🏛️</div>
<h3>Historic Campus</h3>
<p>Our 220-acre campus blends century-old architecture with modern learning spaces, creating an inspiring environment for discovery.</p>
</div>
<div class="why-card reveal">
<div class="why-icon">🔬</div>
<h3>Research Powerhouse</h3>
<p>$142 million in annual research funding supports groundbreaking work across 60+ centers and institutes on campus.</p>
</div>
<div class="why-card reveal">
<div class="why-icon">🌍</div>
<h3>Global Perspective</h3>
<p>With partnerships at 200+ institutions worldwide, students gain international experience through study abroad and exchange programs.</p>
</div>
<div class="why-card reveal">
<div class="why-icon">💼</div>
<h3>Career Outcomes</h3>
<p>96% of graduates secure employment or continue to graduate study within six months, backed by one of the largest alumni networks.</p>
</div>
</div>
</div>
</section>
<!-- Research Excellence -->
<section class="section" id="research">
<div class="container">
<div class="research-layout">
<div class="research-img-wrapper reveal">
<img src="https://picsum.photos/600/440?random=20" alt="Research Lab" class="research-img">
<div class="research-badge">
<span class="research-badge-number">#14</span>
<span class="research-badge-label">National Research Rank</span>
</div>
</div>
<div class="research-content reveal">
<span class="section-label">Research Excellence</span>
<h2>Pushing the Boundaries of Human Knowledge</h2>
<p>At Lumina Academy, research isn't confined to laboratories — it's embedded in every classroom, studio, and field experience. Our faculty are internationally recognized scholars who bring their discoveries directly into undergraduate education.</p>
<p>From pioneering work in renewable energy and artificial intelligence breakthroughs to advancing social justice through the humanities, our researchers tackle the world's most pressing challenges. Students at every level collaborate alongside faculty on publishable research, gaining skills that distinguish them in graduate admissions and employment.</p>
<ul class="research-list">
<li><span class="check">✓</span> 60+ dedicated research centers and interdisciplinary institutes</li>
<li><span class="check">✓</span> $142M annual research expenditure with 12% growth year-over-year</li>
<li><span class="check">✓</span> Undergraduate Research Fellows Program with 85% participation rate</li>
<li><span class="check">✓</span> 2,400+ peer-reviewed publications by faculty in the past year</li>
<li><span class="check">✓</span> 14 startups launched through our Innovation & Commercialization Hub</li>
</ul>
<a href="#" class="btn btn-outline">Explore Our Research Centers →</a>
</div>
</div>
</div>
</section>
<!-- Enrollment Section -->
<section class="section section-alt" id="enrollment">
<div class="container">
<div class="enrollment-layout">
<div class="enrollment-info reveal">
<span class="section-label">Admissions & Enrollment</span>
<h2>Your Journey to Lumina Starts Here</h2>
<p>Our holistic admissions process looks beyond test scores to understand your unique story, passions, and potential. Whether you're a first-year student, transfer applicant, or graduate candidate, our dedicated enrollment counselors guide you through every step.</p>
<p>We meet 100% of demonstrated financial need for admitted students. With over $65 million in institutional aid awarded annually, a Lumina education is more accessible than you might think. Our need-blind admissions policy ensures that your financial circumstances never factor into admissions decisions.</p>
<div class="enrollment-deadlines">
<h4>📋 Key Application Deadlines — Spring 2026</h4>
<div class="deadline-row">
<span class="deadline-term">Early Decision I</span>
<span class="deadline-date">Nov 1, 2025</span>
</div>
<div class="deadline-row">
<span class="deadline-term">Early Decision II</span>
<span class="deadline-date">Jan 5, 2026</span>
</div>
<div class="deadline-row">
<span class="deadline-term">Regular Decision</span>
<span class="deadline-date">Mar 15, 2026</span>
</div>
<div class="deadline-row">
<span class="deadline-term">Transfer Students</span>
<span class="deadline-date">Apr 1, 2026</span>
</div>
<div class="deadline-row">
<span class="deadline-term">Graduate Programs</span>
<span class="deadline-date">Varies by Dept.</span>
</div>
</div>
<a href="#" class="btn btn-secondary">Schedule a Campus Tour →</a>
</div>
<div class="steps-timeline reveal">
<div class="step-item">
<div class="step-number">1</div>
<div class="step-content">
<h4>Submit Your Application</h4>
<p>Apply through our online portal, the Common Application, or the Coalition Application. There is no preference among application platforms. Submit your personal essay, academic transcript, and two letters of recommendation.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">2</div>
<div class="step-content">
<h4>Complete Financial Aid Profile</h4>
<p>File the FAFSA and CSS Profile by the priority deadline to be considered for all forms of institutional, federal, and state financial aid. Our Net Price Calculator provides an early estimate of your aid package.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">3</div>
<div class="step-content">
<h4>Engage with the Community</h4>
<p>Attend admitted student events, connect with current Luminarians, and explore our academic departments. Virtual campus tours and student-led information sessions run weekly throughout the enrollment season.</p>
</div>
</div>
<div class="step-item">
<div class="step-number">4</div>
<div class="step-content">
<h4>Confirm Your Enrollment</h4>
<p>Submit your enrollment deposit by the stated deadline. Complete housing preferences, medical forms, and register for new student orientation which begins in late August. Welcome to the Lumina family.</p>
</div>
</div>
<div style="margin-top:32px;">
<a href="#" class="btn btn-primary">Download the 2026 Enrollment Catalog →</a>
</div>
</div>
</div>
</div>
</section>
<!-- Tuition Calculator -->
<section class="calculator-section" id="calculator">
<div class="container">
<div class="section-header reveal">
<span class="section-label">Financial Planning</span>
<h2 class="section-title">Tuition & Aid Estimator</h2>
<p class="section-desc">Get a personalized estimate of your total cost after institutional aid. Adjust the parameters below to see how scholarships and grants reduce your net tuition at Lumina Academy.</p>
</div>
<div class="calc-layout">
<div class="calc-form reveal">
<div class="calc-field">
<label for="program-level">Program Level</label>
<select id="program-level" onchange="calculateTuition()">
<option value="undergraduate">Undergraduate (Bachelor's)</option>
<option value="graduate">Graduate (Master's)</option>
<option value="doctoral">Doctoral (PhD)</option>
</select>
</div>
<div class="calc-field">
<label for="residency">Residency Status</label>
<select id="residency" onchange="calculateTuition()">
<option value="in-state">In-State Resident</option>
<option value="out-state">Out-of-State / International</option>
</select>
</div>
<div class="calc-field">
<label for="housing">Housing Preference</label>
<select id="housing" onchange="calculateTuition()">
<option value="on-campus">On-Campus (Dining Included)</option>
<option value="off-campus">Off-Campus (Apartment)</option>
<option value="commuter">Commuter (Home)</option>
</select>
</div>
<div class="calc-field">
<label for="gpa">Academic Profile (GPA)</label>
<select id="gpa" onchange="calculateTuition()">
<option value="below-3.0">Below 3.0</option>
<option value="3.0-3.4">3.0 — 3.4</option>
<option value="3.5-3.7">3.5 — 3.7</option>
<option value="3.8-4.0" selected>3.8 — 4.0</option>
</select>
</div>
<div class="calc-field">
<label for="family-income">Estimated Family Income</label>
<select id="family-income" onchange="calculateTuition()">
<option value="under-50k">Under $50,000</option>
<option value="50k-100k">$50,000 - $100,000</option>
<option value="100k-200k" selected>$100,000 - $200,000</option>
<option value="over-200k">Over $200,000</option>
</select>
</div>
</div>
<div class="calc-result reveal">
<div class="calc-result-title">Your Estimated Net Cost</div>
<div class="calc-total" id="calc-total">$28,450</div>
<div class="calc-total-label">Per academic year, after estimated institutional aid</div>
<ul class="calc-breakdown" id="calc-breakdown">
<li><span class="label">Tuition & Fees</span><span class="value" id="lbl-tuition">$62,800</span></li>
<li><span class="label">Room & Board</span><span class="value" id="lbl-room">$15,200</span></li>
<li><span class="label">Merit Scholarship</span><span class="value savings" id="lbl-merit">-$22,000</span></li>
<li><span class="label">Need-Based Grant</span><span class="value savings" id="lbl-need">-$27,550</span></li>
</ul>
<p class="calc-note">This is an estimate for planning purposes. Actual financial aid package may vary based on complete application review, outside scholarships, and individual circumstances.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="section" id="testimonials">
<div class="container">
<div class="section-header reveal">
<span class="section-label">Voices of Lumina</span>
<h2 class="section-title">Stories from Our Community</h2>
<p class="section-desc">Hear directly from students, alumni, and faculty about how Lumina Academy transformed their academic journeys and professional trajectories.</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card reveal">
<div class="testimonial-quote">"</div>
<p>The undergraduate research fellowship program gave me the opportunity to co-author a published paper before even entering my junior year. My faculty mentor didn't just teach me methodology — she taught me how to think like a scientist. That foundation carried me directly into a Stanford PhD program.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/96?u=10" alt="Maya Chen" class="testimonial-avatar">
<div>
<div class="testimonial-name">Maya Chen</div>
<div class="testimonial-role">Class of 2024, Biological Sciences — Now at Stanford</div>
</div>
</div>
</div>
<div class="testimonial-card reveal">
<div class="testimonial-quote">"</div>
<p>As a first-generation college student, I wasn't sure I'd find my place. But the community at Lumina embraced me from day one. The financial aid package made it possible, and the rigorous curriculum in the liberal arts taught me to think critically about the world. I now lead policy initiatives at a nonprofit serving underserved communities.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/96?u=11" alt="James Okafor" class="testimonial-avatar">
<div>
<div class="testimonial-name">James Okafor</div>
<div class="testimonial-role">Class of 2022, Political Science & Philosophy</div>
</div>
</div>
</div>
<div class="testimonial-card reveal">
<div class="testimonial-quote">"</div>
<p>Lumina's engineering program doesn't just teach theory — from our first design project to our capstone, we are building real solutions for real clients. I came in knowing little about mechanical engineering and left with three patents and a job offer from one of the most innovative aerospace companies in the world.</p>
<div class="testimonial-author">
<img src="https://i.pravatar.cc/96?u=12" alt="Sara Lindqvist" class="testimonial-avatar">
<div>
<div class="testimonial-name">Sara Lindqvist</div>
<div class="testimonial-role">Class of 2023, Mechanical Engineering</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Events Section with Sidebar -->
<section class="section section-alt" id="events">
<div class="container">
<div class="events-layout">
<div>
<div class="section-header" style="text-align:left;margin-bottom:36px;">
<span class="section-label">Campus Life</span>
<h2 class="section-title">Upcoming Events & Activities</h2>
<p class="section-desc" style="margin:0;">Stay connected to campus life with lectures, workshops, cultural celebrations, and networking events happening every week at Lumina Academy.</p>
</div>
<div class="events-list">
<div class="event-card reveal">
<div class="event-date">
<span class="month">Feb</span>
<span class="day">20</span>
</div>
<div class="event-info">
<h4>Spring Open House & Campus Tour</h4>
<p>Prospective students and families are invited to experience campus life firsthand. Tour residence halls, sit in on sample classes, and meet with faculty and current students.</p>
<div class="event-meta">
<span>📍 Main Quad</span>
<span>🕐 9:00 AM — 3:00 PM</span>
</div>
</div>
</div>
<div class="event-card reveal">
<div class="event-date">
<span class="month">Feb</span>
<span class="day">27</span>
</div>
<div class="event-info">
<h4>Distinguished Lecture: The Future of AI in Education</h4>
<p>Dr. Elena Vasquez, Director of the Lumina Institute for Learning Sciences, delivers the annual distinguished lecture exploring how artificial intelligence is reshaping pedagogy and access to knowledge.</p>
<div class="event-meta">
<span>📍 Whitfield Auditorium</span>
<span>🕐 7:00 PM — 9:00 PM</span>
</div>
</div>
</div>
<div class="event-card reveal">
<div class="event-date">
<span class="month">Mar</span>
<span class="day">05</span>
</div>
<div class="event-info">
<h4>Multicultural Arts Festival 2026</h4>
<p>Our three-day celebration of cultural diversity featuring student performances, international cuisine, art exhibitions, and collaborative workshops. Free and open to the public with activities for all ages.</p>
<div class="event-meta">
<span>📍 Anderson Cultural Center</span>
<span>🕐 11:00 AM — 8:00 PM</span>
</div>
</div>
</div>
<div class="event-card reveal">
<div class="event-date">
<span class="month">Mar</span>
<span class="day">12</span>
</div>
<div class="event-info">
<h4>Graduate School Application Workshop Series</h4>
<p>A hands-on workshop covering statement of purpose writing, GRE preparation strategies, funding options, and how to identify the right advisor. Led by our Office of Graduate Studies with alumni panelists.</p>
<div class="event-meta">
<span>📍 Library Room 204</span>
<span>🕐 2:00 PM — 5:00 PM</span>
</div>
</div>
</div>
</div>
</div>
<aside>
<div class="sidebar-card reveal">
<h4>🌟 Faculty Highlights</h4>
<div class="faculty-item">
<img src="https://i.pravatar.cc/88?u=30" alt="Dr. Patricia Moore" class="faculty-avatar">
<div>
<div class="faculty-name">Dr. Patricia Moore</div>
<div class="faculty-dept">Dean, College of Sciences — Biochemistry</div>
</div>
</div>
<div class="faculty-item">
<img src="https://i.pravatar.cc/88?u=31" alt="Prof. David Kim" class="faculty-avatar">
<div>
<div class="faculty-name">Prof. David Kim</div>
<div class="faculty-dept">Computer Science — Machine Learning Lab Director</div>
</div>
</div>
<div class="faculty-item">
<img src="https://i.pravatar.cc/88?u=32" alt="Dr. Amara Osei" class="faculty-avatar">
<div>
<div class="faculty-name">Dr. Amara Osei</div>
<div class="faculty-dept">History — African Diaspora Studies</div>
</div>
</div>
</div>
<div class="sidebar-card reveal">
<h4>💰 Featured Scholarships</h4>
<div class="scholarship-item">
<div class="scholarship-name">Presidential Merit Award</div>
<div class="scholarship-amt">Full Tuition — $62,800/year</div>
<div class="scholarship-desc">Awarded to top academic performers with demonstrated leadership and community impact.</div>
</div>
<div class="scholarship-item">
<div class="scholarship-name">Lumina STEM Fellowship</div>
<div class="scholarship-amt">$25,000/year + Research Stipend</div>
<div class="scholarship-desc">Supporting women and underrepresented minorities pursuing degrees in science, technology, engineering, or mathematics.</div>
</div>
<div class="scholarship-item">
<div class="scholarship-name">Global Citizen Scholarship</div>
<div class="scholarship-amt">$15,000 — $40,000/year</div>
<div class="scholarship-desc">For international students demonstrating cross-cultural engagement and academic excellence.</div>
</div>
</div>
</aside>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="section">
<div class="container">
<div class="section-header reveal">
<span class="section-label">Common Questions</span>
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-desc">Answers to the most common questions about admissions, financial aid, campus life, and academic programs at Lumina Academy.</p>
</div>
<div class="faq-layout">
<div class="faq-item reveal">
<button class="faq-question" onclick="toggleFaq(this)">
<span>What is the average class size and student-to-faculty ratio at Lumina?</span>
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<div class="faq-answer-inner">Lumina Academy maintains a 9:1 student-to-faculty ratio with an average class size of 18 students. Over 75% of our courses have fewer than 25 students, ensuring meaningful interaction between students and professors. Laboratory sections and seminars are typically capped at 15 to maximize hands-on learning and discussion. Every student is assigned a dedicated academic advisor who provides guidance from orientation through graduation and beyond.</div>
</div>
</div>
<div class="faq-item reveal">
<button class="faq-question" onclick="toggleFaq(this)">
<span>How does Lumina meet financial need? What aid options are available?</span>
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<div class="faq-answer-inner">Lumina Academy practices need-blind admissions and meets 100% of demonstrated financial need for all admitted students. Last year, we awarded over $65 million in institutional financial aid. Packages typically include a combination of grants, scholarships, work-study, and low-interest loans. We offer both merit-based scholarships — such as the Presidential Merit Award and Lumina STEM Fellowship — and need-based grant programs. Our Net Price Calculator provides a personalized estimate, and financial aid counselors work individually with families to make education affordable.</div>
</div>
</div>
<div class="faq-item reveal">
<button class="faq-question" onclick="toggleFaq(this)">
<span>What support services are available for first-year students?</span>
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<div class="faq-answer-inner">First-year students benefit from a comprehensive support ecosystem including our First-Year Experience Program, peer mentoring, academic coaching through the Learning Commons, and 24/7 counseling services. The Writing Center and Quantitative Reasoning Lab offer free drop-in tutoring. Our Residence Life staff organizes community-building programs, and the Career Development Office begins working with students from their very first semester to explore majors, secure internships, and build professional networks. We are committed to ensuring every student thrives.</div>
</div>
</div>
<div class="faq-item reveal">
<button class="faq-question" onclick="toggleFaq(this)">
<span>Can students participate in research as undergraduates?</span>
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<div class="faq-answer-inner">Absolutely. Undergraduate research is a cornerstone of the Lumina experience. Through our Undergraduate Research Fellows Program, 85% of students complete at least one significant research or creative project before graduation. Students work alongside faculty in funded laboratories, field stations, archives, and studios. Research stipends of up to $5,000 per summer are available, and students regularly present at national conferences and co-author publications in peer-reviewed journals. No prior research experience is required to begin.</div>
</div>
</div>
<div class="faq-item reveal">
<button class="faq-question" onclick="toggleFaq(this)">
<span>What career placement and graduate school outcomes does Lumina have?</span>
<span class="faq-icon">+</span>
</button>
<div class="faq-answer">
<div class="faq-answer-inner">96% of Lumina graduates are employed in their field or enrolled in graduate or professional school within six months of graduation. Our alumni network of 78,000 professionals spanning 87 countries provides mentorship and career connections across every industry. The Career Development Office facilitates over 4,000 internships annually and hosts a career fair with 300+ employers each semester. Top employers include Google, Mayo Clinic, JPMorgan Chase, the Smithsonian Institution, and leading graduate programs at institutions including MIT, Harvard, and Oxford.</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Banner -->
<section class="cta-banner">
<div class="container reveal">
<h2>Ready to Begin Your Story at Lumina?</h2>
<p>Join a community of scholars, innovators, and changemakers. Applications for Spring 2026 are now open, and our admissions team is ready to guide you through every step of the enrollment process.</p>
<div class="cta-actions">
<a href="#" class="btn btn-secondary btn-lg">Start Your Application →</a>
<a href="#" class="btn btn-outline btn-lg" style="border-color:var(--navy);color:var(--navy);">Download Catalog</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo-name">Lumina Academy</div>
<div class="logo-tagline">Illuminating Minds, Shaping Futures — Est. 1847</div>
<p>Founded in 1847, Lumina Academy is a premier independent university dedicated to transformative education, groundbreaking research, and building a more just and enlightened world.</p>
</div>
<div>
<h5>Academics</h5>
<ul class="footer-links">
<li><a href="#">Undergraduate Programs</a></li>
<li><a href="#">Graduate Programs</a></li>
<li><a href="#">Online Learning</a></li>
<li><a href="#">Academic Calendar</a></li>
<li><a href="#">Libraries & Archives</a></li>
</ul>
</div>
<div>
<h5>Campus</h5>
<ul class="footer-links">
<li><a href="#">Student Portal</a></li>
<li><a href="#">Campus Map</a></li>
<li><a href="#">Residence Life</a></li>
<li><a href="#">Dining Services</a></li>
<li><a href="#">Athletics & Recreation</a></li>
<li><a href="#">Campus Safety</a></li>
</ul>
</div>
<div>
<h5>Contact Us</h5>
<div class="footer-contact-item">
<span class="icon">📍</span>
<span>1400 Lumina Drive, Ashford, CT 06825</span>
</div>
<div class="footer-contact-item">
<span class="icon">📞</span>
<span>(860) 555-0147</span>
</div>
<div class="footer-contact-item">
<span class="icon">✉️</span>
<span>admissions@lumina.edu</span>
</div>
<div class="footer-contact-item">
<span class="icon">🕐</span>
<span>Mon-Fri 8:30 AM - 5:00 PM EST</span>
</div>
</div>
</div>
<div class="footer-bottom">
<div>© 2026 Lumina Academy. All rights reserved.</div>
<div class="social-links">
<a href="#" class="social-link" aria-label="Facebook">f</a>
<a href="#" class="social-link" aria-label="Twitter">𝕏</a>
<a href="#" class="social-link" aria-label="Instagram">◎</a>
<a href="#" class="social-link" aria-label="LinkedIn">in</a>
<a href="#" class="social-link" aria-label="YouTube">▶</a>
</div>
<div class="footer-bottom-links">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Use</a>
<a href="#">Accessibility</a>
<a href="#">Non-Discrimination</a>
</div>
</div>
</div>
</footer>
<script>
// Sticky header shadow
window.addEventListener('scroll', function() {
const header = document.getElementById('header');
if (window.scrollY > 10) {
header.classList.add('scrolled');
} else {
header.classList.remove('scrolled');
}
});
// Animated counter
function animateCounters() {
const counters = document.querySelectorAll('.stat-number[data-target]');
counters.forEach(counter => {
const target = parseInt(counter.getAttribute('data-target'));
const duration = 2000;
const start = performance.now();
function update(now) {
const elapsed = now - start;
const progress = Math.min(elapsed / duration, 1);
const eased = 1 - Math.pow(1 - progress, 3);
const current = Math.round(eased * target);
counter.textContent = current.toLocaleString();
if (progress < 1) requestAnimationFrame(update);
}
requestAnimationFrame(update);
});
}
// Intersection Observer for reveal animations
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('.reveal').forEach(el => observer.observe(el));
// Trigger counter animation when hero stats are visible
const heroObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
animateCounters();
heroObserver.unobserve(entry.target);
}
});
}, { threshold: 0.3 });
const heroStats = document.querySelector('.hero-stats');
if (heroStats) heroObserver.observe(heroStats);
// FAQ Accordion
function toggleFaq(button) {
const item = button.parentElement;
const isActive = item.classList.contains('active');
// Close all
document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));
// Open clicked if it wasn't active
if (!isActive) item.classList.add('active');
}
// Tuition Calculator
function calculateTuition() {
const level = document.getElementById('program-level').value;
const residency = document.getElementById('residency').value;
const housing = document.getElementById('housing').value;
const gpa = document.getElementById('gpa').value;
const income = document.getElementById('family-income').value;
// Base tuition
let tuition = 0;
if (level === 'undergraduate') tuition = residency === 'in-state' ? 48500 : 62800;
else if (level === 'graduate') tuition = residency === 'in-state' ? 38200 : 51400;
else tuition = residency === 'in-state' ? 34600 : 47800;
// Room & board
let room = 0;
if (housing === 'on-campus') room = level === 'undergraduate' ? 15200 : 13800;
else if (housing === 'off-campus') room = 11400;
else room = 3200;
// Merit scholarship
let merit = 0;
if (gpa === '3.8-4.0') merit = level === 'undergraduate' ? 22000 : 18000;
else if (gpa === '3.5-3.7') merit = level === 'undergraduate' ? 15000 : 12000;
else if (gpa === '3.0-3.4') merit = level === 'undergraduate' ? 8000 : 6000;
else merit = level === 'undergraduate' ? 3000 : 2000;
// Need-based grant
let needGrant = 0;
const totalCost = tuition + room;
if (income === 'under-50k') needGrant = Math.min(totalCost - merit, 35000);
else if (income === '50k-100k') needGrant = Math.min(totalCost - merit, 27550);
else if (income === '100k-200k') needGrant = Math.min(totalCost - merit, 18000);
else needGrant = Math.min(totalCost - merit, 8000);
// Ensure need grant doesn't make total negative
const netTotal = Math.max(totalCost - merit - needGrant, 0);
// Update display
document.getElementById('calc-total').textContent = '$' + netTotal.toLocaleString();
document.getElementById('lbl-tuition').textContent = '$' + tuition.toLocaleString();
document.getElementById('lbl-room').textContent = '$' + room.toLocaleString();
document.getElementById('lbl-merit').textContent = '-$' + merit.toLocaleString();
document.getElementById('lbl-need').textContent = '-$' + needGrant.toLocaleString();
}
// Initialize calculator
calculateTuition();
</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:44:21.345Z",
"url": "https://benchmark.aimac.invalid/6cbd3a9250919bb486c15b7334ec5bf3a977a794ed2783d034a8bf0afc13be37.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "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": "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": []
},
{
"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": "<a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">f</a>",
"target": [
"a[aria-label=\"Facebook\"]"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">f</a>",
"target": [
"a[aria-label=\"Facebook\"]"
]
}
]
},
{
"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": "<a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">f</a>",
"target": [
"a[aria-label=\"Facebook\"]"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">f</a>",
"target": [
"a[aria-label=\"Facebook\"]"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"social-link\" aria-label=\"Facebook\">f</a>",
"target": [
"a[aria-label=\"Facebook\"]"
]
}
]
},
{
"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": "<a href=\"#programs\" class=\"btn btn-outline btn-lg\" style=\"border-color:rgba(255,255,255,0.4);color:#fff;\">Explore Programs</a>",
"target": [
".btn-outline.btn-lg[href$=\"#programs\"]"
]
}
]
},
{
"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=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>What is the average class size and student-to-faculty ratio at Lumina?</span>\n <span class=\"faq-icon\">+</span>\n </button>",
"target": [
".faq-item.reveal:nth-child(1) > .faq-question[onclick=\"toggleFaq(this)\"]"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Where Knowledge Meets Purpose and Learning Ignites <span class=\"highlight\">Transformation</span></h1>",
"target": [
"h1"
]
},
{
"html": "<h2 class=\"section-title\">Programs That Shape the Future</h2>",
"target": [
"#programs > .container > .section-header.reveal > .section-title"
]
},
{
"html": "<h3>Business Administration</h3>",
"target": [
".program-card.reveal:nth-child(1) > .program-card-body > h3"
]
},
{
"html": "<h3>Engineering & Technology</h3>",
"target": [
".program-card.reveal:nth-child(2) > .program-card-body > h3"
]
},
{
"html": "<h3>Health Sciences</h3>",
"target": [
".program-card.reveal:nth-child(3) > .program-card-body > h3"
]
},
{
"html": "<h3>Liberal Arts & Humanities</h3>",
"target": [
".program-card.reveal:nth-child(4) > .program-card-body > h3"
]
},
{
"html": "<h3>Education & Teaching</h3>",
"target": [
".program-card.reveal:nth-child(5) > .program-card-body > h3"
]
},
{
"html": "<h3>Graduate Studies</h3>",
"target": [
".program-card.reveal:nth-child(6) > .program-card-body > h3"
]
},
{
"html": "<h2 class=\"section-title\">A Community Built for Your Success</h2>",
"target": [
"#campus > .container > .section-header.reveal > .section-title"
]
},
{
"html": "<h3>Historic Campus</h3>",
"target": [
".why-card.reveal:nth-child(1) > h3"
]
},
{
"html": "<h3>Research Powerhouse</h3>",
"target": [
".why-card.reveal:nth-child(2) > h3"
]
},
{
"html": "<h3>Global Perspective</h3>",
"target": [
".why-card.reveal:nth-child(3) > h3"
]
},
{
"html": "<h3>Career Outcomes</h3>",
"target": [
".why-card.reveal:nth-child(4) > h3"
]
},
{
"html": "<h2>Pushing the Boundaries of Human Knowledge</h2>",
"target": [
".research-content > h2"
]
},
{
"html": "<h2>Your Journey to Lumina Starts Here</h2>",
"target": [
".enrollment-info > h2"
]
},
{
"html": "<h4>\ud83d\udccb Key Application Deadlines \u2014 Spring 2026</h4>",
"target": [
".enrollment-deadlines > h4"
]
},
{
"html": "<h4>Submit Your Application</h4>",
"target": [
".step-item:nth-child(1) > .step-content > h4"
]
},
{
"html": "<h4>Complete Financial Aid Profile</h4>",
"target": [
".step-item:nth-child(2) > .step-content > h4"
]
},
{
"html": "<h4>Engage with the Community</h4>",
"target": [
".step-item:nth-child(3) > .step-content > h4"
]
},
{
"html": "<h4>Confirm Your Enrollment</h4>",
"target": [
".step-item:nth-child(4) > .step-content > h4"
]
},
{
"html": "<h2 class=\"section-title\">Tuition & Aid Estimator</h2>",
"target": [
"#calculator > .container > .section-header.reveal > .section-title"
]
},
{
"html": "<h2 class=\"section-title\">Stories from Our Community</h2>",
"target": [
"#testimonials > .container > .section-header.reveal > .section-title"
]
},
{
"html": "<h2 class=\"section-title\">Upcoming Events & Activities</h2>",
"target": [
".events-layout > div > .section-header > .section-title"
]
},
{
"html": "<h4>Spring Open House & Campus Tour</h4>",
"target": [
".event-card.reveal:nth-child(1) > .event-info > h4"
]
},
{
"html": "<h4>Distinguished Lecture: The Future of AI in Education</h4>",
"target": [
".event-card.reveal:nth-child(2) > .event-info > h4"
]
},
{
"html": "<h4>Multicultural Arts Festival 2026</h4>",
"target": [
".event-card.reveal:nth-child(3) > .event-info > h4"
]
},
{
"html": "<h4>Graduate School Application Workshop Series</h4>",
"target": [
".event-card.reveal:nth-child(4) > .event-info > h4"
]
},
{
"html": "<h4>\ud83c\udf1f Faculty Highlights</h4>",
"target": [
".sidebar-card.reveal:nth-child(1) > h4"
]
},
{
"html": "<h4>\ud83d\udcb0 Featured Scholarships</h4>",
"target": [
".sidebar-card.reveal:nth-child(2) > h4"
]
},
{
"html": "<h2 class=\"section-title\">Frequently Asked Questions</h2>",
"target": [
".section:nth-child(12) > .container > .section-header.reveal > .section-title"
]
},
{
"html": "<h2>Ready to Begin Your Story at Lumina?</h2>",
"target": [
".container.reveal > h2"
]
},
{
"html": "<h5>Academics</h5>",
"target": [
"div:nth-child(2) > h5"
]
},
{
"html": "<h5>Campus</h5>",
"target": [
"div:nth-child(3) > h5"
]
},
{
"html": "<h5>Contact Us</h5>",
"target": [
"div:nth-child(4) > h5"
]
}
],
"impact": "serious",
"message": "Page has a heading"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#0c1232",
"contrastRatio": 18.28,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 18.28"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span>Spring 2026 Enrollment Now Open Apply by <strong class=\"deadline\">March 15, 2026</strong> for priority scholarship consideration</span>",
"target": [
".announcement > span"
]
}
]
},
{
"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": "program-level",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<select id=\"program-level\" onchange=\"calculateTuition()\">\n <option value=\"undergraduate\">Undergraduate (Bachelor's)</option>\n <option value=\"graduate\">Graduate (Master's)</option>\n <option value=\"doctoral\">Doctoral (PhD)</option>\n </select>",
"target": [
"#program-level"
]
}
]
},
{
"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=\"program-level\">Program Level</label>",
"target": [
"label[for=\"program-level\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<select id=\"program-level\" onchange=\"calculateTuition()\">\n <option value=\"undergraduate\">Undergraduate (Bachelor's)</option>\n <option value=\"graduate\">Graduate (Master's)</option>\n <option value=\"doctoral\">Doctoral (PhD)</option>\n </select>",
"target": [
"#program-level"
]
}
]
},
{
"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/88x88/0c1232/e8a317?text=LA&font=playfair-display\" alt=\"Lumina Academy Logo\" class=\"logo-img\">",
"target": [
".logo-img"
]
}
]
},
{
"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\">",
"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=\"research-list\">",
"target": [
".research-list"
]
}
]
},
{
"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><span class=\"check\">\u2713</span> 60+ dedicated research centers and interdisciplinary institutes</li>",
"target": [
".research-list > 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/88x88/0c1232/e8a317?text=LA&font=playfair-display\" alt=\"Lumina Academy Logo\" class=\"logo-img\">",
"target": [
".logo-img"
]
}
]
},
{
"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=\"program-level\">Program Level</label>",
"target": [
"label[for=\"program-level\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<select id=\"program-level\" onchange=\"calculateTuition()\">\n <option value=\"undergraduate\">Undergraduate (Bachelor's)</option>\n <option value=\"graduate\">Graduate (Master's)</option>\n <option value=\"doctoral\">Doctoral (PhD)</option>\n </select>",
"target": [
"#program-level"
]
}
]
},
{
"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": 268,
"height": 64
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (268px by 64px, 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\">",
"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": "39.0pt (52px)",
"fontWeight": "bold",
"messageKey": "bgImage",
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"hero-bg\"></div>",
"target": [
".hero-bg"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background image"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1>Where Knowledge Meets Purpose and Learning Ignites <span class=\"highlight\">Transformation</span></h1>",
"target": [
"h1"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background image"
}
]
}
],
"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": "#c4870f",
"bgColor": "#f8f9fc",
"contrastRatio": 2.92,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section section-alt\" id=\"events\">",
"target": [
"#events"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Campus Life</span>",
"target": [
".events-layout > div > .section-header > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Academic Excellence</span>",
"target": [
".visible > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Academic Excellence</span>",
"target": [
".visible.section-header.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".visible.program-card.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BA / MBA</span>",
"target": [
".visible.program-card.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".visible.program-card.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".visible.program-card.reveal:nth-child(1) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".visible.program-card.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BSE / MSE</span>",
"target": [
".visible.program-card.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".visible.program-card.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".visible.program-card.reveal:nth-child(2) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 2-4 years</span>",
"target": [
".visible.program-card.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BS / MS / DNP</span>",
"target": [
".visible.program-card.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".visible.program-card.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".visible.program-card.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".visible.program-card.reveal:nth-child(3) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Academic Excellence</span>",
"target": [
".section-header.visible.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.visible.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BA / MBA</span>",
"target": [
".program-card.visible.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.visible.reveal:nth-child(1) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(1) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.visible.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BSE / MSE</span>",
"target": [
".program-card.visible.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".program-card.visible.reveal:nth-child(2) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(2) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 2-4 years</span>",
"target": [
".program-card.visible.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BS / MS / DNP</span>",
"target": [
".program-card.visible.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".program-card.visible.reveal:nth-child(3) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(3) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.visible.reveal:nth-child(4) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BA / MA</span>",
"target": [
".program-card.visible.reveal:nth-child(4) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.visible.reveal:nth-child(4) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(4) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.visible.reveal:nth-child(5) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BSEd / MEd</span>",
"target": [
".program-card.visible.reveal:nth-child(5) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Hybrid</span>",
"target": [
".program-card.visible.reveal:nth-child(5) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(5) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 2-6 years</span>",
"target": [
".program-card.visible.reveal:nth-child(6) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 MA / MS / PhD</span>",
"target": [
".program-card.visible.reveal:nth-child(6) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.visible.reveal:nth-child(6) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.visible.reveal:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.visible.reveal:nth-child(6) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Academic Excellence</span>",
"target": [
"#programs > .container > .section-header.visible.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#f8f9fc",
"contrastRatio": 2.92,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section section-alt\" id=\"campus\">",
"target": [
"#campus"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Why Lumina</span>",
"target": [
"#campus > .container > .section-header.visible.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Research Excellence</span>",
"target": [
".research-content > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#f8f9fc",
"contrastRatio": 2.92,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section section-alt\" id=\"enrollment\">",
"target": [
"#enrollment"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Admissions & Enrollment</span>",
"target": [
".enrollment-info > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"enrollment-deadlines\">",
"target": [
".enrollment-deadlines"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"deadline-date\">Nov 1, 2025</span>",
"target": [
".deadline-row:nth-child(2) > .deadline-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"enrollment-deadlines\">",
"target": [
".enrollment-deadlines"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"deadline-date\">Jan 5, 2026</span>",
"target": [
".deadline-row:nth-child(3) > .deadline-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"enrollment-deadlines\">",
"target": [
".enrollment-deadlines"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"deadline-date\">Mar 15, 2026</span>",
"target": [
".deadline-row:nth-child(4) > .deadline-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"enrollment-deadlines\">",
"target": [
".enrollment-deadlines"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"deadline-date\">Apr 1, 2026</span>",
"target": [
".deadline-row:nth-child(5) > .deadline-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"enrollment-deadlines\">",
"target": [
".enrollment-deadlines"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"deadline-date\">Varies by Dept.</span>",
"target": [
".deadline-row:nth-child(6) > .deadline-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Voices of Lumina</span>",
"target": [
"#testimonials > .container > .section-header.visible.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2024, Biological Sciences \u2014 Now at Stanford</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2022, Political Science & Philosophy</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2023, Mechanical Engineering</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Main Quad</span>",
"target": [
".event-card.visible.reveal:nth-child(1) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 9:00 AM \u2014 3:00 PM</span>",
"target": [
".event-card.visible.reveal:nth-child(1) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Whitfield Auditorium</span>",
"target": [
".event-card.visible.reveal:nth-child(2) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 7:00 PM \u2014 9:00 PM</span>",
"target": [
".event-card.visible.reveal:nth-child(2) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"faculty-dept\">Dean, College of Sciences \u2014 Biochemistry</div>",
"target": [
".faculty-item:nth-child(2) > div > .faculty-dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"faculty-dept\">Computer Science \u2014 Machine Learning Lab Director</div>",
"target": [
".faculty-item:nth-child(3) > div > .faculty-dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"faculty-dept\">History \u2014 African Diaspora Studies</div>",
"target": [
".faculty-item:nth-child(4) > div > .faculty-dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.8pt (13.12px)",
"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.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-amt\">Full Tuition \u2014 $62,800/year</div>",
"target": [
".scholarship-item:nth-child(2) > .scholarship-amt"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-desc\">Awarded to top academic performers with demonstrated leadership and community impact.</div>",
"target": [
".scholarship-item:nth-child(2) > .scholarship-desc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.8pt (13.12px)",
"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.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-amt\">$25,000/year + Research Stipend</div>",
"target": [
".scholarship-item:nth-child(3) > .scholarship-amt"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-desc\">Supporting women and underrepresented minorities pursuing degrees in science, technology, engineering, or mathematics.</div>",
"target": [
".scholarship-item:nth-child(3) > .scholarship-desc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.8pt (13.12px)",
"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.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-amt\">$15,000 \u2014 $40,000/year</div>",
"target": [
".scholarship-item:nth-child(4) > .scholarship-amt"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"scholarship-desc\">For international students demonstrating cross-cultural engagement and academic excellence.</div>",
"target": [
".scholarship-item:nth-child(4) > .scholarship-desc"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Anderson Cultural Center</span>",
"target": [
".event-card.visible.reveal:nth-child(3) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 11:00 AM \u2014 8:00 PM</span>",
"target": [
".event-card.visible.reveal:nth-child(3) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Library Room 204</span>",
"target": [
".event-card.visible.reveal:nth-child(4) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.visible.reveal:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 2:00 PM \u2014 5:00 PM</span>",
"target": [
".event-card.visible.reveal:nth-child(4) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Common Questions</span>",
"target": [
".section:nth-child(12) > .container > .section-header.visible.reveal > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Academic Excellence</span>",
"target": [
"#programs > .container > .section-header.reveal.visible > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.reveal.visible:nth-child(1) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BA / MBA</span>",
"target": [
".program-card.reveal.visible:nth-child(1) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.reveal.visible:nth-child(1) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(1) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.reveal.visible:nth-child(2) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BSE / MSE</span>",
"target": [
".program-card.reveal.visible:nth-child(2) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".program-card.reveal.visible:nth-child(2) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(2) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 2-4 years</span>",
"target": [
".program-card.reveal.visible:nth-child(3) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BS / MS / DNP</span>",
"target": [
".program-card.reveal.visible:nth-child(3) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus</span>",
"target": [
".program-card.reveal.visible:nth-child(3) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(3) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.reveal.visible:nth-child(4) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BA / MA</span>",
"target": [
".program-card.reveal.visible:nth-child(4) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.reveal.visible:nth-child(4) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(4) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 4 years</span>",
"target": [
".program-card.reveal.visible:nth-child(5) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 BSEd / MEd</span>",
"target": [
".program-card.reveal.visible:nth-child(5) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Hybrid</span>",
"target": [
".program-card.reveal.visible:nth-child(5) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(5) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udcc5 2-6 years</span>",
"target": [
".program-card.reveal.visible:nth-child(6) > .program-card-body > .program-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf93 MA / MS / PhD</span>",
"target": [
".program-card.reveal.visible:nth-child(6) > .program-card-body > .program-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83c\udf10 On-Campus & Online</span>",
"target": [
".program-card.reveal.visible:nth-child(6) > .program-card-body > .program-meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"program-card reveal visible\">",
"target": [
".program-card.reveal.visible:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"program-link\">Learn More \u2192</a>",
"target": [
".program-card.reveal.visible:nth-child(6) > .program-card-body > .program-link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#f8f9fc",
"contrastRatio": 2.92,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section section-alt\" id=\"campus\">",
"target": [
"#campus"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Why Lumina</span>",
"target": [
"#campus > .container > .section-header.reveal.visible > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.92 (foreground color: #c4870f, background color: #f8f9fc, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Voices of Lumina</span>",
"target": [
"#testimonials > .container > .section-header.reveal.visible > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2024, Biological Sciences \u2014 Now at Stanford</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2022, Political Science & Philosophy</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"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 2.53 (foreground color: #9ca3af, background color: #ffffff, 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\">Class of 2023, Mechanical Engineering</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 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Main Quad</span>",
"target": [
".event-card.reveal.visible:nth-child(1) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 9:00 AM \u2014 3:00 PM</span>",
"target": [
".event-card.reveal.visible:nth-child(1) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Whitfield Auditorium</span>",
"target": [
".event-card.reveal.visible:nth-child(2) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 7:00 PM \u2014 9:00 PM</span>",
"target": [
".event-card.reveal.visible:nth-child(2) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Anderson Cultural Center</span>",
"target": [
".event-card.reveal.visible:nth-child(3) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 11:00 AM \u2014 8:00 PM</span>",
"target": [
".event-card.reveal.visible:nth-child(3) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udccd Library Room 204</span>",
"target": [
".event-card.reveal.visible:nth-child(4) > .event-info > .event-meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"event-card reveal visible\">",
"target": [
".event-card.reveal.visible:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\ud83d\udd50 2:00 PM \u2014 5:00 PM</span>",
"target": [
".event-card.reveal.visible:nth-child(4) > .event-info > .event-meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c4870f",
"bgColor": "#ffffff",
"contrastRatio": 3.07,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"section-label\">Common Questions</span>",
"target": [
".section:nth-child(12) > .container > .section-header.reveal.visible > .section-label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #c4870f, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 9677
},
{
"y": 576,
"height": 9677
},
{
"y": 1152,
"height": 9677
},
{
"y": 1728,
"height": 9677
},
{
"y": 2304,
"height": 9677
},
{
"y": 2880,
"height": 9677
},
{
"y": 3456,
"height": 9677
},
{
"y": 4032,
"height": 9677
},
{
"y": 4608,
"height": 9677
},
{
"y": 5184,
"height": 9677
},
{
"y": 5760,
"height": 9677
},
{
"y": 6336,
"height": 9677
},
{
"y": 6912,
"height": 9677
},
{
"y": 7488,
"height": 9677
},
{
"y": 8064,
"height": 9677
},
{
"y": 8640,
"height": 9677
},
{
"y": 8957,
"height": 9677
}
],
"scans": 18,
"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 "Education" 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: "Education"
- Description: Educational resources, school and university information, and online learning platforms.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Education" 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: "Student Portal", "About", "Events".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Education" category. Consider themes similar to: "Enrollment Info", "Campus Life", "Research Excellence".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "scholarship", "enrollment", "graduation requirements".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Schedule Tour", "Calculate Aid", "Download Catalog".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Education" sector. Ideas similar but not limited to: "application tracker".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "scholarship opportunities", "faculty highlights", "events calendar".
- **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.