Xiaomi MiMo V2.6 Flash – Education
via Io Net · Generated
- AIMAC Debt 8.11
- Cost $0.008
- Total Violations 76
- HTML Size 79 KB
- Em Dashes 23
Screenshot
View Live Page
Accessibility Issues Found
76 Serious
-
color-contrast serious 75 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="brand-tag">Scholarship that moves the world forward</span> -
target-size serious 1 instance
All touch targets must be 24px large, or leave sufficient space
Example HTML
<input id="fName" name="name" type="text" placeholder="Jordan Whitfield" required="">
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Northlight University — Scholarship that moves the world forward</title>
<meta name="description" content="Northlight University is a private research institution offering 120+ undergraduate and graduate programs, hands-on research, and flexible online learning across five schools." />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
/* ============ TOKENS ============ */
:root{
--ink:#0F1B2A;
--ink-2:#16273C;
--ink-3:#1E3консь;
--slate:#4C5F79;
--muted:#6B7C93;
--parchment:#F7F3EA;
--parchment-2:#EFE9DC;
--paper:#FFFFFF;
--amber:#C07318;
--amber-l:#E8A34A;
--teal:#0E6E63;
--teal-l:#1B9384;
--line:rgba(15,27,42,.13);
--line-soft:rgba(15,27,42,.07);
--max:1220px;
--r:16px;
--r-sm:10px;
--shadow-sm:0 1px 2px rgba(15,27,42,.06),0 6px 18px rgba(15,27,42,.05);
--shadow-md:0 18px 44px -18px rgba(15,27,42,.32);
--ff-d:'Fraunces',Georgia,'Times New Roman',serif;
--ff-b:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
margin:0;background:var(--parchment);color:var(--ink);
font-family:var(--ff-b);font-size:17px;line-height:1.7;
-webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--ff-d);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin:0}
h1{font-size:clamp(2.6rem,5.6vw,4.35rem)}
h2{font-size:clamp(2rem,3.9vw,3rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem)}
p{margin:0 0 1.1em}
.wrap{width:min(100% - 2.5rem,var(--max));margin-inline:auto}
.eyebrow{
font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
color:var(--amber);margin:0 0 1rem;display:flex;align-items:center;gap:.7rem;
}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--amber);display:block}
.lede{font-size:1.13rem;color:var(--slate);max-width:66ch}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.8rem 1.2rem;z-index:999}
.skip:focus{left:.5rem;top:.5rem}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}
/* ============ BUTTONS ============ */
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
font-family:var(--ff-b);font-size:.95rem;font-weight:600;letter-spacing:.01em;
padding:.92rem 1.55rem;border-radius:100px;border:1.5px solid transparent;
cursor:pointer;transition:.25s cubic-bezier(.4,0,.2,1);white-space:nowrap;
}
.btn svg{width:17px;height:17px;transition:transform .25s}
.btn:hover svg{transform:translateX(4px)}
.btn-primary{background:var(--amber);color:#fff;box-shadow:0 10px 24px -12px rgba(192,115,24,.9)}
.btn-primary:hover{background:#a9620f;transform:translateY(-2px)}
.btn-dark{background:var(--ink);color:var(--parchment)}
.btn-dark:hover{background:#1c3busy;transform:translateY(-2px)}
.btn-ghost{border-color:rgba(247,243,234,.35);color:var(--parchment)}
.btn-ghost:hover{background:rgba(247,243,234,.12);border-color:rgba(247,243,234,.7)}
.btn-outline{border-color:var(--line);color:var(--ink);background:transparent}
.btn-outline:hover{border-color:var(--ink);background:var(--ink);color:var(--parchment)}
.btn-sm{padding:.62rem 1.15rem;font-size:.85rem}
.link-arrow{
display:inline-flex;align-items:center;gap:.45rem;font-weight:600;font-size:.93rem;
color:var(--amber);border-bottom:1.5px solid transparent;padding-bottom:2px;transition:.2s;
}
.link-arrow:hover{border-color:var(--amber);gap:.75rem}
/* ============ HEADER ============ */
.site-header{
position:sticky;top:0;z-index:100;background:rgba(247,243,234,.92);
backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s;
}
.site-header.stuck{border-color:var(--line);box-shadow:0 6px 26px -18px rgba(15,27,42,.7)}
.topbar{background:var(--ink);color:#A9B7C8;font-size:.76rem;letter-spacing:.04em}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:38px;padding-block:.35rem}
.topbar a{color:#D5DEE9;transition:.2s}
.topbar a:hover{color:var(--amber-l)}
.topbar .tb-links{display:flex;gap:1.35rem}
.header-inner{display:flex;align-items:center;gap:1.6rem;min-height:84px;padding-block:.6rem}
.brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0}
.brand img{width:52px;height:52px;border-radius:12px;box-shadow:var(--shadow-sm)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-name{font-family:var(--ff-d);font-size:1.32rem;font-weight:600;letter-spacing:-.02em}
.brand-tag{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-top:3px}
.main-nav{margin-left:auto}
.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:.35rem}
.nav-list a{
display:block;padding:.55rem .82rem;font-size:.93rem;font-weight:500;color:var(--ink-2);
border-radius:8px;position:relative;transition:.2s;
}
.nav-list a::after{
content:"";position:absolute;left:.82rem;right:.82rem;bottom:.32rem;height:1.5px;
background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .3s;
}
.nav-list a:hover{color:var(--ink);background:rgba(15,27,42,.045)}
.nav-list a:hover::after{transform:scaleX(1)}
.header-cta{display:flex;align-items:center;gap:.7rem}
.nav-toggle{
display:none;width:46px;height:46px;border:1.5px solid var(--line);background:transparent;
border-radius:10px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;
}
.nav-toggle span{display:block;width:19px;height:2px;background:var(--ink);transition:.3s;border-radius:2px}
.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-open .nav-toggle span:nth-child(2){opacity:0}
.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* ============ HERO ============ */
.hero{
position:relative;background:var(--ink);color:var(--parchment);overflow:hidden;
padding:clamp(3.5rem,7vw,6rem) 0 clamp(3rem,6vw,5rem);
}
.hero::before{
content:"";position:absolute;inset:0;
background:
radial-gradient(760px 420px at 78% 12%,rgba(232,163,74,.18),transparent 65%),
radial-gradient(680px 500px at 6% 92%,rgba(27,147,132,.2),transparent 62%);
}
.hero::after{
content:"";position:absolute;inset:0;opacity:.35;
background-image:linear-gradient(rgba(247,243,234,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(247,243,234,.055) 1px,transparent 1px);
background-size:64px 64px;mask-image:linear-gradient(to bottom,#000 35%,transparent);
}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2rem,5vw,4.2rem);align-items:center}
.hero-eyebrow{color:var(--amber-l)}
.hero-eyebrow::before{background:var(--amber-l)}
.hero h1{color:#fff;margin-bottom:1.35rem}
.hero h1 em{font-style:italic;color:var(--amber-l);font-weight:500}
.hero-lede{color:#B9C6D6;font-size:1.12rem;max-width:56ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.1rem}
.hero-media{position:relative}
.hero-media img{border-radius:22px;aspect-ratio:9/10;object-fit:cover;box-shadow:0 40px 70px -32px rgba(0,0,0,.75)}
.hero-badge{
position:absolute;left:-26px;bottom:36px;background:var(--parchment);color:var(--ink);
border-radius:14px;padding:1.05rem 1.3rem;box-shadow:var(--shadow-md);max-width:238px;
}
.hero-badge strong{display:block;font-family:var(--ff-d);font-size:1.9rem;line-height:1;color:var(--amber)}
.hero-badge span{font-size:.79rem;color:var(--slate);display:block;margin-top:.4rem;line-height:1.5}
.hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.2rem;padding-top:1.6rem;border-top:1px solid rgba(247,243,234,.16)}
.hero-chips span{
font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#9FB0C4;
border:1px solid rgba(247,243,234,.22);border-radius:100px;padding:.34rem .8rem;
}
/* ============ STATS ============ */
.stats{background:var(--parchment-2);border-bottom:1px solid var(--line);padding:2.6rem 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stat{border-left:2px solid var(--amber);padding-left:1.1rem}
.stat b{display:block;font-family:var(--ff-d);font-size:clamp(1.9rem,3vw,2.5rem);line-height:1;letter-spacing:-.03em}
.stat span{font-size:.85rem;color:var(--slate);display:block;margin-top:.5rem;line-height:1.5}
/* ============ SECTION SHELL ============ */
section{position:relative}
.sec{padding:clamp(4rem,8vw,6.7rem) 0}
.sec-head{max-width:74ch;margin-bottom:3rem}
.sec-head.center{margin-inline:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head.center .eyebrow::after{content:"";width:34px;height:2px;background:var(--amber);display:block}
/* ============ PROGRAM FINDER ============ */
#programs{background:var(--paper);border-block:1px solid var(--line)}
.finder{
background:var(--parchment);border:1px solid var(--line);border-radius:var(--r);
padding:clamp(1.4rem,3vw,2.1rem);margin-bottom:2.6rem;
}
.finder-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.35rem}
.finder-top h3{font-size:1.18rem}
.finder-top p{margin:0;font-size:.87rem;color:var(--muted)}
.filters{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:1rem;align-items:end}
.field label{
display:block;font-size:.71rem;letter-spacing:.15em;text-transform:uppercase;
font-weight:600;color:var(--slate);margin-bottom:.45rem;
}
.field select{
width:100%;appearance:none;background:var(--paper);border:1.5px solid var(--line);
border-radius:10px;padding:.82rem 2.4rem .82rem .95rem;font-family:var(--ff-b);font-size:.94rem;
color:var(--ink);cursor:pointer;transition:.2s;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234C5F79' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 1rem center;
}
.field select:hover{border-color:var(--slate)}
.result-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.3rem;padding-top:1.2rem;border-top:1px dashed var(--line)}
.result-count{font-size:.9rem;font-weight:600;color:var(--teal)}
.reset-btn{background:none;border:none;font-family:var(--ff-b);font-size:.86rem;font-weight:600;color:var(--slate);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
.reset-btn:hover{color:var(--amber)}
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.35rem}
.program-card{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.55rem;
display:flex;flex-direction:column;transition:.3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;
}
.program-card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.program-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent}
.program-card:hover::before{transform:scaleX(1)}
.program-card.is-hidden{display:none}
.pc-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.95rem}
.tag{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;padding:.28rem .6rem;border-radius:6px;background:rgba(14,110,99,.1);color:var(--teal)}
.tag.alt{background:rgba(192,115,24,.12);color:var(--amber)}
.program-card h3{font-size:1.22rem;margin-bottom:.5rem}
.pc-school{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}
.pc-desc{font-size:.92rem;color:var(--slate);line-height:1.65;margin-bottom:1.15rem;flex:1}
.pc-meta{display:flex;gap:1.4rem;padding-top:.95rem;border-top:1px solid var(--line-soft);margin-bottom:1rem}
.pc-meta div{font-size:.8rem;color:var(--muted)}
.pc-meta b{display:block;font-size:.94rem;color:var(--ink);font-weight:600;margin-top:.15rem}
.no-results{
grid-column:1/-1;text-align:center;padding:3rem 1rem;border:1.5px dashed var(--line);
border-radius:var(--r);color:var(--slate);display:none;
}
.no-results.show{display:block}
/* ============ SCHOOLS / CATALOG ============ */
.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.school-card{
background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
display:flex;flex-direction:column;transition:.3s;
}
.school-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.school-card img{aspect-ratio:16/10;object-fit:cover;width:100%;filter:saturate(.92)}
.school-body{padding:1.5rem 1.5rem 1.7rem;display:flex;flex-direction:column;flex:1}
.school-num{font-family:var(--ff-d);font-size:.85rem;color:var(--amber);letter-spacing:.1em;margin-bottom:.6rem}
.school-card h3{margin-bottom:.6rem}
.school-card p{font-size:.93rem;color:var(--slate);line-height:1.65;flex:1}
.school-foot{font-size:.82rem;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:.9rem;margin-top:.4rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center}
.catalog-note{
display:grid;grid-template-columns:1.35fr 1fr;gap:2.5rem;align-items:center;
margin-top:3.4rem;background:var(--ink);color:var(--parchment);border-radius:22px;overflow:hidden;
}
.catalog-note .cn-text{padding:clamp(1.9rem,4vw,3rem)}
.catalog-note h3{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:.9rem}
.catalog-note p{color:#B4C2D2;font-size:.98rem}
.catalog-note img{height:100%;min-height:280px;object-fit:cover}
/* ============ RESEARCH ============ */
#research{background:var(--parchment-2);border-block:1px solid var(--line)}
.research-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.research-media{position:relative}
.research-media img{border-radius:20px;aspect-ratio:4/3.4;object-fit:cover;box-shadow:var(--shadow-md)}
.research-float{
position:absolute;right:-18px;top:-22px;background:var(--teal);color:#fff;border-radius:16px;
padding:1.05rem 1.25rem;box-shadow:var(--shadow-md);max-width:210px;
}
.research-float b{font-family:var(--ff-d);font-size:1.7rem;display:block;line-height:1}
.research-float span{font-size:.76rem;opacity:.9;display:block;margin-top:.35rem;line-height:1.5}
.pillar{display:flex;gap:1.1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.pillar:first-of-type{border-top:1px solid var(--line)}
.pillar-ico{
flex-shrink:width:44px;height:44px;border-radius:11px;background:rgba(192,115,24,.12);
display:flex;align-items:center;justify-content:center;color:var(--amber);
}
.pillar-ico svg{width:21px;height:21px}
.pillar h4{font-family:var(--ff-d);font-size:1.08rem;margin-bottom:.35rem}
.pillar p{font-size:.93rem;color:var(--slate);margin:0;line-height:1.65}
.research-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}
/* ============ APPLY + SIDEBAR ============ */
.apply-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(2rem,4vw,3.4rem);align-items:start}
.timeline{position:relative;padding-left:2.1rem;margin-top:2rem}
.timeline::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl-item{position:relative;padding-bottom:1.9rem}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{
content:"";position:absolute;left:-2.1rem;top:5px;width:14px;height:14px;border-radius:50%;
background:var(--parchment);border:3px solid var(--amber);transform:translateX(-.5px);
}
.tl-item.done::before{background:var(--teal);border-color:var(--teal)}
.tl-date{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--amber);margin-bottom:.3rem}
.tl-item.done .tl-date{color:var(--teal)}
.tl-item h4{font-family:var(--ff-d);font-size:1.12rem;margin-bottom:.4rem}
.tl-item p{font-size:.93rem;color:var(--slate);margin:0;line-height:1.66}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2.4rem}
.step{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);padding:1.3rem}
.step b{font-family:var(--ff-d);font-size:1.6rem;color:var(--amber);display:block;line-height:1}
.step h4{font-family:var(--ff-b);font-size:.97rem;margin:.6rem 0 .35rem}
.step p{font-size:.86rem;color:var(--slate);margin:0;line-height:1.6}
.sidebar{display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:112px}
.widget{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem}
.widget.dark{background:var(--ink);color:var(--parchment);border-color:transparent}
.widget h4{font-family:var(--ff-d);font-size:1.1rem;margin-bottom:1.05rem;display:flex;align-items:center;gap:.55rem}
.widget.dark h4{color:#fff}
.dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(192,115,24,.22)}
.deadline{display:flex;justify-content:space-between;gap:.9rem;padding:.78rem 0;border-bottom:1px dashed var(--line);font-size:.9rem}
.deadline:last-of-type{border-bottom:none}
.deadline span{color:var(--slate)}
.deadline b{font-weight:600;white-space:nowrap;color:var(--ink)}
.widget.dark .deadline{border-color:rgba(247,243,234,.16)}
.widget.dark .deadline span{color:#A9B7C8}
.widget.dark .deadline b{color:var(--amber-l)}
.news-item{display:flex;gap:.85rem;padding:.85rem 0;border-bottom:1px solid var(--line-soft);align-items:flex-start}
.news-item:last-child{border:none;padding-bottom:0}
.news-item img{width:62px;height:52px;object-fit:cover;border-radius:8px;flex-shrink:0}
.news-item h5{font-family:var(--ff-b);font-size:.89rem;font-weight:600;margin:0 0 .25rem;line-height:1.45}
.news-item h5 a:hover{color:var(--amber)}
.news-item time{font-size:.74rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.form-field{margin-bottom:.85rem}
.form-field label{display:block;font-size:.78rem;font-weight:600;color:#A9B7C8;margin-bottom:.35rem;letter-spacing:.03em}
.form-field input,.form-field select{
width:100%;background:rgba(247,243,234,.07);border:1.5px solid rgba(247,243,234,.2);
border-radius:9px;padding:.75rem .9rem;font-family:var(--ff-b);font-size:.92rem;color:#fff;
}
.form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A9B7C8' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}
.form-field input::placeholder{color:#7C8DA3}
.form-field input:focus,.form-field select:focus{border-color:var(--amber-l);outline:none;background:rgba(247,243,234,.12)}
.widget.dark .btn{width:100%}
.form-note{font-size:.75rem;color:#8496AC;margin:.7rem 0 0;text-align:center}
.form-success{display:none;background:rgba(27,147,132,.2);border:1px solid rgba(27,147,132,.55);border-radius:9px;padding:.85rem;font-size:.87rem;color:#8FE3D7;margin-bottom:.85rem}
.form-success.show{display:block}
/* ============ ALUMNI ============ */
#alumni{background:var(--ink);color:var(--parchment)}
#alumni h2{color:#fff}
#alumni .lede{color:#B4C2D2}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.testi{
background:rgba(247,243,234,.05);border:1px solid rgba(247,243,234,.13);border-radius:var(--r);
padding:1.8rem;display:flex;flex-direction:column;transition:.3s;
}
.testi:hover{background:rgba(247,243,234,.09);transform:translateY(-5px);border-color:rgba(232,163,74,.5)}
.quote-mark{font-family:var(--ff-d);font-size:3.2rem;line-height:.7;color:var(--amber-l);margin-bottom:.7rem}
.testi blockquote{margin:0 0 1.4rem;font-size:1rem;line-height:1.72;color:#D3DCE7;flex:1}
.testi-person{display:flex;align-items:center;gap:.85rem;padding-top:1.2rem;border-top:1px solid rgba(247,243,234,.15)}
.testi-person img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(232,163,74,.6)}
.testi-person b{display:block;font-size:.94rem;color:#fff}
.testi-person span{font-size:.8rem;color:#93A3B7}
.alumni-strip{
display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:3.4rem;
padding-top:2.6rem;border-top:1px solid rgba(247,243,234,.16);
}
.alumni-strip div b{display:block;font-family:var(--ff-d);font-size:clamp(1.7rem,3vw,2.2rem);color:var(--amber-l);line-height:1}
.alumni-strip div span{font-size:.85rem;color:#98A8BB;display:block;margin-top:.45rem}
/* ============ FAQ ============ */
.faq-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.faq-aside{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.9rem;position:sticky;top:112px}
.faq-aside h3{font-size:1.32rem;margin-bottom:.7rem}
.faq-aside p{font-size:.93rem;color:var(--slate)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);background:var(--paper)}
.faq-item summary{
list-style:none;cursor:pointer;padding:1.3rem 1.4rem;display:flex;gap:1rem;
align-items:flex-start;justify-content:space-between;font-weight:600;font-size:1.02rem;
font-family:var(--ff-d);transition:.2s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--amber);background:rgba(192,115,24,.04)}
.faq-ico{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);position:relative;transition:.3s;margin-top:2px}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;background:var(--ink);left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s}
.faq-ico::before{width:11px;height:1.6px}
.faq-ico::after{width:1.6px;height:11px}
.faq-item[open] .faq-ico{background:var(--amber);border-color:var(--amber);transform:rotate(180deg)}
.faq-item[open] .faq-ico::before{background:#fff}
.faq-item[open] .faq-ico::after{opacity:0}
.faq-body{padding:0 1.4rem 1.5rem;font-size:.95rem;color:var(--slate);line-height:1.75;max-width:72ch}
.faq-body p:last-child{margin-bottom:0}
/* ============ CTA BAND ============ */
.cta-band{background:var(--amber);color:#fff;padding:clamp(3rem,6vw,4.6rem) 0;position:relative;overflow:hidden}
.cta-band::after{
content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;
border:2px solid rgba(255,255,255,.28);border-radius:50%;
}
.cta-inner{display:grid;grid-template-columns:1.35fr auto;gap:2.4rem;align-items:center;position:relative;z-index:2}
.cta-band h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.8rem);margin-bottom:.7rem}
.cta-band p{color:rgba(255,255,255,.9);margin:0;max-width:60ch}
.cta-actions{display:flex;gap:.85rem;flex-wrap:wrap}
.cta-band .btn-solid{background:#fff;color:var(--ink)}
.cta-band .btn-solid:hover{background:var(--ink);color:#fff}
.cta-band .btn-line{border-color:rgba(255,255,255,.6);color:#fff}
.cta-band .btn-line:hover{background:rgba(255,255,255,.16);border-color:#fff}
/* ============ FOOTER ============ */
.site-footer{background:var(--ink);color:#93A3B7;padding:clamp(3.2rem,6vw,4.8rem) 0 0;font-size:.93rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.4rem;padding-bottom:3rem;border-bottom:1px solid rgba(247,243,234,.13)}
.foot-brand .brand-name{color:#fff;font-size:1.4rem}
.foot-brand p{margin-top:1.1rem;line-height:1.75;max-width:38ch}
.foot-contact{margin-top:1.4rem;display:flex;flex-direction:column;gap:.55rem}
.foot-contact a,.foot-contact span{display:flex;gap:.6rem;align-items:flex-start;color:#C3CEDB}
.foot-contact a:hover{color:var(--amber-l)}
.foot-contact svg{width:16px;height:16px;flex-shrink:0;margin-top:5px;color:var(--amber-l)}
.site-footer h5{
font-family:var(--ff-b);font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;
color:#fff;margin:0 0 1.15rem;font-weight:600;
}
.foot-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.68rem}
.foot-links a{transition:.2s;display:inline-block}
.foot-links a:hover{color:var(--amber-l);transform:translateX(3px)}
.socials{display:flex;gap:.6rem;margin-top:1.5rem}
.socials a{
width:38px;height:38px;border-radius:9px;border:1px solid rgba(247,243,234,.2);
display:flex;align-items:center;justify-content:center;color:#C3CEDB;transition:.25s;
}
.socials a:hover{background:var(--amber);border-color:var(--amber);color:#fff;transform:translateY(-3px)}
.socials svg{width:17px;height:17px}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.7rem 0;font-size:.84rem}
.foot-bottom ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0;flex-wrap:wrap}
.foot-bottom a:hover{color:var(--amber-l)}
.accreditation{display:flex;flex-wrap:wrap;gap:.7rem;padding-bottom:2.4rem}
.accreditation span{
font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(247,243,234,.2);
padding:.4rem .8rem;border-radius:6px;color:#8496AC;
}
/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in-view{opacity:1;transform:none}
/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
.program-grid,.school-grid,.testi-grid{grid-template-columns:repeat(2,1fr)}
.filters{grid-template-columns:repeat(2,1fr)}
.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:960px){
.header-cta .btn{display:none}
.nav-toggle{display:flex}
.main-nav{
position:absolute;left:0;right:0;top:100%;background:var(--parchment);
border-bottom:1px solid var(--line);box-shadow:0 20px 40px -24px rgba(15,27,42,.6);
max-height:0;overflow:hidden;transition:max-height .4s ease;
}
.nav-open .main-nav{max-height:640px}
.nav-list{flex-direction:column;padding:1rem 1.25rem 1.5rem;gap:.1rem;width:min(100% - 0rem,var(--max));margin-inline:auto}
.nav-list a{padding:.8rem .5rem;font-size:1.02rem;border-bottom:1px solid var(--line-soft)}
.nav-list a::after{display:none}
.site-header{position:sticky}
.header-inner{position:relative}
.hero-grid,.research-grid,.apply-grid,.faq-wrap,.catalog-note,.cta-inner{grid-template-columns:1fr}
.hero-badge{left:14px}
.research-float{right:14px;top:-16px}
.sidebar,.faq-aside{position:static}
.catalog-note img{min-height:220px}
.alumni-strip{grid-template-columns:repeat(2,1fr);gap:1.6rem}
.topbar .tb-links{display:none}
}
@media(max-width:700px){
body{font-size:16px}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}
.program-grid,.school-grid,.testi-grid,.steps{grid-template-columns:1fr}
.filters{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr}
.hero-media img{aspect-ratio:4/3.4}
.hero-badge{position:static;margin-top:1rem;max-width:none}
.brand-tag{display:none}
}
@media(prefers-reduced-motion:reduce){
*{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.reveal{opacity:1;transform:none}
}
</style>
</head>
<body>
<a class="skip" href="#main">Skip to main content</a>
<!-- ================= HEADER ================= -->
<header class="site-header" id="siteHeader">
<div class="topbar">
<div class="wrap">
<span>Office of Admissions · Fall 2026 applications now open</span>
<div class="tb-links">
<a href="#apply">Key Deadlines</a>
<a href="#apply">Financial Aid</a>
<a href="#news">Campus News</a>
<a href="tel:+18025550148">+1 (802) 555‑0148</a>
</div>
</div>
</div>
<div class="wrap header-inner">
<a class="brand" href="#top" aria-label="Northlight University home">
<img src="https://placehold.co/104x104/0F1B2A/F7F3EA?text=NU&font=playfair%20display" alt="Northlight University monogram logo" width="52" height="52">
<span class="brand-text">
<span class="brand-name">Northlight University</span>
<span class="brand-tag">Scholarship that moves the world forward</span>
</span>
</a>
<nav class="main-nav" id="mainNav" aria-label="Primary">
<ul class="nav-list">
<li><a href="#programs">Programs</a></li>
<li><a href="#catalog">Course Catalog</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#apply">Apply</a></li>
<li><a href="#alumni">Alumni</a></li>
<li><a href="#news">News</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
<div class="header-cta">
<a href="#apply" class="btn btn-primary btn-sm">Start Application
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<button class="nav-toggle" id="navToggle" aria-expanded="false" aria-controls="mainNav" aria-label="Toggle navigation menu">
<span></span><span></span><span></span>
</button>
</div>
</div>
</header>
<main id="main">
<span id="top"></span>
<!-- ================= HERO ================= -->
<section class="hero">
<div class="wrap">
<div class="hero-grid">
<div class="hero-copy">
<p class="eyebrow hero-eyebrow">Founded 1897 · Ridgeway, Vermont · Five Schools</p>
<h1>Scholarship that moves the <em>world</em> forward.</h1>
<p class="hero-lede">Northlight University is a private research institution where 12,400 students work shoulder‑to‑shoulder with faculty across 120+ undergraduate, graduate, and doctoral programs. With a 9:1 student‑to‑faculty ratio, lab‑first teaching, and a curriculum built around real credit‑hour milestones, our graduates leave with more than a transcript — they leave with work that matters.</p>
<div class="hero-actions">
<a href="#apply" class="btn btn-primary">Start Application
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#programs" class="btn btn-ghost">Find Your Program</a>
</div>
<div class="hero-chips" aria-label="Institutional highlights">
<span>Regionally Accredited</span>
<span>120+ Programs</span>
<span>Online · Hybrid · On‑Campus</span>
<span>$214M Annual Research</span>
</div>
</div>
<div class="hero-media">
<img src="https://picsum.photos/900/1000?random=31" alt="Students collaborating in a bright university lecture hall" width="900" height="1000">
<div class="hero-badge">
<strong>94%</strong>
<span>of the Class of 2025 were employed or enrolled in graduate school within six months of graduation.</span>
</div>
</div>
</div>
</div>
</section>
<!-- ================= STATS / ABOUT ================= -->
<section class="stats" id="about">
<div class="wrap">
<div class="stats-grid">
<div class="stat"><b>9:1</b><span>Student‑to‑faculty ratio across every school and every degree level.</span></div>
<div class="stat"><b>120+</b><span>Degree programs, from 120‑credit bachelor's tracks to 72‑credit doctoral study.</span></div>
<div class="stat"><b>61</b><span>Countries represented in a student body of 12,400 enrolled learners.</span></div>
<div class="stat"><b>$214M</b><span>Annual sponsored research expenditure supporting 41 interdisciplinary centers.</span></div>
</div>
</div>
</section>
<!-- ================= PROGRAM FINDER ================= -->
<section class="sec" id="programs">
<div class="wrap">
<div class="sec-head reveal">
<p class="eyebrow">Program Finder</p>
<h2>Nine hundred courses. One path that fits you.</h2>
<p class="lede">Every Northlight degree is defined by transparent graduation requirements: a declared major, a general‑education core, a residency requirement, and a capstone that proves mastery. Use the finder below to narrow our catalog by credential level, field of study, and delivery format — then request information or speak directly with an admissions advisor.</p>
</div>
<div class="finder reveal">
<div class="finder-top">
<div>
<h3>Search the academic catalog</h3>
<p>Filters update instantly — no page reload required.</p>
</div>
<a href="#catalog" class="link-arrow">Browse full course catalog
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
</div>
<div class="filters">
<div class="field">
<label for="fLevel">Credential level</label>
<select id="fLevel">
<option value="all">All levels</option>
<option value="undergraduate">Undergraduate (B.A. / B.S. / B.F.A.)</option>
<option value="graduate">Graduate (M.S. / M.B.A. / M.Ed.)</option>
<option value="doctoral">Doctoral (Ph.D. / Ed.D.)</option>
</select>
</div>
<div class="field">
<label for="fField">Field of study</label>
<select id="fField">
<option value="all">All fields</option>
<option value="engineering">Engineering & Computing</option>
<option value="sciences">Natural Sciences</option>
<option value="business">Business & Policy</option>
<option value="education">Education & Pedagogy</option>
<option value="arts">Arts & Humanities</option>
<option value="health">Public Health</option>
</select>
</div>
<div class="field">
<label for="fFormat">Delivery format</label>
<select id="fFormat">
<option value="all">All formats</option>
<option value="campus">On‑campus</option>
<option value="hybrid">Hybrid</option>
<option value="online">Fully online</option>
</select>
</div>
<a href="#apply" class="btn btn-dark">Request Information</a>
</div>
<div class="result-bar">
<span class="result-count" id="resultCount" role="status" aria-live="polite">Showing 9 of 9 programs</span>
<button class="reset-btn" id="resetFilters" type="button">Reset all filters</button>
</div>
</div>
<div class="program-grid" id="programGrid">
<article class="program-card reveal" data-level="undergraduate" data-field="engineering" data-format="campus">
<div class="pc-tags"><span class="tag">Undergraduate</span><span class="tag alt">On‑campus</span></div>
<h3>B.S. Computer Science</h3>
<p class="pc-school">School of Engineering & Computing</p>
<p class="pc-desc">A theory‑grounded, build‑heavy sequence covering algorithms, systems architecture, and machine learning, culminating in a two‑semester senior capstone with an industry partner.</p>
<div class="pc-meta"><div>Credit hours<b>120</b></div><div>Typical duration<b>4 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="graduate" data-field="engineering" data-format="hybrid">
<div class="pc-tags"><span class="tag">Graduate</span><span class="tag alt">Hybrid</span></div>
<h3>M.S. Data Science</h3>
<p class="pc-school">School of Engineering & Computing</p>
<p class="pc-desc">Thirty‑six credit hours spanning statistical learning, data engineering, and ethical AI, with an applied practicum that can be completed with your current employer.</p>
<div class="pc-meta"><div>Credit hours<b>36</b></div><div>Typical duration<b>20 months</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="undergraduate" data-field="engineering" data-format="campus">
<div class="pc-tags"><span class="tag">Undergraduate</span><span class="tag alt">On‑campus</span></div>
<h3>B.S. Mechanical Engineering</h3>
<p class="pc-school">School of Engineering & Computing</p>
<p class="pc-desc">ABET‑aligned curriculum in thermodynamics, materials, and mechatronics with mandatory co‑op terms and access to the Ridgeway additive manufacturing lab.</p>
<div class="pc-meta"><div>Credit hours<b>128</b></div><div>Typical duration<b>4–5 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="doctoral" data-field="sciences" data-format="campus">
<div class="pc-tags"><span class="tag">Doctoral</span><span class="tag alt">On‑campus</span></div>
<h3>Ph.D. Molecular Biology</h3>
<p class="pc-school">School of Natural Sciences</p>
<p class="pc-desc">Seventy‑two credit hours of advanced coursework, qualifying examinations, and original dissertation research supported by a fully funded five‑year assistantship.</p>
<div class="pc-meta"><div>Credit hours<b>72</b></div><div>Typical duration<b>5 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="undergraduate" data-field="business" data-format="online">
<div class="pc-tags"><span class="tag">Undergraduate</span><span class="tag alt">Fully online</span></div>
<h3>B.A. Economics</h3>
<p class="pc-school">School of Business & Policy</p>
<p class="pc-desc">Micro‑ and macro‑theory, econometrics, and public policy analysis delivered in eight‑week online terms with the same faculty who teach on campus.</p>
<div class="pc-meta"><div>Credit hours<b>120</b></div><div>Typical duration<b>3–4 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="graduate" data-field="business" data-format="hybrid">
<div class="pc-tags"><span class="tag">Graduate</span><span class="tag alt">Hybrid</span></div>
<h3>M.B.A. Sustainable Enterprise</h3>
<p class="pc-school">School of Business & Policy</p>
<p class="pc-desc">Forty‑eight credit hours for working managers: operations, climate finance, and organizational strategy, finished with a live consulting engagement.</p>
<div class="pc-meta"><div>Credit hours<b>48</b></div><div>Typical duration<b>24 months</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="graduate" data-field="education" data-format="online">
<div class="pc-tags"><span class="tag">Graduate</span><span class="tag alt">Fully online</span></div>
<h3>M.Ed. Curriculum & Instruction</h3>
<p class="pc-school">School of Education</p>
<p class="pc-desc">Thirty‑three credit hours for licensed teachers: assessment design, literacy intervention, and inclusive pedagogy, with optional licensure endorsements.</p>
<div class="pc-meta"><div>Credit hours<b>33</b></div><div>Typical duration<b>18 months</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="undergraduate" data-field="arts" data-format="campus">
<div class="pc-tags"><span class="tag">Undergraduate</span><span class="tag alt">On‑campus</span></div>
<h3>B.F.A. Studio Arts</h3>
<p class="pc-school">School of Arts & Humanities</p>
<p class="pc-desc">A studio‑intensive 124‑credit program with dedicated bench space, critique cohorts, and a thesis exhibition reviewed by visiting practitioners.</p>
<div class="pc-meta"><div>Credit hours<b>124</b></div><div>Typical duration<b>4 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<article class="program-card reveal" data-level="doctoral" data-field="health" data-format="hybrid">
<div class="pc-tags"><span class="tag">Doctoral</span><span class="tag alt">Hybrid</span></div>
<h3>Ph.D. Public Health</h3>
<p class="pc-school">School of Public Health</p>
<p class="pc-desc">Sixty credit hours in epidemiology and health systems, with residency intensives each summer and a dissertation grounded in community‑partnered research.</p>
<div class="pc-meta"><div>Credit hours<b>60</b></div><div>Typical duration<b>4 years</b></div></div>
<a href="#apply" class="link-arrow">View program requirements
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a>
</article>
<div class="no-results" id="noResults">
<p><strong>No programs match those filters.</strong></p>
<p style="margin:0">Try broadening your search, or <a href="#apply" class="link-arrow" style="display:inline-flex">contact an admissions advisor</a> who can build a custom course plan for you.</p>
</div>
</div>
</div>
</section>
<!-- ================= COURSE CATALOG / SCHOOLS ================= -->
<section class="sec" id="catalog">
<div class="wrap">
<div class="sec-head reveal">
<p class="eyebrow">Course Catalog</p>
<h2>Five schools, one shared general‑education core.</h2>
<p class="lede">Northlight's catalog is organized into five schools that publish their own course offerings each term. Undergraduates complete a 36‑credit general‑education core before concentrating in a major; graduate students follow a program sheet of required, elective, and capstone coursework approved by the graduate faculty. The full catalog — including syllabi, prerequisite chains, and registration windows — is published twice yearly.</p>
</div>
<div class="school-grid">
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=11" alt="Engineering students working with robotics equipment" width="800" height="500">
<div class="school-body">
<div class="school-num">School 01</div>
<h3>Engineering & Computing</h3>
<p>Twenty‑two degree pathways from B.S. Computer Science to the Ph.D. in Applied Computation. Facilities include the Ridgeway Robotics Annex, a wind tunnel, and a 24‑hour maker commons open to all enrolled students regardless of major.</p>
<div class="school-foot"><span>38 courses this term</span><a href="#programs" class="link-arrow">Explore</a></div>
</div>
</article>
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=22" alt="Researcher examining samples in a university laboratory" width="800" height="500">
<div class="school-body">
<div class="school-num">School 02</div>
<h3>Natural Sciences</h3>
<p>Biology, chemistry, physics, and environmental science programs built on undergraduate research participation. More than 70% of seniors complete an independent study or honors thesis before graduation, supervised by a faculty mentor.</p>
<div class="school-foot"><span>44 courses this term</span><a href="#research" class="link-arrow">Explore</a></div>
</div>
</article>
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=33" alt="Students in a seminar discussion around a table" width="800" height="500">
<div class="school-body">
<div class="school-num">School 03</div>
<h3>Business & Policy</h3>
<p>Undergraduate economics, the M.B.A. with six concentrations, and a dual M.P.A./M.B.A. track. Every graduate cohort is paired with the Center for Regional Enterprise for live client projects during the final residency.</p>
<div class="school-foot"><span>29 courses this term</span><a href="#programs" class="link-arrow">Explore</a></div>
</div>
</article>
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=44" alt="Teacher working with students in a classroom" width="800" height="500">
<div class="school-body">
<div class="school-num">School 04</div>
<h3>Education & Pedagogy</h3>
<p>License‑bearing programs at every level, from the B.A. in Elementary Education to the Ed.D. in Learning Sciences. Field placements begin in semester three and are coordinated with 46 partner school districts across three states.</p>
<div class="school-foot"><span>24 courses this term</span><a href="#apply" class="link-arrow">Explore</a></div>
</div>
</article>
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=55" alt="Art students working in a bright studio space" width="800" height="500">
<div class="school-body">
<div class="school-num">School 05</div>
<h3>Arts, Humanities & Public Health</h3>
<p>Studio arts, comparative literature, history, and the accredited Ph.D. in Public Health. Interdisciplinary minors and the Northlight Semester allow students to build a course load that crosses school boundaries with advisor approval.</p>
<div class="school-foot"><span>35 courses this term</span><a href="#programs" class="link-arrow">Explore</a></div>
</div>
</article>
<article class="school-card reveal">
<img src="https://picsum.photos/800/500?random=66" alt="Library reading room with students studying" width="800" height="500">
<div class="school-body">
<div class="school-num">Library & Learning</div>
<h3>Hollis Library Services</h3>
<p>1.4 million volumes, open‑access repository hosting for every Northlight dissertation, and writing‑center support available seven days a week during the semester — including virtual appointments for online learners.</p>
<div class="school-foot"><span>Open 24h during exams</span><a href="#news" class="link-arrow">Explore</a></div>
</div>
</article>
</div>
<div class="catalog-note reveal">
<div class="cn-text">
<p class="eyebrow" style="color:var(--amber-l)">2026–2027 Edition</p>
<h3>Download the academic catalog</h3>
<p>The complete catalog includes course descriptions, credit‑hour breakdowns, graduation requirements by major, transfer‑credit policy, the academic calendar, and the full list of accredited distance‑education states. Printed copies are available on request from the Office of the Registrar.</p>
<div style="display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem">
<a href="#apply" class="btn btn-primary">Request Information</a>
<a href="#faq" class="btn btn-ghost">Admissions FAQ</a>
</div>
</div>
<img src="https://picsum.photos/700/560?random=77" alt="Open academic catalog and study materials on a desk" width="700" height="560">
</div>
</div>
</section>
<!-- ================= RESEARCH ================= -->
<section class="sec" id="research">
<div class="wrap">
<div class="research-grid">
<div class="research-media reveal">
<img src="https://picsum.photos/820/700?random=88" alt="Faculty researcher presenting findings in a laboratory setting" width="820" height="700">
<div class="research-float">
<b>41</b>
<span>Interdisciplinary research centers and institutes</span>
</div>
</div>
<div class="reveal">
<p class="eyebrow">Research at Northlight</p>
<h2>Inquiry that starts in the classroom and ends in the field.</h2>
<p class="lede" style="margin-bottom:1.6rem">Northlight is classified as an R2 research university with high scholarly activity, and our undergraduate students are not spectators. First‑year research fellowships, a summer scholars stipend, and faculty‑led labs mean that most students touch original inquiry long before their capstone term.</p>
<div class="pillar">
<div class="pillar-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 3v6l-5 8a3 3 0 0 0 2.6 4.5h10.8A3 3 0 0 0 20 17l-5-8V3"/><path d="M8 3h8"/></svg></div>
<div>
<h4>Lab‑first undergraduate training</h4>
<p>Every B.S. candidate completes at least six credit hours of directed research. Students are named on submitted manuscripts at a rate unmatched among peer institutions in the region, and lab safety certification is embedded in the first‑year curriculum.</p>
</div>
</div>
<div class="pillar">
<div class="pillar-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v14"/><path d="M4 19h16"/><path d="M8 8h8M8 12h5"/></svg></div>
<div>
<h4>Dissertation support that actually supports</h4>
<p>Doctoral candidates receive a dedicated writing residency, a statistical consulting clinic, and a three‑member dissertation committee assigned by the end of year two. Median time to degree across all Ph.D. programs is 4.6 years.</p>
</div>
</div>
<div class="pillar">
<div class="pillar-ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg></div>
<div>
<h4>Open scholarship & public outcomes</h4>
<p>All Northlight research is deposited in the open‑access Hollis Repository, and every sponsored project publishes a plain‑language community summary. Undergraduate honors theses are archived alongside faculty output for permanent citation.</p>
</div>
</div>
<div class="research-actions">
<a href="#apply" class="btn btn-dark">Contact a Supervisor
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#news" class="btn btn-outline">Research Updates</a>
</div>
</div>
</div>
</div>
</section>
<!-- ================= APPLY / ENROLLMENT + SIDEBAR ================= -->
<section class="sec" id="apply">
<div class="wrap">
<div class="apply-grid">
<div class="reveal">
<p class="eyebrow">Enrollment Information</p>
<h2>How admission works, step by step.</h2>
<p class="lede">Northlight operates on a rolling basis for graduate applicants and a two‑round basis for first‑year undergraduates. There is no application fee for students who apply by the priority deadline. Every applicant is assigned a named admissions advisor who reviews materials, explains credit‑hour transfer evaluations, and stays with you through orientation.</p>
<div class="steps">
<div class="step">
<b>01</b>
<h4>Submit your application</h4>
<p>Complete the online form, upload transcripts, and list your intended program. Test‑optional for all undergraduate majors.</p>
</div>
<div class="step">
<b>02</b>
<h4>Document review</h4>
<p>The registrar evaluates prior coursework for transfer credit (up to 75% of a bachelor's, 50% of a master's degree).</p>
</div>
<div class="step">
<b>03</b>
<h4>Decision & aid</h4>
<p>Admissions decisions arrive within three weeks. Award letters follow within five business days of acceptance.</p>
</div>
</div>
<h3 style="margin-top:2.8rem;margin-bottom:.4rem">Fall 2026 enrollment timeline</h3>
<p style="color:var(--slate);font-size:.97rem;max-width:62ch">Dates below apply to the Ridgeway campus and all online cohorts. Graduate assistantship and dissertation fellowship consideration requires submission by the priority date.</p>
<div class="timeline">
<div class="tl-item done">
<div class="tl-date">August 1, 2025 — Opened</div>
<h4>Application portal opens</h4>
<p>Common App and the Northlight institutional application both accept submissions. Create your applicant portal to track document receipt in real time.</p>
</div>
<div class="tl-item done">
<div class="tl-date">November 1, 2025 — Priority</div>
<h4>Early action for first‑year undergraduates</h4>
<p>Non‑binding early action. Applicants receive a decision by December 15 and are automatically considered for merit scholarships ranging from $8,000 to full tuition.</p>
</div>
<div class="tl-item">
<div class="tl-date">January 15, 2026 — Regular</div>
<h4>Regular decision & graduate priority</h4>
<p>Final date for first‑year regular decision, transfer applications for fall entry, and all graduate programs requesting assistantship funding or dissertation fellowship support.</p>
</div>
<div class="tl-item">
<div class="tl-date">March 1, 2026</div>
<h4>Financial aid verification deadline</h4>
<p>Submit the FAFSA and any requested verification documents. Need‑based institutional grants are awarded on a funds‑available basis after this date.</p>
</div>
<div class="tl-item">
<div class="tl-date">May 1, 2026 — Commit</div>
<h4>Enrollment deposit & housing</h4>
<p>Submit your $300 deposit to secure a place in the incoming class, then complete housing selection, advising placement exams, and new‑student orientation registration.</p>
</div>
<div class="tl-item">
<div class="tl-date">August 24, 2026</div>
<h4>New student orientation & first day of classes</h4>
<p>Three days of orientation including faculty advising appointments, credit‑hour plan sign‑off, and department welcome sessions before the fall term begins.</p>
</div>
</div>
<div style="display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2.4rem">
<a href="#apply" class="btn btn-primary">Start Application
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#apply" class="btn btn-outline">Contact an Advisor</a>
<a href="#faq" class="btn btn-outline">Visit Campus</a>
</div>
</div>
<!-- SIDEBAR -->
<aside class="sidebar" aria-label="Enrollment sidebar">
<div class="widget">
<h4><span class="dot"></span> Upcoming deadlines</h4>
<div class="deadline"><span>Early action — undergraduate</span><b>Nov 1</b></div>
<div class="deadline"><span>Regular decision</span><b>Jan 15</b></div>
<div class="deadline"><span>Graduate assistantship priority</span><b>Jan 15</b></div>
<div class="deadline"><span>FAFSA verification</span><b>Mar 1</b></div>
<div class="deadline"><span>Enrollment deposit</span><b>May 1</b></div>
<a href="#apply" class="btn btn-outline btn-sm" style="width:100%;margin-top:1.2rem">View Full Calendar</a>
</div>
<div class="widget dark">
<h4><span class="dot"></span> Request information</h4>
<form id="infoForm" novalidate>
<div class="form-success" id="formSuccess">Thank you — your request is in queue. An admissions advisor will email you within one business day.</div>
<div class="form-field">
<label for="fName">Full name</label>
<input id="fName" name="name" type="text" placeholder="Jordan Whitfield" required>
</div>
<div class="form-field">
<label for="fEmail">Email address</label>
<input id="fEmail" name="email" type="email" placeholder="you@example.com" required>
</div>
<div class="form-field">
<label for="fInterest">Program of interest</label>
<select id="fInterest" name="interest" required>
<option value="">Select a program…</option>
<option>Undergraduate — B.A. / B.S. / B.F.A.</option>
<option>Graduate — M.S. / M.B.A. / M.Ed.</option>
<option>Doctoral — Ph.D. / Ed.D.</option>
<option>Certificates & continuing education</option>
<option>Undecided — need guidance</option>
</select>
</div>
<button type="submit" class="btn btn-primary" style="width:100%;margin-top:.5rem">Request Information</button>
<p class="form-note">We never share your data. Unsubscribe anytime.</p>
</form>
</div>
<div class="widget" id="news">
<h4><span class="dot"></span> Campus news & research updates</h4>
<div class="news-item">
<img src="https://picsum.photos/200/150?random=101" alt="Research team celebrating an award" width="62" height="52">
<div>
<h5><a href="#news">NSF awards $4.2M for grid‑resilience research</a></h5>
<time datetime="2025-10-14">Oct 14, 2025</time>
</div>
</div>
<div class="news-item">
<img src="https://picsum.photos/200/150?random=102" alt="Students walking across campus in autumn" width="62" height="52">
<div>
<h5><a href="#news">Fall enrollment reaches a record 12,400 students</a></h5>
<time datetime="2025-09-28">Sep 28, 2025</time>
</div>
</div>
<div class="news-item">
<img src="https://picsum.photos/200/150?random=103" alt="Professor receiving a teaching award" width="62" height="52">
<div>
<h5><a href="#news">Prof. Adeyemi named National Teaching Fellow</a></h5>
<time datetime="2025-09-09">Sep 9, 2025</time>
</div>
</div>
<div class="news-item">
<img src="https://picsum.photos/200/150?random=104" alt="Graduates at commencement" width="62" height="52">
<div>
<h5><a href="#news">Commencement moves to Ridgeway Common in May</a></h5>
<time datetime="2025-08-21">Aug 21, 2025</time>
</div>
</div>
<a href="#news" class="link-arrow" style="margin-top:1rem">All news stories
<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
</div>
</aside>
</div>
</div>
</section>
<!-- ================= ALUMNI ================= -->
<section class="sec" id="alumni">
<div class="wrap">
<div class="sec-head reveal">
<p class="eyebrow">Alumni Network</p>
<h2>68,000 graduates. One lifelong community.</h2>
<p class="lede">Northlight alumni hold tenure‑track faculty posts, lead engineering teams, run classrooms, found companies, and serve in public office across 94 countries. Every graduate keeps lifetime access to career coaching, the alumni mentor marketplace, and free auditing privileges for any course in the catalog.</p>
</div>
<div class="testi-grid">
<figure class="testi reveal">
<div class="quote-mark" aria-hidden="true">“</div>
<blockquote>My advisor pushed me to defend a dissertation I nearly shelved out of fatigue. Three years later that work became the foundation of the water‑quality program I now direct for the state. Northlight taught me that research is a public responsibility, not a private credential.</blockquote>
<figcaption class="testi-person">
<img src="https://i.pravatar.cc/160?u=dr-marisol-vega" alt="Portrait of Dr. Marisol Vega" width="48" height="48">
<span><b>Dr. Marisol Vega</b><span>Ph.D. Public Health ’16 · State Environmental Agency</span></span>
</figcaption>
</figure>
<figure class="testi reveal">
<div class="quote-mark" aria-hidden="true">“</div>
<blockquote>I completed the M.S. in Data Science entirely online while working full‑time, and the cohort structure meant I never felt isolated. Two of my classmates are now on my team at work. The practicum counted for credit hours and shipped to production — a rare combination.</blockquote>
<figcaption class="testi-person">
<img src="https://i.pravatar.cc/160?u=devon-okafor" alt="Portrait of Devon Okafor" width="48" height="48">
<span><b>Devon Okafor</b><span>M.S. Data Science ’22 · Principal Data Engineer</span></span>
</figcaption>
</figure>
<figure class="testi reveal">
<div class="quote-mark" aria-hidden="true">“</div>
<blockquote>I came back to finish my B.A. at 34 with a family and a full‑time job. The registrar mapped 42 transfer credit hours in under a week, and my advisor built a plan around eight‑week online terms. I walked in May with honors and zero regret.</blockquote>
<figcaption class="testi-person">
<img src="https://i.pravatar.cc/160?u=karen-blythe" alt="Portrait of Karen Blythe" width="48" height="48">
<span><b>Karen Blythe</b><span>B.A. Economics ’24 · Nonprofit Finance Manager</span></span>
</figcaption>
</figure>
</div>
<div class="alumni-strip reveal">
<div><b>68,000+</b><span>Living alumni worldwide</span></div>
<div><b>94</b><span>Countries with active chapters</span></div>
<div><b>3,100</b><span>Mentors in the alumni marketplace</span></div>
<div><b>4.6 yrs</b><span>Median time to doctoral degree</span></div>
</div>
</div>
</section>
<!-- ================= FAQ ================= -->
<section class="sec" id="faq">
<div class="wrap">
<div class="faq-wrap">
<div class="faq-aside reveal">
<p class="eyebrow">Admissions FAQ</p>
<h3>Answers before you apply</h3>
<p>Questions about credit‑hour transfers, graduation requirements, or dissertation timelines are the ones we hear most. If yours isn't here, our advising team responds to every inquiry within one business day.</p>
<div style="display:flex;flex-direction:column;gap:.7rem;margin-top:1.4rem">
<a href="#apply" class="btn btn-dark">Contact an Advisor</a>
<a href="#apply" class="btn btn-outline">Download Catalog (PDF)</a>
</div>
<p style="font-size:.84rem;color:var(--muted);margin-top:1.3rem;margin-bottom:0">Office of Admissions · Mon–Fri, 8:30 a.m.–5:00 p.m. ET</p>
</div>
<div class="faq-list reveal">
<details class="faq-item" open>
<summary>How many credit hours do I need to graduate? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>Undergraduate students must complete a minimum of 120 credit hours to earn a bachelor's degree, distributed across a 36‑credit general‑education core, a declared major (typically 30–40 credit hours), a minor or secondary concentration, and elective coursework. Certain programs require more — the B.S. Mechanical Engineering requires 128 and the B.F.A. Studio Arts requires 124 because of studio contact hours.</p>
<p>At least 30 of the final 60 credit hours must be completed in residence at Northlight, and a cumulative GPA of 2.0 or higher is required in both the major and overall. Graduate degrees range from 33 credit hours (M.Ed.) to 72 credit hours (Ph.D.), each with its own residency and thesis or dissertation requirement.</p>
</div>
</details>
<details class="faq-item">
<summary>Will my transfer credit apply toward my degree? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>Yes — up to 75% of a bachelor's degree and 50% of a master's degree may be satisfied by transfer credit from regionally accredited institutions, provided the coursework is completed with a grade of C or better and aligns with a requirement on your program sheet. Official transcripts are evaluated by the Office of the Registrar within five business days of receipt.</p>
<p>Credit earned more than ten years ago in a technical field may be subject to a recency review by the relevant department. You may also petition for prior learning assessment, which awards credit for documented professional experience validated by a faculty reviewer.</p>
</div>
</details>
<details class="faq-item">
<summary>What are the dissertation and thesis requirements? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>Master's candidates in research‑intensive tracks complete either a 6‑credit thesis or a capstone project, both defended before a committee of three faculty members. Doctoral candidates pass qualifying examinations by the end of year two, then complete a dissertation representing original scholarship of publishable quality.</p>
<p>The final defense is public, requires at least four weeks' notice, and results in one of three outcomes: pass, pass with revisions, or revise and resubmit. All approved dissertations are deposited in the Hollis open‑access repository and registered with ProQuest Dissertations & Theses Global.</p>
</div>
</details>
<details class="faq-item">
<summary>Are online programs the same degree as on‑campus? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>Identical. Online and hybrid students are taught by the same faculty, complete the same credit hours, and graduate with the same diploma — the transcript does not distinguish delivery format. Online courses run in eight‑ or ten‑week terms with asynchronous coursework plus scheduled live sessions recorded for students in other time zones.</p>
<p>Northlight holds authorization to deliver distance education in all participating SARA states. A mandatory two‑day residency each year (on campus or at a regional hub) applies to most graduate programs.</p>
</div>
</details>
<details class="faq-item">
<summary>What financial aid is available? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>All admitted undergraduate applicants are automatically reviewed for merit scholarships valued between $8,000 and full tuition, renewable for four years based on satisfactory academic progress. Need‑based institutional grants are determined by the FAFSA, with priority given to applications filed before March 1.</p>
<p>Graduate students may compete for teaching and research assistantships, which include full tuition remission and an annual stipend, plus doctoral dissertation fellowships for the final year of study. Veterans and employer‑sponsored students can combine sponsor benefits with institutional aid.</p>
</div>
</details>
<details class="faq-item">
<summary>Can I visit campus before deciding? <span class="faq-ico" aria-hidden="true"></span></summary>
<div class="faq-body">
<p>Absolutely. Guided tours run Monday through Friday at 10:00 a.m. and 2:00 p.m., with Saturday options during October and April. Information sessions are hosted monthly online for students who cannot travel, and admitted‑student days each March include department open houses, residence hall tours, and faculty meet‑and‑greets.</p>
<p>Individual appointments with an admissions advisor or a specific department chair can be arranged through the request form above — select your program of interest and note your preferred dates.</p>
</div>
</details>
</div>
</div>
</div>
</section>
<!-- ================= CTA BAND ================= -->
<section class="cta-band">
<div class="wrap cta-inner">
<div>
<h2>Your next term starts with one form.</h2>
<p>Applications for Fall 2026 are open across all five schools. No application fee before the priority deadline, a named advisor from day one, and decisions within three weeks of a complete file.</p>
</div>
<div class="cta-actions">
<a href="#apply" class="btn btn-solid">Start Application
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
</a>
<a href="#programs" class="btn btn-line">Request Information</a>
</div>
</div>
</section>
</main>
<!-- ================= FOOTER ================= -->
<footer class="site-footer">
<div class="wrap">
<div class="foot-grid">
<div class="foot-brand">
<div class="brand-name" style="font-family:var(--ff-d)">Northlight University</div>
<p>A private research university in Ridgeway, Vermont, educating curious people since 1897 across five schools and 120+ degree programs.</p>
<div class="foot-contact">
<span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z"/><circle cx="12" cy="10" r="3"/></svg> 418 Ridgeway Lane, Ridgeway, VT 05491, USA</span>
<a href="tel:+18025550148"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z"/></svg> +1 (802) 555‑0148</a>
<a href="mailto:admissions@northlight.edu"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/></svg> admissions@northlight.edu</a>
</div>
<div class="socials">
<a href="#top" aria-label="Northlight on LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3zM9 9h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.5 4.7 5.8V21h-4v-5.6c0-1.3 0-3-1.9-3s-2.2 1.4-2.2 2.9V21H9z"/></svg></a>
<a href="#top" aria-label="Northlight on X"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M17.5 3h3.1l-6.8 7.8L22 21h-6.3l-4.9-6.4L5.1 21H2l7.3-8.3L2 3h6.4l4.4 5.9Zm-1.1 16h1.7L7.7 4.8H5.9z"/></svg></a>
<a href="#top" aria-label="Northlight on Instagram"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor" stroke="none"/></svg></a>
<a href="#top" aria-label="Northlight on YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23 12s0-3.5-.4-5.2a2.8 2.8 0 0 0-2-2C18.9 4.4 12 4.4 12 4.4s-6.9 0-8.6.4a2.8 2.8 0 0 0-2 2C1 8.5 1 12 1 12s0 3.5.4 5.2a2.8 2.8 0 0 0 2 2c1.7.4 8.6.4 8.6.4s6.9 0 8.6-.4a2.8 2.8 0 0 0 2-2C23 15.5 23 12 23 12ZM9.8 15.3V8.7l5.7 3.3Z"/></svg></a>
</div>
</div>
<div>
<h5>Academics</h5>
<ul class="foot-links">
<li><a href="#programs">Program Finder</a></li>
<li><a href="#catalog">Course Catalog</a></li>
<li><a href="#catalog">Five Schools</a></li>
<li><a href="#research">Research Centers</a></li>
<li><a href="#faq">Graduation Requirements</a></li>
<li><a href="#faq">Academic Calendar</a></li>
</ul>
</div>
<div>
<h5>Admissions</h5>
<ul class="foot-links">
<li><a href="#apply">Apply Now</a></li>
<li><a href="#apply">Key Deadlines</a></li>
<li><a href="#apply">Tuition & Financial Aid</a></li>
<li><a href="#apply">Transfer Credit</a></li>
<li><a href="#apply">Visit Campus</a></li>
<li><a href="#apply">International Students</a></li>
</ul>
</div>
<div>
<h5>Resources</h5>
<ul class="foot-links">
<li><a href="#news">Campus News</a></li>
<li><a href="#alumni">Alumni Network</a></li>
<li><a href="#top">Student Portal</a></li>
<li><a href="#top">Library Services</a></li>
<li><a href="#top">Career Outcomes</a></li>
<li><a href="#faq">Contact an Advisor</a></li>
</ul>
</div>
</div>
<div class="accreditation" style="margin-top:2rem">
<span>Regionally Accredited — NECHE</span>
<span>ABET Engineering Programs</span>
<span>CEPH Accredited Public Health</span>
<span>CAEP Accredited Educator Preparation</span>
<span>SARA Authorized Distance Education</span>
</div>
<div class="foot-bottom">
<span>© <span id="year">2025</span> Northlight University. All rights reserved.</span>
<ul>
<li><a href="#top">Privacy Policy</a></li>
<li><a href="#top">Terms of Use</a></li>
<li><a href="#top">Accessibility</a></li>
<li><a href="#top">Title IX</a></li>
<li><a href="#top">Consumer Information</a></li>
</ul>
</div>
</div>
</footer>
<script>
(function(){
"use strict";
/* ---------- Year ---------- */
document.getElementById('year').textContent = new Date().getFullYear();
/* ---------- Sticky header shadow ---------- */
var header = document.getElementById('siteHeader');
var onScroll = function(){
if(window.scrollY > 12){ header.classList.add('stuck'); }
else { header.classList.remove('stuck'); }
};
onScroll();
window.addEventListener('scroll', onScroll, {passive:true});
/* ---------- Mobile nav ---------- */
var toggle = document.getElementById('navToggle');
toggle.addEventListener('click', function(){
var open = header.classList.toggle('nav-open');
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
});
document.querySelectorAll('#mainNav a').forEach(function(a){
a.addEventListener('click', function(){
header.classList.remove('nav-open');
toggle.setAttribute('aria-expanded','false');
});
});
/* ---------- Program finder ---------- */
var lvl = document.getElementById('fLevel'),
fld = document.getElementById('fField'),
fmt = document.getElementById('fFormat'),
cards = Array.prototype.slice.call(document.querySelectorAll('.program-card')),
count = document.getElementById('resultCount'),
noRes = document.getElementById('noResults'),
reset = document.getElementById('resetFilters');
function applyFilters(){
var v1 = lvl.value, v2 = fld.value, v3 = fmt.value, shown = 0;
cards.forEach(function(card){
var ok = (v1 === 'all' || card.dataset.level === v1) &&
(v2 === 'all' || card.dataset.field === v2) &&
(v3 === 'all' || card.dataset.format === v3);
card.classList.toggle('is-hidden', !ok);
if(ok) shown++;
});
count.textContent = 'Showing ' + shown + ' of ' + cards.length + ' programs';
noRes.classList.toggle('show', shown === 0);
}
[lvl, fld, fmt].forEach(function(sel){ sel.addEventListener('change', applyFilters); });
reset.addEventListener('click', function(){
lvl.value = 'all'; fld.value = 'all'; fmt.value = 'all';
applyFilters();
});
/* ---------- Request information form ---------- */
var form = document.getElementById('infoForm'),
ok = document.getElementById('formSuccess');
form.addEventListener('submit', function(e){
e.preventDefault();
var name = document.getElementById('fName'),
email = document.getElementById('fEmail'),
interest = document.getElementById('fInterest');
var valid = name.value.trim().length > 1 &&
/\S+@\S+\.\S+/.test(email.value) &&
interest.value !== '';
if(!valid){
[name, email, interest].forEach(function(f){
if(!f.value || (f === email && !/\S+@\S+\.\S+/.test(f.value))){
f.style.borderColor = '#E8A34A';
setTimeout(function(){ f.style.borderColor = ''; }, 1800);
}
});
return;
}
ok.classList.add('show');
form.reset();
ok.scrollIntoView({block:'center', behavior:'smooth'});
setTimeout(function(){ ok.classList.remove('show'); }, 7000);
});
/* ---------- Scroll reveal ---------- */
var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
var revealEls = document.querySelectorAll('.reveal');
if(reduce || !('IntersectionObserver' in window)){
revealEls.forEach(function(el){ el.classList.add('in-view'); });
} else {
var io = new IntersectionObserver(function(entries){
entries.forEach(function(en){
if(en.isIntersecting){ en.target.classList.add('in-view'); io.unobserve(en.target); }
});
}, {threshold:.12, rootMargin:'0px 0px -40px 0px'});
revealEls.forEach(function(el, i){
el.style.transitionDelay = (Math.min(i % 4, 3) * 70) + 'ms';
io.observe(el);
});
}
})();
</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-12T10:04:40.004Z",
"url": "https://benchmark.aimac.invalid/3d5c99e9359e795b53b15791d70b5e84c565e1cd63814ffde80a4d969ad7b835.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-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"Northlight University home\">",
"target": [
".brand"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"Northlight University home\">",
"target": [
".brand"
]
}
]
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<span class=\"result-count\" id=\"resultCount\" role=\"status\" aria-live=\"polite\">Showing 9 of 9 programs</span>",
"target": [
"#resultCount"
]
}
]
},
{
"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-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": [
{
"any": [],
"all": [
{
"id": "focusable-modal-open",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements while a modal is open"
},
{
"id": "focusable-disabled",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
},
{
"id": "focusable-not-tabbable",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
}
],
"none": [],
"impact": null,
"html": "<div class=\"quote-mark\" aria-hidden=\"true\">\u201c</div>",
"target": [
"figure:nth-child(1) > .quote-mark[aria-hidden=\"true\"]"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"Northlight University home\">",
"target": [
".brand"
]
}
]
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span class=\"result-count\" id=\"resultCount\" role=\"status\" aria-live=\"polite\">Showing 9 of 9 programs</span>",
"target": [
"#resultCount"
]
}
]
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<span class=\"result-count\" id=\"resultCount\" role=\"status\" aria-live=\"polite\">Showing 9 of 9 programs</span>",
"target": [
"#resultCount"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"Northlight University home\">",
"target": [
".brand"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"Northlight University home\">",
"target": [
".brand"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<a href=\"#apply\" class=\"btn btn-outline btn-sm\" style=\"width:100%;margin-top:1.2rem\">View Full Calendar</a>",
"target": [
".btn-sm.btn-outline.btn"
]
}
]
},
{
"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=\"reset-btn\" id=\"resetFilters\" type=\"button\">Reset all filters</button>",
"target": [
"#resetFilters"
]
}
]
},
{
"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>Scholarship that moves the <em>world</em> forward.</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Nine hundred courses. One path that fits you.</h2>",
"target": [
"#programs > .wrap > .sec-head.reveal > h2"
]
},
{
"html": "<h3>Search the academic catalog</h3>",
"target": [
".finder-top > div > h3"
]
},
{
"html": "<h3>B.S. Computer Science</h3>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1) > h3"
]
},
{
"html": "<h3>M.S. Data Science</h3>",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"] > h3"
]
},
{
"html": "<h3>B.S. Mechanical Engineering</h3>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3) > h3"
]
},
{
"html": "<h3>Ph.D. Molecular Biology</h3>",
"target": [
"article[data-field=\"sciences\"] > h3"
]
},
{
"html": "<h3>B.A. Economics</h3>",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"] > h3"
]
},
{
"html": "<h3>M.B.A. Sustainable Enterprise</h3>",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"] > h3"
]
},
{
"html": "<h3>M.Ed. Curriculum & Instruction</h3>",
"target": [
"article[data-field=\"education\"] > h3"
]
},
{
"html": "<h3>B.F.A. Studio Arts</h3>",
"target": [
"article[data-field=\"arts\"] > h3"
]
},
{
"html": "<h3>Ph.D. Public Health</h3>",
"target": [
"article[data-field=\"health\"] > h3"
]
},
{
"html": "<h2>Five schools, one shared general\u2011education core.</h2>",
"target": [
"#catalog > .wrap > .sec-head.reveal > h2"
]
},
{
"html": "<h3>Engineering & Computing</h3>",
"target": [
".school-card:nth-child(1) > .school-body > h3"
]
},
{
"html": "<h3>Natural Sciences</h3>",
"target": [
".school-card:nth-child(2) > .school-body > h3"
]
},
{
"html": "<h3>Business & Policy</h3>",
"target": [
".school-card:nth-child(3) > .school-body > h3"
]
},
{
"html": "<h3>Education & Pedagogy</h3>",
"target": [
".school-card:nth-child(4) > .school-body > h3"
]
},
{
"html": "<h3>Arts, Humanities & Public Health</h3>",
"target": [
".school-card:nth-child(5) > .school-body > h3"
]
},
{
"html": "<h3>Hollis Library Services</h3>",
"target": [
".school-card:nth-child(6) > .school-body > h3"
]
},
{
"html": "<h3>Download the academic catalog</h3>",
"target": [
".cn-text > h3"
]
},
{
"html": "<h2>Inquiry that starts in the classroom and ends in the field.</h2>",
"target": [
".reveal:nth-child(2) > h2"
]
},
{
"html": "<h4>Lab\u2011first undergraduate training</h4>",
"target": [
".pillar:nth-child(4) > div:nth-child(2) > h4"
]
},
{
"html": "<h4>Dissertation support that actually supports</h4>",
"target": [
".pillar:nth-child(5) > div:nth-child(2) > h4"
]
},
{
"html": "<h4>Open scholarship & public outcomes</h4>",
"target": [
".pillar:nth-child(6) > div:nth-child(2) > h4"
]
},
{
"html": "<h2>How admission works, step by step.</h2>",
"target": [
".apply-grid > .reveal > h2"
]
},
{
"html": "<h4>Submit your application</h4>",
"target": [
".step:nth-child(1) > h4"
]
},
{
"html": "<h4>Document review</h4>",
"target": [
".step:nth-child(2) > h4"
]
},
{
"html": "<h4>Decision & aid</h4>",
"target": [
".step:nth-child(3) > h4"
]
},
{
"html": "<h3 style=\"margin-top:2.8rem;margin-bottom:.4rem\">Fall 2026 enrollment timeline</h3>",
"target": [
".apply-grid > .reveal > h3"
]
},
{
"html": "<h4>Application portal opens</h4>",
"target": [
".done.tl-item:nth-child(1) > h4"
]
},
{
"html": "<h4>Early action for first\u2011year undergraduates</h4>",
"target": [
".done.tl-item:nth-child(2) > h4"
]
},
{
"html": "<h4>Regular decision & graduate priority</h4>",
"target": [
".tl-item:nth-child(3) > h4"
]
},
{
"html": "<h4>Financial aid verification deadline</h4>",
"target": [
".tl-item:nth-child(4) > h4"
]
},
{
"html": "<h4>Enrollment deposit & housing</h4>",
"target": [
".tl-item:nth-child(5) > h4"
]
},
{
"html": "<h4>New student orientation & first day of classes</h4>",
"target": [
".tl-item:nth-child(6) > h4"
]
},
{
"html": "<h4><span class=\"dot\"></span> Upcoming deadlines</h4>",
"target": [
".widget:nth-child(1) > h4"
]
},
{
"html": "<h4><span class=\"dot\"></span> Request information</h4>",
"target": [
".dark > h4"
]
},
{
"html": "<h4><span class=\"dot\"></span> Campus news & research updates</h4>",
"target": [
"#news > h4"
]
},
{
"html": "<h5><a href=\"#news\">NSF awards $4.2M for grid\u2011resilience research</a></h5>",
"target": [
".news-item:nth-child(2) > div > h5"
]
},
{
"html": "<h5><a href=\"#news\">Fall enrollment reaches a record 12,400 students</a></h5>",
"target": [
".news-item:nth-child(3) > div > h5"
]
},
{
"html": "<h5><a href=\"#news\">Prof. Adeyemi named National Teaching Fellow</a></h5>",
"target": [
".news-item:nth-child(4) > div > h5"
]
},
{
"html": "<h5><a href=\"#news\">Commencement moves to Ridgeway Common in May</a></h5>",
"target": [
".news-item:nth-child(5) > div > h5"
]
},
{
"html": "<h2>68,000 graduates. One lifelong community.</h2>",
"target": [
"#alumni > .wrap > .sec-head.reveal > h2"
]
},
{
"html": "<h3>Answers before you apply</h3>",
"target": [
".faq-aside > h3"
]
},
{
"html": "<h2>Your next term starts with one form.</h2>",
"target": [
".cta-inner > div:nth-child(1) > h2"
]
},
{
"html": "<h5>Academics</h5>",
"target": [
".foot-grid > div:nth-child(2) > h5"
]
},
{
"html": "<h5>Admissions</h5>",
"target": [
"div:nth-child(3) > h5"
]
},
{
"html": "<h5>Resources</h5>",
"target": [
"div:nth-child(4) > h5"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main id=\"main\">",
"target": [
"#main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#a9b7c8",
"bgColor": "#0f1b2a",
"contrastRatio": 8.5,
"fontSize": "9.1pt (12.16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 8.5"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span>Office of Admissions \u00b7 Fall 2026 applications now open</span>",
"target": [
".wrap > span"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "duplicate-id-aria",
"data": "mainNav",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<nav class=\"main-nav\" id=\"mainNav\" aria-label=\"Primary\">",
"target": [
"#mainNav"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"fLevel\">Credential level</label>",
"target": [
"label[for=\"fLevel\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<select id=\"fLevel\">",
"target": [
"#fLevel"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/104x104/0F1B2A/F7F3EA?text=NU&font=playfair%20display\" alt=\"Northlight University monogram logo\" width=\"52\" height=\"52\">",
"target": [
"img[width=\"52\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Full name"
},
"relatedNodes": [
{
"html": "<label for=\"fName\">Full name</label>",
"target": [
"label[for=\"fName\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input id=\"fName\" name=\"name\" type=\"text\" placeholder=\"Jordan Whitfield\" required=\"\">",
"target": [
"#fName"
]
}
]
},
{
"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=\"widget\">",
"target": [
".widget:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#apply\" class=\"btn btn-outline btn-sm\" style=\"width:100%;margin-top:1.2rem\">View Full Calendar</a>",
"target": [
".btn-sm.btn-outline.btn"
]
}
]
},
{
"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 class=\"skip\" href=\"#main\">Skip to main content</a>",
"target": [
".skip"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul class=\"nav-list\">",
"target": [
".nav-list"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#programs\">Programs</a></li>",
"target": [
".nav-list > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/104x104/0F1B2A/F7F3EA?text=NU&font=playfair%20display\" alt=\"Northlight University monogram logo\" width=\"52\" height=\"52\">",
"target": [
"img[width=\"52\"]"
]
}
]
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"fLevel\">Credential level</label>",
"target": [
"label[for=\"fLevel\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<select id=\"fLevel\">",
"target": [
"#fLevel"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<summary>How many credit hours do I need to graduate? <span class=\"faq-ico\" aria-hidden=\"true\"></span></summary>",
"target": [
"details[open=\"\"] > summary"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 202.5,
"height": 54.5
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (202.5px by 54.5px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a class=\"skip\" href=\"#main\">Skip to main content</a>",
"target": [
".skip"
]
}
]
}
],
"incomplete": [
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "div",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute is not well supported on a div with no valid role attribute."
}
],
"impact": "serious",
"html": "<div class=\"hero-chips\" aria-label=\"Institutional highlights\">\n <span>Regionally Accredited</span>\n <span>120+ Programs</span>\n <span>Online \u00b7 Hybrid \u00b7 On\u2011Campus</span>\n <span>$214M Annual Research</span>\n </div>",
"target": [
".hero-chips"
],
"failureSummary": "Fix all of the following:\n aria-label attribute is not well supported on a div with no valid role attribute."
}
]
},
{
"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": {
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": "pseudoContent",
"expectedContrastRatio": "4.5:1"
},
"relatedNodes": [
{
"html": "<section class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a pseudo element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow hero-eyebrow\">Founded 1897 \u00b7 Ridgeway, Vermont \u00b7 Five Schools</p>",
"target": [
".hero-eyebrow"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a pseudo element"
}
]
}
],
"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": "#6b7c93",
"bgColor": "#f7f3ea",
"contrastRatio": 3.84,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header class=\"site-header\" id=\"siteHeader\">",
"target": [
"#siteHeader"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.84 (foreground color: #6b7c93, background color: #f7f3ea, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"brand-tag\">Scholarship that moves the world forward</span>",
"target": [
".brand-tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.84 (foreground color: #6b7c93, background color: #f7f3ea, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c07318",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#apply\" class=\"btn btn-primary btn-sm\">Start Application\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
".btn-sm.btn-primary.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"btn btn-primary btn-sm\">Start Application\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
".btn-sm.btn-primary.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c07318",
"contrastRatio": 3.67,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;margin-top:.5rem\">Request Information</button>",
"target": [
"button[type=\"submit\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;margin-top:.5rem\">Request Information</button>",
"target": [
"button[type=\"submit\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\" id=\"news\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time datetime=\"2025-10-14\">Oct 14, 2025</time>",
"target": [
"time[datetime=\"2025-10-14\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\" id=\"news\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time datetime=\"2025-09-28\">Sep 28, 2025</time>",
"target": [
"time[datetime=\"2025-09-28\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\" id=\"news\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time datetime=\"2025-09-09\">Sep 9, 2025</time>",
"target": [
"time[datetime=\"2025-09-09\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\" id=\"news\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time datetime=\"2025-08-21\">Aug 21, 2025</time>",
"target": [
"time[datetime=\"2025-08-21\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"widget\" id=\"news\">",
"target": [
"#news"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#news\" class=\"link-arrow\" style=\"margin-top:1rem\">All news stories\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
"#news > .link-arrow[href$=\"#news\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f9f1e8",
"bgColor": "#c07318",
"contrastRatio": 3.29,
"fontSize": "12.8pt (17px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"cta-band\">",
"target": [
".cta-band"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.29 (foreground color: #f9f1e8, background color: #c07318, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Applications for Fall 2026 are open across all five schools. No application fee before the priority deadline, a named advisor from day one, and decisions within three weeks of a complete file.</p>",
"target": [
".cta-inner > div:nth-child(1) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.29 (foreground color: #f9f1e8, background color: #c07318, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c07318",
"contrastRatio": 3.67,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"cta-band\">",
"target": [
".cta-band"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#programs\" class=\"btn btn-line\">Request Information</a>",
"target": [
".btn-line"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Program Finder</p>",
"target": [
".in-view.sec-head.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#f7f3ea",
"contrastRatio": 3.84,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.84 (foreground color: #6b7c93, background color: #f7f3ea, font size: 10.4pt (13.92px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Filters update instantly \u2014 no page reload required.</p>",
"target": [
".finder-top > div > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.84 (foreground color: #6b7c93, background color: #f7f3ea, font size: 10.4pt (13.92px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"finder reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".finder"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#catalog\" class=\"link-arrow\">Browse full course catalog\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
".link-arrow[href$=\"#catalog\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Program Finder</p>",
"target": [
".sec-head.in-view.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Engineering & Computing</p>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1) > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>4 years</b></div>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1) > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(1) > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"engineering\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Engineering & Computing</p>",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"engineering\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>20 months</b></div>",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"engineering\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-level=\"graduate\"][data-field=\"engineering\"][data-format=\"hybrid\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Engineering & Computing</p>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3) > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>4\u20135 years</b></div>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3) > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"engineering\" data-format=\"campus\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"engineering\"][data-level=\"undergraduate\"][data-format=\"campus\"]:nth-child(3) > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"sciences\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"sciences\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Natural Sciences</p>",
"target": [
"article[data-field=\"sciences\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"sciences\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"sciences\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>5 years</b></div>",
"target": [
"article[data-field=\"sciences\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"sciences\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"sciences\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"sciences\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"business\" data-format=\"online\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Business & Policy</p>",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"business\" data-format=\"online\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>3\u20134 years</b></div>",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"business\" data-format=\"online\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"business\"][data-format=\"online\"][data-level=\"undergraduate\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"business\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Business & Policy</p>",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"business\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>24 months</b></div>",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"business\" data-format=\"hybrid\" style=\"transition-delay: 210ms;\">",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"business\"][data-level=\"graduate\"][data-format=\"hybrid\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"education\" data-format=\"online\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"education\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Education</p>",
"target": [
"article[data-field=\"education\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"education\" data-format=\"online\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"education\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>18 months</b></div>",
"target": [
"article[data-field=\"education\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"graduate\" data-field=\"education\" data-format=\"online\" style=\"transition-delay: 0ms;\">",
"target": [
"article[data-field=\"education\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"education\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"arts\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"arts\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Arts & Humanities</p>",
"target": [
"article[data-field=\"arts\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"arts\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"arts\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>4 years</b></div>",
"target": [
"article[data-field=\"arts\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"undergraduate\" data-field=\"arts\" data-format=\"campus\" style=\"transition-delay: 70ms;\">",
"target": [
"article[data-field=\"arts\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"arts\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"health\" data-format=\"hybrid\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"health\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"pc-school\">School of Public Health</p>",
"target": [
"article[data-field=\"health\"] > .pc-school"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.6pt (12.8px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"health\" data-format=\"hybrid\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"health\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>Typical duration<b>4 years</b></div>",
"target": [
"article[data-field=\"health\"] > .pc-meta > div:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.6pt (12.8px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"program-card reveal in-view\" data-level=\"doctoral\" data-field=\"health\" data-format=\"hybrid\" style=\"transition-delay: 140ms;\">",
"target": [
"article[data-field=\"health\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">View program requirements\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg></a>",
"target": [
"article[data-field=\"health\"] > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Program Finder</p>",
"target": [
"#programs > .wrap > .sec-head.in-view.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Course Catalog</p>",
"target": [
"#catalog > .wrap > .sec-head.in-view.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">School 01</div>",
"target": [
".school-card:nth-child(1) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>38 courses this term</span>",
"target": [
".school-card:nth-child(1) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#programs\" class=\"link-arrow\">Explore</a>",
"target": [
".school-card:nth-child(1) > .school-body > .school-foot > .link-arrow[href$=\"#programs\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">School 02</div>",
"target": [
".school-card:nth-child(2) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>44 courses this term</span>",
"target": [
".school-card:nth-child(2) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#research\" class=\"link-arrow\">Explore</a>",
"target": [
".link-arrow[href$=\"#research\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 140ms;\">",
"target": [
".school-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">School 03</div>",
"target": [
".school-card:nth-child(3) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 140ms;\">",
"target": [
".school-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>29 courses this term</span>",
"target": [
".school-card:nth-child(3) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 140ms;\">",
"target": [
".school-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#programs\" class=\"link-arrow\">Explore</a>",
"target": [
".school-card:nth-child(3) > .school-body > .school-foot > .link-arrow[href$=\"#programs\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 210ms;\">",
"target": [
".school-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">School 04</div>",
"target": [
".school-card:nth-child(4) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 210ms;\">",
"target": [
".school-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>24 courses this term</span>",
"target": [
".school-card:nth-child(4) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 210ms;\">",
"target": [
".school-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"link-arrow\">Explore</a>",
"target": [
".school-foot > .link-arrow[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">School 05</div>",
"target": [
".school-card:nth-child(5) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>35 courses this term</span>",
"target": [
".school-card:nth-child(5) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 0ms;\">",
"target": [
".school-card:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#programs\" class=\"link-arrow\">Explore</a>",
"target": [
".school-card:nth-child(5) > .school-body > .school-foot > .link-arrow[href$=\"#programs\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"school-num\">Library & Learning</div>",
"target": [
".school-card:nth-child(6) > .school-body > .school-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Open 24h during exams</span>",
"target": [
".school-card:nth-child(6) > .school-body > .school-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "11.2pt (14.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"school-card reveal in-view\" style=\"transition-delay: 70ms;\">",
"target": [
".school-card:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#news\" class=\"link-arrow\">Explore</a>",
"target": [
".school-foot > .link-arrow[href$=\"#news\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 11.2pt (14.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c07318",
"contrastRatio": 3.67,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#apply\" class=\"btn btn-primary\">Request Information</a>",
"target": [
".cn-text > div > .btn-primary.btn[href$=\"#apply\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"btn btn-primary\">Request Information</a>",
"target": [
".cn-text > div > .btn-primary.btn[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#efe9dc",
"contrastRatio": 3.04,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"research\">",
"target": [
"#research"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Research at Northlight</p>",
"target": [
".research-grid > .in-view.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#efe9dc",
"contrastRatio": 3.04,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"research\">",
"target": [
"#research"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Research at Northlight</p>",
"target": [
".in-view.reveal:nth-child(2) > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Enrollment Information</p>",
"target": [
".apply-grid > .in-view.reveal > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"tl-date\">January 15, 2026 \u2014 Regular</div>",
"target": [
".tl-item:nth-child(3) > .tl-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"tl-date\">March 1, 2026</div>",
"target": [
".tl-item:nth-child(4) > .tl-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"tl-date\">May 1, 2026 \u2014 Commit</div>",
"target": [
".tl-item:nth-child(5) > .tl-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.9pt (11.84px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"tl-date\">August 24, 2026</div>",
"target": [
".tl-item:nth-child(6) > .tl-date"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.9pt (11.84px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c07318",
"contrastRatio": 3.67,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#apply\" class=\"btn btn-primary\">Start Application\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
"div:nth-child(8) > .btn-primary.btn[href$=\"#apply\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#apply\" class=\"btn btn-primary\">Start Application\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"></path></svg>\n </a>",
"target": [
"div:nth-child(8) > .btn-primary.btn[href$=\"#apply\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #c07318, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#ffffff",
"contrastRatio": 3.67,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Program Finder</p>",
"target": [
"#programs > .wrap > .sec-head.reveal.in-view > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.67 (foreground color: #c07318, background color: #ffffff, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Course Catalog</p>",
"target": [
"#catalog > .wrap > .sec-head.reveal.in-view > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#efe9dc",
"contrastRatio": 3.04,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"sec\" id=\"research\">",
"target": [
"#research"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Research at Northlight</p>",
"target": [
".reveal.in-view:nth-child(2) > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.04 (foreground color: #c07318, background color: #efe9dc, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c07318",
"bgColor": "#f7f3ea",
"contrastRatio": 3.32,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p class=\"eyebrow\">Enrollment Information</p>",
"target": [
".apply-grid > .reveal.in-view > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.32 (foreground color: #c07318, background color: #f7f3ea, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7c93",
"bgColor": "#ffffff",
"contrastRatio": 4.26,
"fontSize": "10.1pt (13.44px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"faq-aside reveal in-view\" style=\"transition-delay: 210ms;\">",
"target": [
".faq-aside"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"font-size:.84rem;color:var(--muted);margin-top:1.3rem;margin-bottom:0\">Office of Admissions \u00b7 Mon\u2013Fri, 8:30 a.m.\u20135:00 p.m. ET</p>",
"target": [
"p:nth-child(5)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.26 (foreground color: #6b7c93, background color: #ffffff, font size: 10.1pt (13.44px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "target-size",
"impact": "serious",
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"messageKey": "partiallyObscured",
"minSize": 24,
"width": 399.5,
"height": 12.1
},
"relatedNodes": [
{
"html": "<a href=\"#apply\">Key Deadlines</a>",
"target": [
".tb-links > a[href$=\"#apply\"]:nth-child(1)"
]
},
{
"html": "<a href=\"#apply\">Financial Aid</a>",
"target": [
".tb-links > a[href$=\"#apply\"]:nth-child(2)"
]
},
{
"html": "<a href=\"#news\">Campus News</a>",
"target": [
".tb-links > a[href$=\"#news\"]"
]
},
{
"html": "<a href=\"tel:+18025550148\">+1 (802) 555\u20110148</a>",
"target": [
".tb-links > a[href=\"tel:+18025550148\"]"
]
}
],
"impact": "serious",
"message": "Target has insufficient size because it is partially obscured (smallest space is 399.5px by 12.1px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 20.8,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#news\">Campus News</a>",
"target": [
".tb-links > a[href$=\"#news\"]"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20.8px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<input id=\"fName\" name=\"name\" type=\"text\" placeholder=\"Jordan Whitfield\" required=\"\">",
"target": [
"#fName"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size because it is partially obscured (smallest space is 399.5px by 12.1px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 20.8px instead of at least 24px."
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 11526
},
{
"y": 576,
"height": 11526
},
{
"y": 1152,
"height": 11526
},
{
"y": 1728,
"height": 11526
},
{
"y": 2304,
"height": 11526
},
{
"y": 2880,
"height": 11526
},
{
"y": 3456,
"height": 11526
},
{
"y": 4032,
"height": 11526
},
{
"y": 4608,
"height": 11526
},
{
"y": 5184,
"height": 11526
},
{
"y": 5760,
"height": 11526
},
{
"y": 6336,
"height": 11526
},
{
"y": 6912,
"height": 11526
},
{
"y": 7488,
"height": 11526
},
{
"y": 8064,
"height": 11526
},
{
"y": 8640,
"height": 11526
},
{
"y": 9216,
"height": 11526
},
{
"y": 9792,
"height": 11526
},
{
"y": 10368,
"height": 11526
},
{
"y": 10806,
"height": 11526
}
],
"scans": 21,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "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: "Research", "Apply", "Programs".
- **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: "Course Catalog", "Alumni Network", "Enrollment Info".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "graduation requirements", "dissertation", "credit hours".
- **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", "Contact Advisor".
- **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: "program finder".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "upcoming deadlines", "research updates", "campus news".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.