MiniMax MiniMax M3 – Education
via CoreWeave · Generated
- AIMAC Debt 4.75
- Cost $0.017
- Total Violations 18
- HTML Size 61 KB
- Em Dashes 22
Screenshot
View Live Page
Accessibility Issues Found
18 Serious
-
color-contrast serious 18 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span>Est. 1887</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>Meridian University — Empowering Tomorrow's Leaders Through Innovative Learning</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
--navy:#0a2540;
--navy-2:#14355c;
--gold:#c9a961;
--gold-2:#e0c084;
--bg:#f8f7f3;
--ink:#1a1a1a;
--muted:#6b7280;
--line:#e5e7eb;
--white:#ffffff;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-weight:400}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:700;color:var(--navy);line-height:1.2}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.section{padding:96px 0}
.section-head{text-align:center;max-width:720px;margin:0 auto 56px}
.section-head .eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.section-head h2{font-size:42px;margin-bottom:16px}
.section-head p{color:var(--muted);font-size:17px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:4px;font-weight:600;font-size:15px;transition:all .2s ease;border:none;cursor:pointer;font-family:inherit}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{background:var(--gold-2);transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(201,169,97,.6)}
.btn-ghost{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.4)}
.btn-ghost:hover{background:var(--white);color:var(--navy)}
.btn-dark{background:var(--navy);color:var(--white)}
.btn-dark:hover{background:var(--navy-2);transform:translateY(-2px)}
/* Top bar */
.topbar{background:var(--navy);color:var(--white);font-size:13px;padding:10px 0}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.topbar a{opacity:.85;transition:opacity .2s}
.topbar a:hover{opacity:1}
.topbar .tb-links{display:flex;gap:20px}
.topbar .tb-info{display:flex;gap:24px;flex-wrap:wrap}
/* Header */
header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px rgba(0,0,0,.04)}
header .container{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:24px}
.logo{display:flex;align-items:center;gap:12px}
.logo-img{width:52px;height:52px;border-radius:50%;background:var(--navy);display:flex;align-items:center;justify-content:center;color:var(--gold);font-family:'Playfair Display',serif;font-size:24px;font-weight:700;border:2px solid var(--gold)}
.logo-text{display:flex;flex-direction:column;line-height:1.1}
.logo-text strong{font-family:'Playfair Display',serif;font-size:20px;color:var(--navy);font-weight:700}
.logo-text span{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:600}
nav ul{list-style:none;display:flex;gap:6px}
nav ul li a{display:block;padding:10px 16px;font-size:14px;font-weight:500;color:var(--ink);border-radius:4px;transition:all .2s}
nav ul li a:hover,nav ul li a.active{color:var(--navy);background:rgba(201,169,97,.12)}
nav ul li a.cta-nav{background:var(--navy);color:var(--white)}
nav ul li a.cta-nav:hover{background:var(--gold);color:var(--navy)}
.menu-toggle{display:none;background:none;border:none;font-size:24px;color:var(--navy);cursor:pointer}
/* Hero */
.hero{position:relative;min-height:620px;color:var(--white);overflow:hidden;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,37,64,.92),rgba(10,37,64,.6)),url('https://picsum.photos/1920/1080?blur=1') center/cover}
.hero .container{position:relative;padding:80px 24px}
.hero-content{max-width:760px}
.hero h1{color:var(--white);font-size:64px;font-weight:700;margin-bottom:20px;line-height:1.05}
.hero h1 em{color:var(--gold-2);font-style:normal}
.hero .tagline{font-size:20px;opacity:.9;margin-bottom:32px;font-weight:300;max-width:600px}
.hero .hero-ctas{display:flex;gap:16px;flex-wrap:wrap}
.hero-meta{display:flex;gap:40px;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.15);flex-wrap:wrap}
.hero-meta div{display:flex;align-items:center;gap:10px;font-size:14px}
.hero-meta div span{color:var(--gold-2);font-weight:600;font-size:18px}
/* Stats */
.stats{background:var(--navy);color:var(--white);padding:56px 0;position:relative;overflow:hidden}
.stats::before{content:'';position:absolute;inset:0;background:url('https://picsum.photos/100/100?grayscale&blur=2');opacity:.05;background-size:80px}
.stats .container{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;position:relative}
.stat-item{padding:8px}
.stat-item .num{font-family:'Playfair Display',serif;font-size:48px;color:var(--gold);font-weight:700;line-height:1}
.stat-item .label{font-size:14px;opacity:.85;margin-top:8px;letter-spacing:.5px}
/* Programs */
.programs{background:var(--white)}
.prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.prog-card{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:all .3s ease;cursor:pointer}
.prog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -20px rgba(10,37,64,.25);border-color:var(--gold)}
.prog-card .img-wrap{height:200px;background:var(--navy);position:relative;overflow:hidden}
.prog-card .img-wrap img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .5s}
.prog-card:hover .img-wrap img{transform:scale(1.08)}
.prog-card .badge{position:absolute;top:16px;left:16px;background:var(--gold);color:var(--navy);padding:6px 14px;font-size:11px;font-weight:700;border-radius:4px;letter-spacing:1px;text-transform:uppercase}
.prog-card .body{padding:24px}
.prog-card h3{font-size:22px;margin-bottom:10px}
.prog-card p{color:var(--muted);font-size:14px;margin-bottom:16px}
.prog-card .meta{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.prog-card .meta strong{color:var(--navy);font-weight:600}
.prog-card .link{display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-weight:600;font-size:14px;margin-top:8px}
.prog-card .link::after{content:'→';transition:transform .2s}
.prog-card:hover .link::after{transform:translateX(4px)}
/* Two column layout */
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:48px;align-items:start}
.section-tinted{background:linear-gradient(180deg,var(--bg) 0%,var(--white) 100%)}
/* Student success */
.success-story{background:var(--white);border-radius:8px;padding:32px;box-shadow:0 10px 30px -15px rgba(10,37,64,.15);margin-bottom:24px;border-left:4px solid var(--gold)}
.success-story .quote{font-family:'Playfair Display',serif;font-size:19px;line-height:1.55;color:var(--navy);font-style:italic;margin-bottom:20px}
.success-story .quote::before{content:'"';font-size:60px;color:var(--gold);line-height:0;display:block;height:20px;font-family:serif}
.success-story .person{display:flex;align-items:center;gap:16px}
.success-story .person img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.success-story .person strong{display:block;color:var(--navy);font-size:15px}
.success-story .person span{font-size:13px;color:var(--muted)}
/* Sidebar widget */
.widget{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px;margin-bottom:24px}
.widget h4{font-size:18px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gold);display:inline-block}
.widget ul{list-style:none}
.widget li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.widget li:last-child{border-bottom:none}
.widget .date{display:block;font-size:12px;color:var(--gold);font-weight:600;letter-spacing:1px;margin-bottom:4px}
.widget .title-link{color:var(--ink);font-weight:500;display:block;line-height:1.4}
.widget .title-link:hover{color:var(--navy)}
.deadline-item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.deadline-item:last-child{border-bottom:none}
.deadline-item .date-box{background:var(--navy);color:var(--white);width:54px;height:54px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;text-align:center}
.deadline-item .date-box strong{font-size:20px;line-height:1;font-family:'Playfair Display',serif}
.deadline-item .date-box span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gold-2)}
.deadline-item strong{display:block;color:var(--navy);font-size:14px;margin-bottom:2px}
.deadline-item span{font-size:13px;color:var(--muted)}
/* Faculty spotlight */
.faculty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.faculty-card{background:var(--white);border-radius:8px;overflow:hidden;text-align:center;border:1px solid var(--line);transition:all .3s}
.faculty-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px -15px rgba(10,37,64,.2)}
.faculty-card img{width:100%;height:280px;object-fit:cover}
.faculty-card .body{padding:24px}
.faculty-card .dept{display:inline-block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:8px}
.faculty-card h4{font-size:20px;margin-bottom:6px}
.faculty-card .title-text{color:var(--muted);font-size:13px;margin-bottom:14px}
.faculty-card p{font-size:14px;color:var(--muted);line-height:1.6}
.faculty-card .socials{display:flex;justify-content:center;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.faculty-card .socials a{width:32px;height:32px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--navy);transition:all .2s}
.faculty-card .socials a:hover{background:var(--gold);color:var(--navy)}
/* Research */
.research{background:var(--navy);color:var(--white);position:relative;overflow:hidden}
.research::after{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,97,.15) 0%,transparent 70%)}
.research .section-head h2{color:var(--white)}
.research .section-head p{color:rgba(255,255,255,.7)}
.research-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px;position:relative}
.research-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px;backdrop-filter:blur(10px);transition:all .3s}
.research-card:hover{background:rgba(255,255,255,.08);transform:translateY(-4px);border-color:var(--gold)}
.research-card.featured{grid-row:span 2;background:linear-gradient(135deg,rgba(201,169,97,.15),rgba(255,255,255,.05))}
.research-card .tag{display:inline-block;padding:4px 12px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;border-radius:20px;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px}
.research-card h3{color:var(--white);font-size:22px;margin-bottom:12px}
.research-card.featured h3{font-size:28px}
.research-card p{color:rgba(255,255,255,.75);font-size:14px;margin-bottom:20px;line-height:1.7}
.research-card .meta-info{font-size:12px;color:var(--gold-2);letter-spacing:1px;text-transform:uppercase;font-weight:600}
/* Program Finder Interactive */
.finder{background:linear-gradient(135deg,var(--bg) 0%,#fff 100%)}
.finder-box{max-width:880px;margin:0 auto;background:var(--white);border-radius:12px;padding:48px;box-shadow:0 20px 60px -25px rgba(10,37,64,.2);border-top:4px solid var(--gold)}
.finder-step{display:none;animation:fadeIn .4s ease}
.finder-step.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.finder-step h3{font-size:28px;margin-bottom:8px;text-align:center}
.finder-step .step-num{text-align:center;color:var(--gold);font-weight:600;font-size:13px;letter-spacing:2px;margin-bottom:8px;text-transform:uppercase}
.finder-step .step-desc{text-align:center;color:var(--muted);margin-bottom:32px}
.finder-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:24px}
.finder-option{padding:18px 20px;border:2px solid var(--line);border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;text-align:center;background:var(--white)}
.finder-option:hover{border-color:var(--gold);background:rgba(201,169,97,.05)}
.finder-option.selected{border-color:var(--navy);background:var(--navy);color:var(--white)}
.finder-progress{height:4px;background:var(--line);border-radius:2px;margin-bottom:32px;overflow:hidden}
.finder-progress span{display:block;height:100%;background:var(--gold);transition:width .4s ease;border-radius:2px}
.finder-nav{display:flex;justify-content:space-between;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}
.finder-result{text-align:center;padding:24px 0}
.finder-result .match-badge{display:inline-block;padding:8px 20px;background:rgba(201,169,97,.15);color:var(--gold);font-weight:600;border-radius:20px;margin-bottom:20px;font-size:13px;letter-spacing:1px;text-transform:uppercase}
.finder-result h3{font-size:32px;margin-bottom:12px}
.finder-result .prog-meta{display:flex;justify-content:center;gap:24px;margin:20px 0;color:var(--muted);font-size:14px;flex-wrap:wrap}
.finder-result .prog-meta strong{color:var(--navy)}
/* FAQ */
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-bottom:12px;overflow:hidden;transition:all .2s}
.faq-item.open{border-color:var(--gold);box-shadow:0 10px 25px -15px rgba(10,37,64,.15)}
.faq-q{padding:22px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--navy);font-size:16px;font-family:'Playfair Display',serif}
.faq-q::after{content:'+';font-size:24px;color:var(--gold);transition:transform .3s;font-family:'Poppins',sans-serif;line-height:1}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{padding:0 28px;max-height:0;overflow:hidden;transition:all .3s ease;color:var(--muted);font-size:15px}
.faq-item.open .faq-a{padding:0 28px 22px;max-height:300px}
/* CTA banner */
.cta-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);color:var(--white);padding:80px 0;position:relative;overflow:hidden}
.cta-banner::before{content:'';position:absolute;top:0;left:0;width:300px;height:300px;background:radial-gradient(circle,rgba(201,169,97,.2) 0%,transparent 70%);border-radius:50%}
.cta-banner .container{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:32px}
.cta-banner h2{color:var(--white);font-size:36px;max-width:600px;margin-bottom:0}
.cta-banner h2 em{color:var(--gold-2);font-style:normal}
.cta-banner .ctas{display:flex;gap:16px;flex-wrap:wrap}
/* Chat widget */
.chat-btn{position:fixed;bottom:24px;right:24px;width:64px;height:64px;border-radius:50%;background:var(--gold);color:var(--navy);border:none;cursor:pointer;box-shadow:0 10px 30px rgba(10,37,64,.3);display:flex;align-items:center;justify-content:center;font-size:26px;z-index:99;transition:transform .2s}
.chat-btn:hover{transform:scale(1.08)}
.chat-btn .pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);animation:pulse 2s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.4);opacity:0}}
.chat-window{position:fixed;bottom:100px;right:24px;width:340px;max-width:calc(100vw - 48px);background:var(--white);border-radius:12px;box-shadow:0 20px 50px -10px rgba(10,37,64,.4);z-index:99;display:none;overflow:hidden;border:1px solid var(--line)}
.chat-window.open{display:block;animation:slideUp .3s ease}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.chat-head{background:var(--navy);color:var(--white);padding:18px 20px;display:flex;align-items:center;gap:12px}
.chat-head .avatar{width:40px;height:40px;border-radius:50%;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:700}
.chat-head strong{display:block;font-size:14px}
.chat-head span{font-size:12px;color:var(--gold-2)}
.chat-body{padding:20px;height:280px;overflow-y:auto;background:var(--bg)}
.chat-msg{margin-bottom:14px;display:flex;gap:10px}
.chat-msg.bot{flex-direction:row}
.chat-msg.user{flex-direction:row-reverse}
.chat-bubble{padding:10px 14px;border-radius:14px;font-size:14px;max-width:80%;line-height:1.5}
.chat-msg.bot .chat-bubble{background:var(--white);color:var(--ink);border-bottom-left-radius:4px}
.chat-msg.user .chat-bubble{background:var(--navy);color:var(--white);border-bottom-right-radius:4px}
.chat-input{padding:14px;border-top:1px solid var(--line);display:flex;gap:8px;background:var(--white)}
.chat-input input{flex:1;padding:10px 14px;border:1px solid var(--line);border-radius:20px;font-size:14px;font-family:inherit;outline:none}
.chat-input input:focus{border-color:var(--gold)}
.chat-input button{background:var(--navy);color:var(--white);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px}
.chat-quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.chat-quick button{padding:6px 12px;background:var(--white);border:1px solid var(--line);border-radius:14px;font-size:12px;cursor:pointer;color:var(--navy);font-family:inherit}
.chat-quick button:hover{background:var(--gold);border-color:var(--gold)}
/* Footer */
footer{background:#061a30;color:var(--white);padding:72px 0 0}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:48px}
.foot-col h5{color:var(--gold-2);font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;font-weight:600;font-family:'Poppins',sans-serif}
.foot-col ul{list-style:none}
.foot-col ul li{margin-bottom:10px;font-size:14px;opacity:.75}
.foot-col ul li a:hover{color:var(--gold-2);opacity:1}
.foot-col p{font-size:14px;opacity:.75;margin-bottom:16px;line-height:1.7}
.foot-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.foot-brand .logo-img{background:var(--white);color:var(--navy);border-color:var(--gold-2)}
.foot-brand strong{font-family:'Playfair Display',serif;font-size:22px;color:var(--white)}
.foot-contact{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14px;opacity:.85}
.foot-contact span{color:var(--gold-2);margin-top:2px}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}
.socials a:hover{background:var(--gold);color:var(--navy);transform:translateY(-2px)}
.newsletter{display:flex;margin-top:14px}
.newsletter input{flex:1;padding:12px 14px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--white);border-radius:4px 0 0 4px;font-family:inherit;font-size:13px;outline:none}
.newsletter input::placeholder{color:rgba(255,255,255,.5)}
.newsletter button{padding:0 18px;background:var(--gold);color:var(--navy);border:none;border-radius:0 4px 4px 0;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding:24px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:13px;opacity:.6}
.foot-bottom ul{display:flex;gap:24px;list-style:none}
.foot-bottom ul a:hover{color:var(--gold-2)}
@media (max-width:1024px){
.prog-grid,.faculty-grid{grid-template-columns:repeat(2,1fr)}
.stats .container{grid-template-columns:repeat(2,1fr);gap:24px}
.research-grid{grid-template-columns:1fr 1fr}
.research-card.featured{grid-row:span 1;grid-column:span 2}
.two-col{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr 1fr;gap:32px}
}
@media (max-width:768px){
.section{padding:64px 0}
.section-head h2{font-size:32px}
.hero h1{font-size:40px}
.hero{min-height:auto;padding:40px 0}
nav ul{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:16px;border-top:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.1)}
nav ul.open{display:flex}
.menu-toggle{display:block}
.prog-grid,.faculty-grid,.research-grid,.finder-options{grid-template-columns:1fr}
.research-card.featured{grid-column:span 1}
.hero-meta{gap:20px}
.stat-item .num{font-size:36px}
.topbar .container{justify-content:center;text-align:center}
.foot-grid{grid-template-columns:1fr}
.foot-bottom{flex-direction:column;text-align:center}
.foot-bottom ul{flex-wrap:wrap;justify-content:center}
.cta-banner h2{font-size:26px}
.finder-box{padding:28px}
}
</style>
</head>
<body>
<div class="topbar">
<div class="container">
<div class="tb-info">
<span>📍 1847 Founders Avenue, Cambridge, MA 02139</span>
<span>☎ +1 (617) 555-0142</span>
</div>
<div class="tb-links">
<a href="#">Student Portal</a>
<a href="#">Faculty & Staff</a>
<a href="#">Library</a>
<a href="#">Career Services</a>
</div>
</div>
</div>
<header>
<div class="container">
<a href="#" class="logo">
<div class="logo-img">M</div>
<div class="logo-text">
<strong>Meridian University</strong>
<span>Est. 1887</span>
</div>
</a>
<nav>
<ul id="nav">
<li><a href="#" class="active">Home</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#admissions">Admissions</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#faculty">Faculty</a></li>
<li><a href="#alumni">Alumni</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#apply" class="cta-nav">Apply Now</a></li>
</ul>
</nav>
<button class="menu-toggle" onclick="document.getElementById('nav').classList.toggle('open')">☰</button>
</div>
</header>
<section class="hero">
<div class="hero-bg"></div>
<div class="container">
<div class="hero-content">
<h1>Empowering Tomorrow's Leaders Through <em>Innovative Learning</em></h1>
<p class="tagline">For over 135 years, Meridian University has shaped curious minds into visionary scholars, pioneering researchers, and compassionate leaders who transform communities across the globe.</p>
<div class="hero-ctas">
<a href="#apply" class="btn btn-primary">Start Application →</a>
<a href="#info" class="btn btn-ghost">Request Information</a>
</div>
<div class="hero-meta">
<div><span>★</span> Top 50 National University</div>
<div><span>★</span> 92% Graduate Employment Rate</div>
<div><span>★</span> $187M Annual Research Funding</div>
</div>
</div>
</div>
</section>
<section class="stats">
<div class="container">
<div class="stat-item"><div class="num">24,800</div><div class="label">Students Enrolled</div></div>
<div class="stat-item"><div class="num">320+</div><div class="label">Degree Programs</div></div>
<div class="stat-item"><div class="num">1,850</div><div class="label">Distinguished Faculty</div></div>
<div class="stat-item"><div class="num">96</div><div class="label">Countries Represented</div></div>
</div>
</section>
<section class="section programs" id="programs">
<div class="container">
<div class="section-head">
<span class="eyebrow">Academic Excellence</span>
<h2>Discover Your Path to Purpose</h2>
<p>From undergraduate foundations to doctoral specializations, our 320+ programs blend rigorous academics with hands-on experience, preparing you to lead in a rapidly evolving world.</p>
</div>
<div class="prog-grid">
<div class="prog-card">
<div class="img-wrap">
<img src="https://picsum.photos/600/400?random=11" alt="Business School">
<span class="badge">Most Popular</span>
</div>
<div class="body">
<h3>Business & Management</h3>
<p>Develop strategic thinking and leadership capabilities through AACSB-accredited programs featuring case-method learning, global residencies, and corporate partnerships.</p>
<div class="meta"><span><strong>120</strong> credit hours</span><span><strong>4 yrs</strong> BBA</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
<div class="prog-card">
<div class="img-wrap"><img src="https://picsum.photos/600/400?random=12" alt="Engineering"></div>
<div class="body">
<h3>Engineering & Applied Sciences</h3>
<p>ABET-accredited programs in mechanical, electrical, biomedical, and civil engineering with state-of-the-art fabrication labs and industry-sponsored capstone projects.</p>
<div class="meta"><span><strong>128</strong> credit hours</span><span><strong>4 yrs</strong> B.S.</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
<div class="prog-card">
<div class="img-wrap"><img src="https://picsum.photos/600/400?random=13" alt="Liberal Arts"></div>
<div class="body">
<h3>Liberal Arts & Humanities</h3>
<p>Explore philosophy, literature, history, and cultural studies in small seminar-style classes taught by award-winning scholars and published authors.</p>
<div class="meta"><span><strong>120</strong> credit hours</span><span><strong>4 yrs</strong> B.A.</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
<div class="prog-card">
<div class="img-wrap">
<img src="https://picsum.photos/600/400?random=14" alt="Computer Science">
<span class="badge">New Program</span>
</div>
<div class="body">
<h3>Computer Science & AI</h3>
<p>Master algorithms, machine learning, and software engineering with access to our GPU computing cluster, robotics lab, and dedicated AI ethics research center.</p>
<div class="meta"><span><strong>124</strong> credit hours</span><span><strong>4 yrs</strong> B.S.</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
<div class="prog-card">
<div class="img-wrap"><img src="https://picsum.photos/600/400?random=15" alt="Medical Sciences"></div>
<div class="body">
<h3>Medical & Health Sciences</h3>
<p>Prepare for careers in medicine, nursing, and public health through our affiliated teaching hospital and interprofessional simulation centers.</p>
<div class="meta"><span><strong>130</strong> credit hours</span><span><strong>4 yrs</strong> Pre-Med</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
<div class="prog-card">
<div class="img-wrap"><img src="https://picsum.photos/600/400?random=16" alt="Environmental Studies"></div>
<div class="body">
<h3>Environmental & Earth Sciences</h3>
<p>Address climate challenges through field-based research in our 2,400-acre outdoor learning laboratory and partner marine biology stations.</p>
<div class="meta"><span><strong>122</strong> credit hours</span><span><strong>4 yrs</strong> B.S.</span></div>
<a href="#" class="link">View Courses</a>
</div>
</div>
</div>
<div style="text-align:center;margin-top:48px">
<a href="#" class="btn btn-dark">Explore All 320+ Programs</a>
</div>
</div>
</section>
<section class="section section-tinted" id="admissions">
<div class="container">
<div class="section-head">
<span class="eyebrow">Student Success</span>
<h2>Where Ambition Meets Opportunity</h2>
<p>Our students don't just graduate — they launch into meaningful careers, prestigious graduate programs, and ventures that reshape industries.</p>
</div>
<div class="two-col">
<div>
<div class="success-story">
<p class="quote">Meridian didn't just teach me to code — it taught me to think. The mentorship I received from Dr. Chen's AI lab led directly to my role as a research engineer at DeepMind. The foundation here is unparalleled.</p>
<div class="person">
<img src="https://i.pravatar.cc/120?u=meridian-alex-chen" alt="Alex Chen">
<div>
<strong>Alex Chen, Class of 2022</strong>
<span>B.S. Computer Science → Research Engineer, DeepMind</span>
</div>
</div>
</div>
<div class="success-story">
<p class="quote">The financial aid office worked with my family through every step. I received a full scholarship plus a research stipend that let me focus entirely on my studies. Today I'm in medical school at Johns Hopkins.</p>
<div class="person">
<img src="https://i.pravatar.cc/120?u=meridian-maria-rodriguez" alt="Maria Rodriguez">
<div>
<strong>Maria Rodriguez, Class of 2021</strong>
<span>B.S. Biochemistry → M.D. Candidate, Johns Hopkins</span>
</div>
</div>
</div>
<div class="success-story">
<p class="quote">Starting my sustainable fashion brand while still in school was only possible because of Meridian's entrepreneurship incubator. They gave me $25K in seed funding, office space, and mentors who became investors.</p>
<div class="person">
<img src="https://i.pravatar.cc/120?u=meridian-jordan-williams" alt="Jordan Williams">
<div>
<strong>Jordan Williams, Class of 2020</strong>
<span>B.A. Business → Founder & CEO, LoomCycle (now 42 employees)</span>
</div>
</div>
</div>
</div>
<aside>
<div class="widget">
<h4>Upcoming Deadlines</h4>
<div class="deadline-item">
<div class="date-box"><strong>15</strong><span>Jan</span></div>
<div>
<strong>Early Action Deadline</strong>
<span>Fall 2026 freshman applicants</span>
</div>
</div>
<div class="deadline-item">
<div class="date-box"><strong>01</strong><span>Feb</span></div>
<div>
<strong>FAFSA Priority Date</strong>
<span>Maximum financial aid consideration</span>
</div>
</div>
<div class="deadline-item">
<div class="date-box"><strong>15</strong><span>Mar</span></div>
<div>
<strong>Regular Decision</strong>
<span>Standard application deadline</span>
</div>
</div>
<div class="deadline-item">
<div class="date-box"><strong>01</strong><span>Apr</span></div>
<div>
<strong>Transfer Applications</strong>
<span>Fall semester transfer entry</span>
</div>
</div>
</div>
<div class="widget">
<h4>Research Updates</h4>
<ul>
<li>
<span class="date">DEC 12, 2024</span>
<a href="#" class="title-link">Meridian Researchers Publish Breakthrough in Nature on Quantum Computing</a>
</li>
<li>
<span class="date">NOV 28, 2024</span>
<a href="#" class="title-link">$4.2M NIH Grant Awarded to Dr. Patel for Alzheimer's Research</a>
</li>
<li>
<span class="date">NOV 14, 2024</span>
<a href="#" class="title-link">New Climate Resilience Center Opens at Marine Field Station</a>
</li>
<li>
<span class="date">OCT 30, 2024</span>
<a href="#" class="title-link">Engineering Students Win National Robotics Competition</a>
</li>
</ul>
</div>
<div class="widget" style="background:linear-gradient(135deg,var(--navy),var(--navy-2));color:var(--white);border:none">
<h4 style="border-bottom-color:var(--gold-2);color:var(--white)">Faculty Highlights</h4>
<p style="font-size:14px;opacity:.9;margin-bottom:16px">Three Meridian professors named to the National Academy of Sciences this year.</p>
<a href="#" class="btn btn-primary" style="font-size:13px;padding:10px 20px">Read Announcement</a>
</div>
</aside>
</div>
</div>
</section>
<section class="section" id="faculty" style="background:var(--white)">
<div class="container">
<div class="section-head">
<span class="eyebrow">Faculty Spotlight</span>
<h2>Learn From World-Renowned Scholars</h2>
<p>Our faculty includes Nobel laureates, MacArthur fellows, and leading researchers who bring cutting-edge discoveries directly into the classroom.</p>
</div>
<div class="faculty-grid">
<div class="faculty-card">
<img src="https://i.pravatar.cc/400?u=prof-elena-vasquez" alt="Dr. Elena Vasquez">
<div class="body">
<span class="dept">Department of Astrophysics</span>
<h4>Dr. Elena Vasquez</h4>
<p class="title-text">Professor & Director, Cosmic Origins Initiative</p>
<p>Recipient of the 2023 Kavli Prize in Astrophysics. Her research on dark matter mapping has transformed our understanding of galactic evolution.</p>
<div class="socials">
<a href="#" title="Publications">📄</a>
<a href="#" title="Google Scholar">🎓</a>
<a href="#" title="Email">✉</a>
</div>
</div>
</div>
<div class="faculty-card">
<img src="https://i.pravatar.cc/400?u=prof-james-okafor" alt="Dr. James Okafor">
<div class="body">
<span class="dept">Department of Bioethics</span>
<h4>Dr. James Okafor</h4>
<p class="title-text">Henry R. Luce Professor of Ethics & Society</p>
<p>MacArthur Fellow and lead author on the WHO's Global Framework for AI in Healthcare. Teaches the university's most popular seminar.</p>
<div class="socials">
<a href="#" title="Publications">📄</a>
<a href="#" title="Google Scholar">🎓</a>
<a href="#" title="Email">✉</a>
</div>
</div>
</div>
<div class="faculty-card">
<img src="https://i.pravatar.cc/400?u=prof-priya-natarajan" alt="Dr. Priya Natarajan">
<div class="body">
<span class="dept">School of Business</span>
<h4>Dr. Priya Natarajan</h4>
<p class="title-text">Dean & Professor of Strategic Management</p>
<p>Former McKinsey partner and author of three bestselling books on innovation strategy. Founded the Meridian Venture Lab in 2019.</p>
<div class="socials">
<a href="#" title="Publications">📄</a>
<a href="#" title="Google Scholar">🎓</a>
<a href="#" title="Email">✉</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section research" id="research">
<div class="container">
<div class="section-head">
<span class="eyebrow" style="color:var(--gold-2)">Research & Innovation</span>
<h2>Discovery That Changes the World</h2>
<p>Meridian researchers are tackling the world's most pressing challenges — from quantum computing and climate resilience to global health equity and the future of artificial intelligence.</p>
</div>
<div class="research-grid">
<div class="research-card featured">
<span class="tag">Featured Project</span>
<h3>The Quantum Frontier Initiative</h3>
<p>A $42 million multi-disciplinary effort spanning physics, computer science, and materials engineering to develop fault-tolerant quantum systems. The project has already produced two patent-pending error correction algorithms and trained 47 graduate researchers.</p>
<p style="font-size:13px;color:rgba(255,255,255,.6)">Led by Dr. Elena Vasquez with collaborators from MIT, Caltech, and the U.S. Department of Energy national laboratories.</p>
<a href="#" class="btn btn-primary" style="margin-top:20px;font-size:13px">Explore Project</a>
</div>
<div class="research-card">
<span class="tag">Health</span>
<h3>Alzheimer's Biomarker Study</h3>
<p>Dr. Patel's lab identifies novel blood-based biomarkers enabling earlier diagnosis and personalized treatment plans.</p>
<div class="meta-info">$4.2M NIH Funding</div>
</div>
<div class="research-card">
<span class="tag">Climate</span>
<h3>Coastal Resilience Network</h3>
<p>Engineering nature-based solutions to protect 1,200 miles of vulnerable coastline across the developing world.</p>
<div class="meta-info">12 Partner Nations</div>
</div>
<div class="research-card">
<span class="tag">AI Ethics</span>
<h3>Algorithmic Fairness Framework</h3>
<p>Cross-disciplinary team developing open-source tools to audit AI systems for bias in hiring, lending, and criminal justice.</p>
<div class="meta-info">Adopted by 8 Governments</div>
</div>
<div class="research-card">
<span class="tag">Energy</span>
<h3>Next-Gen Solar Cells</h3>
<p>Perovskite-silicon tandem cells achieving 34% efficiency in laboratory settings — a world record for the technology class.</p>
<div class="meta-info">3 Patents Pending</div>
</div>
</div>
</div>
</section>
<section class="section finder" id="info">
<div class="container">
<div class="section-head">
<span class="eyebrow">Find Your Fit</span>
<h2>Which Program Is Right for You?</h2>
<p>Answer three quick questions and we'll suggest the Meridian degree program that best matches your interests, strengths, and career aspirations.</p>
</div>
<div class="finder-box">
<div class="finder-progress"><span id="progBar" style="width:25%"></span></div>
<div class="finder-step active" data-step="1">
<div class="step-num">Question 1 of 3</div>
<h3>What excites you most?</h3>
<p class="step-desc">Choose the subject area that genuinely sparks your curiosity.</p>
<div class="finder-options">
<div class="finder-option" data-q="interest" data-v="science">🔬 Science & Discovery</div>
<div class="finder-option" data-q="interest" data-v="tech">💻 Technology & Code</div>
<div class="finder-option" data-q="interest" data-v="business">📈 Business & Strategy</div>
<div class="finder-option" data-q="interest" data-v="people">🎨 People & Culture</div>
</div>
<div class="finder-nav">
<span></span>
<button class="btn btn-dark finder-next" disabled style="opacity:.5">Next Question →</button>
</div>
</div>
<div class="finder-step" data-step="2">
<div class="step-num">Question 2 of 3</div>
<h3>How do you prefer to work?</h3>
<p class="step-desc">Think about environments where you do your best thinking.</p>
<div class="finder-options">
<div class="finder-option" data-q="style" data-v="lab">🔬 In labs & research settings</div>
<div class="finder-option" data-q="style" data-v="team">👥 In collaborative teams</div>
<div class="finder-option" data-q="style" data-v="solo">📚 Independently & in depth</div>
<div class="finder-option" data-q="style" data-v="field">🌍 Out in the field or community</div>
</div>
<div class="finder-nav">
<button class="btn btn-ghost finder-prev" style="color:var(--navy);border-color:var(--line)">← Back</button>
<button class="btn btn-dark finder-next" disabled style="opacity:.5">Next Question →</button>
</div>
</div>
<div class="finder-step" data-step="3">
<div class="step-num">Question 3 of 3</div>
<h3>What's your long-term goal?</h3>
<p class="step-desc">Where do you see yourself 10 years after graduation?</p>
<div class="finder-options">
<div class="finder-option" data-q="goal" data-v="research">🎓 Graduate school or PhD</div>
<div class="finder-option" data-q="goal" data-v="industry">💼 Industry career at top company</div>
<div class="finder-option" data-q="goal" data-v="startup">🚀 Launch my own venture</div>
<div class="finder-option" data-q="goal" data-v="impact">🌱 Drive social or global impact</div>
</div>
<div class="finder-nav">
<button class="btn btn-ghost finder-prev" style="color:var(--navy);border-color:var(--line)">← Back</button>
<button class="btn btn-primary finder-result-btn" disabled style="opacity:.5">See My Match →</button>
</div>
</div>
<div class="finder-step" data-step="4">
<div class="finder-result">
<div class="match-badge">Your Best Match</div>
<h3 id="resultTitle">Computer Science & AI</h3>
<p style="color:var(--muted);max-width:560px;margin:0 auto" id="resultDesc">A rigorous program that combines algorithmic thinking, hands-on software development, and cutting-edge AI research — preparing you to lead in tech, academia, or your own startup.</p>
<div class="prog-meta">
<span><strong>124</strong> credit hours</span>
<span><strong>4 years</strong> B.S.</span>
<span><strong>$52K</strong> avg starting salary</span>
</div>
<div style="margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap">
<a href="#" class="btn btn-primary">Start Application</a>
<a href="#" class="btn btn-dark">Request Information</a>
</div>
<button class="finder-restart" style="background:none;border:none;color:var(--gold);font-weight:600;cursor:pointer;margin-top:24px;font-family:inherit;font-size:14px">↻ Start Over</button>
</div>
</div>
</div>
</div>
</section>
<section class="section" style="background:var(--white)" id="faq">
<div class="container">
<div class="section-head">
<span class="eyebrow">Admissions FAQ</span>
<h2>Your Questions, Answered</h2>
<p>Everything you need to know about applying, financial aid, and life at Meridian University. Can't find what you're looking for? Our admissions team is one click away.</p>
</div>
<div class="faq-list">
<div class="faq-item">
<div class="faq-q">What are the application requirements for first-year students?</div>
<div class="faq-a"><p>First-year applicants submit the Common Application or Coalition Application, official high school transcripts, two letters of recommendation, a personal statement, and standardized test scores (optional through 2026). We practice holistic review — there's no single formula for admission. We evaluate academic performance in context, intellectual curiosity, character, and potential to contribute to our community.</p></div>
</div>
<div class="faq-item">
<div class="faq-q">How much does Meridian cost, and what financial aid is available?</div>
<div class="faq-a"><p>Tuition for the 2024-2025 academic year is $58,940, with total estimated costs of $82,760 including room, board, and fees. Meridian meets 100% of demonstrated financial need for all admitted students — including international students — through grants (not loans). 64% of our current students receive need-based aid, with an average grant of $48,200. Submit the FAFSA (priority date February 1) and CSS Profile to be considered.</p></div>
</div>
<div class="faq-item">
<div class="faq-q">Can I transfer credits from another institution?</div>
<div class="faq-a"><p>Yes. Meridian accepts up to 64 credit hours of transferable coursework from accredited two- and four-year institutions. Transfer applicants submit the Common App with Transfer supplement, college transcripts, a college report, and one letter of recommendation from a college instructor. We have dedicated transfer admissions counselors who perform individualized credit evaluations within two weeks of acceptance.</p></div>
</div>
<div class="faq-item">
<div class="faq-q">What is the academic calendar and class structure?</div>
<div class="faq-a"><p>Meridian operates on a traditional semester system with fall (late August to mid-December) and spring (mid-January to early May) terms, plus an optional six-week May Term and two summer sessions. Most undergraduate courses are 3 or 4 credit hours. Classes are kept small — the student-to-faculty ratio is 9:1, and 68% of undergraduate sections have fewer than 20 students.</p></div>
</div>
<div class="faq-item">
<div class="faq-q">Are there opportunities for undergraduate research?</div>
<div class="faq-a"><p>Absolutely. Over 80% of Meridian undergraduates participate in at least one substantive research experience before graduation. The Undergraduate Research Office funds summer fellowships averaging $5,000, supports students presenting at national conferences, and connects students with faculty mentors across all 47 academic departments. Many students co-author published papers or earn authorship on patents.</p></div>
</div>
<div class="faq-item">
<div class="faq-q">What career outcomes can I expect after graduating?</div>
<div class="faq-a"><p>Within six months of graduation, 92% of the Class of 2023 were employed full-time, in graduate school, or engaged in fellowship programs. The median starting salary was $68,400, with engineering and computer science graduates averaging $85,000+. Our Career Services office provides lifetime support — including one-on-one coaching, an alumni mentor network of 87,000+, and an annual job fair with 280+ employers.</p></div>
</div>
</div>
</div>
</section>
<section class="cta-banner" id="alumni">
<div class="container">
<div>
<h2>Ready to write your <em>Meridian story?</em></h2>
<p style="opacity:.85;margin-top:12px;font-size:17px;max-width:560px">Join 87,000+ alumni who are transforming industries, communities, and the world. Your journey starts with a single application.</p>
</div>
<div class="ctas">
<a href="#" class="btn btn-primary">Start Application</a>
<a href="#" class="btn btn-ghost">Schedule a Visit</a>
</div>
</div>
</section>
<footer id="contact">
<div class="container">
<div class="foot-grid">
<div class="foot-col">
<div class="foot-brand">
<div class="logo-img">M</div>
<strong>Meridian University</strong>
</div>
<p>A private research university committed to academic excellence, groundbreaking discovery, and the development of ethical leaders since 1887.</p>
<div class="socials">
<a href="#" title="Facebook">f</a>
<a href="#" title="Twitter">𝕏</a>
<a href="#" title="Instagram">◉</a>
<a href="#" title="LinkedIn">in</a>
<a href="#" title="YouTube">▶</a>
</div>
</div>
<div class="foot-col">
<h5>Academics</h5>
<ul>
<li><a href="#">Undergraduate</a></li>
<li><a href="#">Graduate Programs</a></li>
<li><a href="#">Online Learning</a></li>
<li><a href="#">Continuing Education</a></li>
<li><a href="#">Academic Calendar</a></li>
<li><a href="#">Schools & Colleges</a></li>
</ul>
</div>
<div class="foot-col">
<h5>Admissions</h5>
<ul>
<li><a href="#">Apply Now</a></li>
<li><a href="#">Financial Aid</a></li>
<li><a href="#">Tuition & Fees</a></li>
<li><a href="#">Visit Campus</a></li>
<li><a href="#">International Students</a></li>
<li><a href="#">Transfer Students</a></li>
</ul>
</div>
<div class="foot-col">
<h5>Campus Life</h5>
<ul>
<li><a href="#">Housing & Dining</a></li>
<li><a href="#">Student Organizations</a></li>
<li><a href="#">Athletics</a></li>
<li><a href="#">Health & Wellness</a></li>
<li><a href="#">Diversity & Inclusion</a></li>
<li><a href="#">Alumni Network</a></li>
</ul>
</div>
<div class="foot-col">
<h5>Stay Connected</h5>
<div class="foot-contact"><span>📍</span><span>1847 Founders Avenue<br>Cambridge, MA 02139</span></div>
<div class="foot-contact"><span>☎</span><span>+1 (617) 555-0142</span></div>
<div class="foot-contact"><span>✉</span><span>admissions@meridian.edu</span></div>
<form class="newsletter" onsubmit="event.preventDefault();this.querySelector('input').value='';this.querySelector('button').textContent='✓ Subscribed'">
<input type="email" placeholder="Your email address" required>
<button type="submit">Join</button>
</form>
<p style="font-size:12px;opacity:.6;margin-top:10px">Get monthly updates on events, research, and admissions deadlines.</p>
</div>
</div>
<div class="foot-bottom">
<span>© 2025 Meridian University. All rights reserved.</span>
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Accessibility</a></li>
<li><a href="#">Title IX</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
</footer>
<button class="chat-btn" onclick="toggleChat()" aria-label="Chat with admissions advisor">
<span class="pulse"></span>
<span id="chatIcon">💬</span>
</button>
<div class="chat-window" id="chatWindow">
<div class="chat-head">
<div class="avatar">SR</div>
<div>
<strong>Sarah Reynolds</strong>
<span>● Admissions Advisor · typically replies instantly</span>
</div>
</div>
<div class="chat-body" id="chatBody">
<div class="chat-msg bot">
<div class="chat-bubble">Hi there! 👋 I'm Sarah from Meridian's admissions team. How can I help you today?</div>
</div>
<div class="chat-quick">
<button onclick="sendQuick('Tell me about programs')">Programs</button>
<button onclick="sendQuick('How do I apply?')">How to apply</button>
<button onclick="sendQuick('Financial aid info')">Financial aid</button>
<button onclick="sendQuick('Schedule a campus tour')">Campus tour</button>
</div>
</div>
<form class="chat-input" onsubmit="event.preventDefault();sendMsg()">
<input type="text" id="chatInput" placeholder="Type your message...">
<button type="submit">➤</button>
</form>
</div>
<script>
// FAQ accordion
document.querySelectorAll('.faq-q').forEach(q=>{
q.addEventListener('click',()=>{
const item=q.parentElement;
const wasOpen=item.classList.contains('open');
document.querySelectorAll('.faq-item').forEach(i=>i.classList.remove('open'));
if(!wasOpen)item.classList.add('open');
});
});
// Program Finder logic
const answers={};
const recommendations={
'science_lab_research':{title:'Medical & Health Sciences',desc:'A rigorous program combining biology, chemistry, and clinical experience — preparing you for medical school, biomedical research, or careers in global health. Our affiliated teaching hospital provides unmatched hands-on training.',hours:'130 credit hours',time:'4 years B.S. Pre-Med',salary:'$58K avg starting'},
'science_lab_industry':{title:'Engineering & Applied Sciences',desc:'Apply scientific principles to real-world problems through ABET-accredited programs featuring state-of-the-art fabrication labs, industry-sponsored capstones, and co-op opportunities at leading engineering firms.',hours:'128 credit hours',time:'4 years B.S.',salary:'$72K avg starting'},
'science_team_impact':{title:'Environmental & Earth Sciences',desc:'Address climate and ecological challenges through field-based research in our 2,400-acre outdoor learning laboratory, partner marine biology stations, and international sustainability programs.',hours:'122 credit hours',time:'4 years B.S.',salary:'$54K avg starting'},
'science_solo_research':{title:'Liberal Arts & Humanities',desc:'Explore philosophy, literature, history, and culture through small seminars led by award-winning scholars and published authors — ideal preparation for graduate study and intellectual leadership.',hours:'120 credit hours',time:'4 years B.A.',salary:'$48K avg starting'},
'tech_team_industry':{title:'Computer Science & AI',desc:'Master algorithms, machine learning, and software engineering with access to our GPU computing cluster, robotics lab, and dedicated AI ethics research center — launching careers at top tech companies.',hours:'124 credit hours',time:'4 years B.S.',salary:'$85K avg starting'},
'tech_team_startup':{title:'Computer Science & AI',desc:'Master algorithms, machine learning, and software engineering with access to our GPU computing cluster, robotics lab, and dedicated AI ethics research center — launching careers at top tech companies.',hours:'124 credit hours',time:'4 years B.S.',salary:'$85K avg starting'},
'tech_lab_research':{title:'Computer Science & AI',desc:'Master algorithms, machine learning, and software engineering with access to our GPU computing cluster, robotics lab, and dedicated AI ethics research center — launching careers at top tech companies.',hours:'124 credit hours',time:'4 years B.S.',salary:'$85K avg starting'},
'tech_field_impact':{title:'Engineering & Applied Sciences',desc:'Apply scientific principles to real-world problems through ABET-accredited programs featuring state-of-the-art fabrication labs, industry-sponsored capstones, and co-op opportunities at leading engineering firms.',hours:'128 credit hours',time:'4 years B.S.',salary:'$72K avg starting'},
'business_team_industry':{title:'Business & Management',desc:'Develop strategic thinking and leadership capabilities through AACSB-accredited programs featuring case-method learning, global residencies, and corporate partnerships with Fortune 500 firms.',hours:'120 credit hours',time:'4 years BBA',salary:'$68K avg starting'},
'business_team_startup':{title:'Business & Management',desc:'Develop strategic thinking and leadership capabilities through AACSB-accredited programs featuring case-method learning, global residencies, and our entrepreneurship incubator with $25K seed funding available.',hours:'120 credit hours',time:'4 years BBA',salary:'$68K avg starting'},
'business_solo_research':{title:'Liberal Arts & Humanities',desc:'Explore philosophy, literature, history, and culture through small seminars led by award-winning scholars and published authors — ideal preparation for graduate study and intellectual leadership.',hours:'120 credit hours',time:'4 years B.A.',salary:'$48K avg starting'},
'business_field_impact':{title:'Business & Management',desc:'Develop strategic thinking and leadership capabilities through AACSB-accredited programs featuring case-method learning, global residencies, and corporate partnerships with Fortune 500 firms.',hours:'120 credit hours',time:'4 years BBA',salary:'$68K avg starting'},
'people_team_impact':{title:'Liberal Arts & Humanities',desc:'Explore philosophy, literature, history, and culture through small seminars led by award-winning scholars and published authors — ideal preparation for careers in policy, communications, education, and social impact.',hours:'120 credit hours',time:'4 years B.A.',salary:'$48K avg starting'},
'people_solo_research':{title:'Liberal Arts & Humanities',desc:'Explore philosophy, literature, history, and culture through small seminars led by award-winning scholars and published authors — ideal preparation for graduate study and intellectual leadership.',hours:'120 credit hours',time:'4 years B.A.',salary:'$48K avg starting'},
'people_field_impact':{title:'Medical & Health Sciences',desc:'A rigorous program combining biology, chemistry, and clinical experience — preparing you for medical school, biomedical research, or careers in global health. Our affiliated teaching hospital provides unmatched hands-on training.',hours:'130 credit hours',time:'4 years B.S. Pre-Med',salary:'$58K avg starting'},
'people_team_industry':{title:'Business & Management',desc:'Develop strategic thinking and leadership capabilities through AACSB-accredited programs featuring case-method learning, global residencies, and corporate partnerships with Fortune 500 firms.',hours:'120 credit hours',time:'4 years BBA',salary:'$68K avg starting'}
};
document.querySelectorAll('.finder-option').forEach(opt=>{
opt.addEventListener('click',()=>{
const q=opt.dataset.q;
const parent=opt.parentElement;
parent.querySelectorAll('.finder-option').forEach(o=>o.classList.remove('selected'));
opt.classList.add('selected');
answers[q]=opt.dataset.v;
const step=opt.closest('.finder-step');
const btn=step.querySelector('.finder-next, .finder-result-btn');
btn.disabled=false;
btn.style.opacity='1';
});
});
document.querySelectorAll('.finder-next').forEach(btn=>{
btn.addEventListener('click',()=>{
const current=btn.closest('.finder-step');
const nextNum=parseInt(current.dataset.step)+1;
current.classList.remove('active');
document.querySelector(`.finder-step[data-step="${nextNum}"]`).classList.add('active');
document.getElementById('progBar').style.width=(nextNum*25)+'%';
});
});
document.querySelectorAll('.finder-prev').forEach(btn=>{
btn.addEventListener('click',()=>{
const current=btn.closest('.finder-step');
const prevNum=parseInt(current.dataset.step)-1;
current.classList.remove('active');
document.querySelector(`.finder-step[data-step="${prevNum}"]`).classList.add('active');
document.getElementById('progBar').style.width=(prevNum*25)+'%';
});
});
document.querySelector('.finder-result-btn').addEventListener('click',()=>{
const key=`${answers.interest}_${answers.style}_${answers.goal}`;
const rec=recommendations[key]||recommendations['tech_team_industry'];
document.getElementById('resultTitle').textContent=rec.title;
document.getElementById('resultDesc').textContent=rec.desc;
document.querySelector('.finder-result .prog-meta').innerHTML=`<span><strong>${rec.hours}</strong></span><span><strong>${rec.time}</strong></span><span><strong>${rec.salary}</strong></span>`;
document.querySelector('.finder-step[data-step="3"]').classList.remove('active');
document.querySelector('.finder-step[data-step="4"]').classList.add('active');
document.getElementById('progBar').style.width='100%';
});
document.querySelector('.finder-restart').addEventListener('click',()=>{
Object.keys(answers).forEach(k=>delete answers[k]);
document.querySelectorAll('.finder-option').forEach(o=>o.classList.remove('selected'));
document.querySelectorAll('.finder-step').forEach(s=>s.classList.remove('active'));
document.querySelector('.finder-step[data-step="1"]').classList.add('active');
document.getElementById('progBar').style.width='25%';
document.querySelectorAll('.finder-next, .finder-result-btn').forEach(b=>{b.disabled=true;b.style.opacity='.5'});
});
// Chat widget
let chatOpen=false;
function toggleChat(){
chatOpen=!chatOpen;
document.getElementById('chatWindow').classList.toggle('open',chatOpen);
document.getElementById('chatIcon').textContent=chatOpen?'✕':'💬';
if(chatOpen && !document.querySelector('.user-msg-sent')){
setTimeout(()=>{},300);
}
}
function sendQuick(text){
document.getElementById('chatInput').value=text;
sendMsg();
}
function sendMsg(){
const input=document.getElementById('chatInput');
const text=input.value.trim();
if(!text)return;
const body=document.getElementById('chatBody');
const userMsg=document.createElement('div');
userMsg.className='chat-msg user';
userMsg.innerHTML=`<div class="chat-bubble">${text}</div>`;
body.appendChild(userMsg);
input.value='';
body.scrollTop=body.scrollHeight;
setTimeout(()=>{
const reply=getReply(text);
const botMsg=document.createElement('div');
botMsg.className='chat-msg bot';
botMsg.innerHTML=`<div class="chat-bubble">${reply}</div>`;
body.appendChild(botMsg);
body.scrollTop=body.scrollHeight;
},800);
}
function getReply(text){
const t=text.toLowerCase();
if(t.includes('program'))return 'We offer 320+ programs across 8 schools. Popular choices include Computer Science, Business, Engineering, and Pre-Med. Want me to send you our program guide PDF?';
if(t.includes('apply')||t.includes('application'))return 'Great! Applications open August 1. Early Action deadline is November 15, Regular Decision is January 15. You can start your application at meridian.edu/apply — would you like the direct link?';
if(t.includes('aid')||t.includes('financial')||t.includes('cost')||t.includes('tuition'))return 'We meet 100% of demonstrated financial need with grants (not loans). 64% of students receive aid averaging $48,200. Submit the FAFSA by Feb 1 for priority consideration.';
if(t.includes('tour')||t.includes('visit')||t.includes('campus'))return 'Wonderful! Campus tours run Monday-Saturday at 10am and 2pm. You can also attend our upcoming Preview Day on March 8. Want me to book a tour for you?';
if(t.includes('hi')||t.includes('hello')||t.includes('hey'))return 'Hello! So glad you\'re interested in Meridian. What would you like to know — programs, admissions, financial aid, or campus life?';
return 'Thanks for your message! I\'ll connect you with an admissions counselor who can give you detailed information. In the meantime, is there anything specific about Meridian I can help with right now?';
}
// Smooth scroll for nav
document.querySelectorAll('a[href^="#"]').forEach(a=>{
a.addEventListener('click',e=>{
const href=a.getAttribute('href');
if(href==='#'||href.length<2)return;
const t=document.querySelector(href);
if(t){
e.preventDefault();
t.scrollIntoView({behavior:'smooth',block:'start'});
document.getElementById('nav').classList.remove('open');
}
});
});
</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:41:49.924Z",
"url": "https://benchmark.aimac.invalid/239f6fa95f7af987fa110c6fd3f20f1e1e25815fde1c5d6886fc1c46439523b5.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "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": "<button class=\"chat-btn\" onclick=\"toggleChat()\" aria-label=\"Chat with admissions advisor\">\n <span class=\"pulse\"></span>\n <span id=\"chatIcon\">\ud83d\udcac</span>\n</button>",
"target": [
".chat-btn"
]
}
]
},
{
"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": "<button class=\"chat-btn\" onclick=\"toggleChat()\" aria-label=\"Chat with admissions advisor\">\n <span class=\"pulse\"></span>\n <span id=\"chatIcon\">\ud83d\udcac</span>\n</button>",
"target": [
".chat-btn"
]
}
]
},
{
"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": "<button class=\"chat-btn\" onclick=\"toggleChat()\" aria-label=\"Chat with admissions advisor\">\n <span class=\"pulse\"></span>\n <span id=\"chatIcon\">\ud83d\udcac</span>\n</button>",
"target": [
".chat-btn"
]
}
]
},
{
"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": "<button class=\"chat-btn\" onclick=\"toggleChat()\" aria-label=\"Chat with admissions advisor\">\n <span class=\"pulse\"></span>\n <span id=\"chatIcon\">\ud83d\udcac</span>\n</button>",
"target": [
".chat-btn"
]
}
]
},
{
"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": "<button class=\"chat-btn\" onclick=\"toggleChat()\" aria-label=\"Chat with admissions advisor\">\n <span class=\"pulse\"></span>\n <span id=\"chatIcon\">\ud83d\udcac</span>\n</button>",
"target": [
".chat-btn"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div style=\"text-align:center;margin-top:48px\">\n <a href=\"#\" class=\"btn btn-dark\">Explore All 320+ Programs</a>\n </div>",
"target": [
"#programs > .container > div:nth-child(3)"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"btn btn-dark finder-next\" disabled=\"\" style=\"opacity:.5\">Next Question \u2192</button>",
"target": [
"div[data-step=\"1\"] > .finder-nav > .finder-next.btn-dark"
]
}
]
},
{
"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>Empowering Tomorrow's Leaders Through <em>Innovative Learning</em></h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Discover Your Path to Purpose</h2>",
"target": [
"#programs > .container > .section-head > h2"
]
},
{
"html": "<h3>Business & Management</h3>",
"target": [
".prog-card:nth-child(1) > .body > h3"
]
},
{
"html": "<h3>Engineering & Applied Sciences</h3>",
"target": [
".prog-card:nth-child(2) > .body > h3"
]
},
{
"html": "<h3>Liberal Arts & Humanities</h3>",
"target": [
".prog-card:nth-child(3) > .body > h3"
]
},
{
"html": "<h3>Computer Science & AI</h3>",
"target": [
".prog-card:nth-child(4) > .body > h3"
]
},
{
"html": "<h3>Medical & Health Sciences</h3>",
"target": [
".prog-card:nth-child(5) > .body > h3"
]
},
{
"html": "<h3>Environmental & Earth Sciences</h3>",
"target": [
".prog-card:nth-child(6) > .body > h3"
]
},
{
"html": "<h2>Where Ambition Meets Opportunity</h2>",
"target": [
"#admissions > .container > .section-head > h2"
]
},
{
"html": "<h4>Upcoming Deadlines</h4>",
"target": [
".widget:nth-child(1) > h4"
]
},
{
"html": "<h4>Research Updates</h4>",
"target": [
".widget:nth-child(2) > h4"
]
},
{
"html": "<h4 style=\"border-bottom-color:var(--gold-2);color:var(--white)\">Faculty Highlights</h4>",
"target": [
".widget:nth-child(3) > h4"
]
},
{
"html": "<h2>Learn From World-Renowned Scholars</h2>",
"target": [
"#faculty > .container > .section-head > h2"
]
},
{
"html": "<h4>Dr. Elena Vasquez</h4>",
"target": [
".faculty-card:nth-child(1) > .body > h4"
]
},
{
"html": "<h4>Dr. James Okafor</h4>",
"target": [
".faculty-card:nth-child(2) > .body > h4"
]
},
{
"html": "<h4>Dr. Priya Natarajan</h4>",
"target": [
".faculty-card:nth-child(3) > .body > h4"
]
},
{
"html": "<h2>Discovery That Changes the World</h2>",
"target": [
"#research > .container > .section-head > h2"
]
},
{
"html": "<h3>The Quantum Frontier Initiative</h3>",
"target": [
".featured > h3"
]
},
{
"html": "<h3>Alzheimer's Biomarker Study</h3>",
"target": [
".research-card:nth-child(2) > h3"
]
},
{
"html": "<h3>Coastal Resilience Network</h3>",
"target": [
".research-card:nth-child(3) > h3"
]
},
{
"html": "<h3>Algorithmic Fairness Framework</h3>",
"target": [
".research-card:nth-child(4) > h3"
]
},
{
"html": "<h3>Next-Gen Solar Cells</h3>",
"target": [
".research-card:nth-child(5) > h3"
]
},
{
"html": "<h2>Which Program Is Right for You?</h2>",
"target": [
"#info > .container > .section-head > h2"
]
},
{
"html": "<h3>What excites you most?</h3>",
"target": [
"div[data-step=\"1\"] > h3"
]
},
{
"html": "<h2>Your Questions, Answered</h2>",
"target": [
"#faq > .container > .section-head > h2"
]
},
{
"html": "<h2>Ready to write your <em>Meridian story?</em></h2>",
"target": [
"#alumni > .container > div:nth-child(1) > h2"
]
},
{
"html": "<h5>Academics</h5>",
"target": [
".foot-col:nth-child(2) > h5"
]
},
{
"html": "<h5>Admissions</h5>",
"target": [
".foot-col:nth-child(3) > h5"
]
},
{
"html": "<h5>Campus Life</h5>",
"target": [
".foot-col:nth-child(4) > h5"
]
},
{
"html": "<h5>Stay Connected</h5>",
"target": [
".foot-col:nth-child(5) > 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": "#0a2540",
"contrastRatio": 15.53,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 15.53"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span>\ud83d\udccd 1847 Founders Avenue, Cambridge, MA 02139</span>",
"target": [
".tb-info > span:nth-child(1)"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"email\" placeholder=\"Your email address\" required=\"\">",
"target": [
"input[type=\"email\"]"
]
}
]
},
{
"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://picsum.photos/600/400?random=11\" alt=\"Business School\">",
"target": [
"img[alt=\"Business School\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"email\" placeholder=\"Your email address\" required=\"\">",
"target": [
"input[type=\"email\"]"
]
}
]
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<div class=\"body\">",
"target": [
".prog-card:nth-child(1) > .body"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(1) > .body > .link[href=\"#\"]"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#\">Student Portal</a>",
"target": [
".tb-links > a[href=\"#\"]:nth-child(1)"
]
}
]
},
{
"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 id=\"nav\">",
"target": [
"#nav"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#\" class=\"active\">Home</a></li>",
"target": [
"#nav > 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://picsum.photos/600/400?random=11\" alt=\"Business School\">",
"target": [
"img[alt=\"Business School\"]"
]
}
]
},
{
"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-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=\"#\">Student Portal</a>",
"target": [
".tb-links > a[href=\"#\"]:nth-child(1)"
]
}
]
}
],
"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": "48.0pt (64px)",
"fontWeight": "bold",
"messageKey": "bgGradient",
"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 gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1>Empowering Tomorrow's Leaders Through <em>Innovative Learning</em></h1>",
"target": [
"h1"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "8.3pt (11px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header>",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Est. 1887</span>",
"target": [
".logo-text > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section programs\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Academic Excellence</span>",
"target": [
"#programs > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(1) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(2) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(3) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(4) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(5) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "10.5pt (14px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"prog-card\">",
"target": [
".prog-card:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, 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=\"link\">View Courses</a>",
"target": [
".prog-card:nth-child(6) > .body > .link[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\">",
"target": [
".widget:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"date\">DEC 12, 2024</span>",
"target": [
"li:nth-child(1) > .date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\">",
"target": [
".widget:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"date\">NOV 28, 2024</span>",
"target": [
"li:nth-child(2) > .date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\">",
"target": [
".widget:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"date\">NOV 14, 2024</span>",
"target": [
"li:nth-child(3) > .date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\">",
"target": [
".widget:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"date\">OCT 30, 2024</span>",
"target": [
"li:nth-child(4) > .date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section\" id=\"faculty\" style=\"background:var(--white)\">",
"target": [
"#faculty"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Faculty Spotlight</span>",
"target": [
"#faculty > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "8.3pt (11px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"faculty-card\">",
"target": [
".faculty-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"dept\">Department of Astrophysics</span>",
"target": [
".faculty-card:nth-child(1) > .body > .dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "8.3pt (11px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"faculty-card\">",
"target": [
".faculty-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"dept\">Department of Bioethics</span>",
"target": [
".faculty-card:nth-child(2) > .body > .dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "8.3pt (11px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"faculty-card\">",
"target": [
".faculty-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"dept\">School of Business</span>",
"target": [
".faculty-card:nth-child(3) > .body > .dept"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder-box\">",
"target": [
".finder-box"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"step-num\">Question 1 of 3</div>",
"target": [
"div[data-step=\"1\"] > .step-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9a961",
"bgColor": "#ffffff",
"contrastRatio": 2.25,
"fontSize": "9.0pt (12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section\" style=\"background:var(--white)\" id=\"faq\">",
"target": [
"#faq"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Admissions FAQ</span>",
"target": [
"#faq > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.25 (foreground color: #c9a961, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 8922
},
{
"y": 576,
"height": 8922
},
{
"y": 1152,
"height": 8922
},
{
"y": 1728,
"height": 8922
},
{
"y": 2304,
"height": 8922
},
{
"y": 2880,
"height": 8922
},
{
"y": 3456,
"height": 8922
},
{
"y": 4032,
"height": 8922
},
{
"y": 4608,
"height": 8922
},
{
"y": 5184,
"height": 8922
},
{
"y": 5760,
"height": 8922
},
{
"y": 6336,
"height": 8922
},
{
"y": 6912,
"height": 8922
},
{
"y": 7488,
"height": 8922
},
{
"y": 8064,
"height": 8922
},
{
"y": 8202,
"height": 8922
}
],
"scans": 17,
"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: "Contact", "Alumni", "Research".
- **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: "Student Success", "Degree Programs", "Faculty Spotlight".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "academic calendar", "credit hours", "financial aid".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Start Application", "Request Information", "View Courses".
- **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: "advisor chat".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "research updates", "faculty highlights", "upcoming deadlines".
- **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.