Qwen Qwen3.8 Max (0902) – Education
via Alibaba · Generated
- AIMAC Debt 4.94
- Cost $0.19
- Total Violations 22
- HTML Size 77 KB
- Em Dashes 39
Screenshot
View Live Page
Accessibility Issues Found
22 Serious
-
color-contrast serious 22 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="tag">Where deep learning takes root</span>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evergreen College — Where Deep Learning Takes Root</title>
<meta name="description" content="Evergreen College in Halden Ridge, Vermont. A residential liberal arts college offering 43 majors, need-based financial aid, undergraduate research, and a vibrant campus community. Apply for Fall 2026.">
<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:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=Archivo:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
/* ============ TOKENS ============ */
:root{
--ink:#0f241b;
--pine:#14382b;
--pine-deep:#0b2a1f;
--paper:#f6f1e3;
--paper-2:#efe7d3;
--card:#fbf8ee;
--marigold:#e0a43a;
--marigold-deep:#c9891e;
--moss:#3f7a5c;
--line:rgba(15,36,27,.16);
--line-strong:rgba(15,36,27,.55);
--shadow:6px 6px 0 rgba(15,36,27,.92);
--shadow-sm:4px 4px 0 rgba(15,36,27,.92);
--serif:"Fraunces",Georgia,serif;
--sans:"Archivo",Helvetica,Arial,sans-serif;
--mono:"Spline Sans Mono",ui-monospace,monospace;
--wrap:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
font-family:var(--sans);
background:var(--paper);
color:var(--ink);
font-size:16px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}
::selection{background:var(--marigold);color:var(--ink)}
img{display:block;max-width:100%}
a{color:inherit}
button{font-family:inherit;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:600;line-height:1.12;letter-spacing:-.01em}
.skip{position:absolute;left:-999px;top:0;background:var(--marigold);padding:.6rem 1rem;z-index:200;font-family:var(--mono)}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--marigold);outline-offset:3px}
/* noise grain */
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.06;mix-blend-mode:multiply;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");}
/* eyebrow + rules */
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.7rem;color:var(--pine)}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--marigold);display:inline-block}
.dark .eyebrow{color:var(--marigold)}
.section-head{max-width:760px;margin-bottom:2.6rem}
.section-head h2{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:.7rem 0 .9rem}
.section-head p{color:rgba(15,36,27,.78);font-size:1.02rem}
.dark .section-head p{color:rgba(246,241,227,.78)}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:.85rem 1.35rem;border:1.5px solid var(--ink);background:var(--pine);color:var(--paper);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--marigold)}
.btn:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--marigold)}
.btn.gold{background:var(--marigold);color:var(--ink)}
.btn.gold:hover{box-shadow:6px 6px 0 rgba(15,36,27,.92)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--card)}
.btn.arrow::after{content:"→";transition:transform .18s ease}
.btn.arrow:hover::after{transform:translateX(4px)}
/* reveal-on-scroll */
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1);transition-delay:var(--d,0s)}
[data-reveal].in{opacity:1;transform:none}
/* ============ TICKER ============ */
.ticker{background:var(--pine-deep);color:var(--paper);border-bottom:1.5px solid var(--ink);overflow:hidden;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.ticker-track{display:flex;width:max-content;animation:tick 38s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-track span{padding:.55rem 1.6rem;white-space:nowrap;display:flex;align-items:center;gap:1.6rem}
.ticker-track b{color:var(--marigold);font-weight:500}
.ticker-track em{font-style:normal;color:var(--marigold)}
@keyframes tick{to{transform:translateX(-50%)}}
/* ============ HEADER ============ */
header.site{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1.5px solid var(--ink);transition:box-shadow .25s ease}
header.site.scrolled{box-shadow:0 6px 24px rgba(15,36,27,.14)}
.masthead{max-width:var(--wrap);margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand img{width:52px;height:52px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--marigold)}
.brand .name{font-family:var(--serif);font-size:1.32rem;font-weight:700;line-height:1.05;letter-spacing:-.01em}
.brand .tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--moss);margin-top:3px}
nav.main{margin-left:auto}
nav.main ul{display:flex;align-items:center;gap:4px;list-style:none}
nav.main a{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:.6rem .75rem;position:relative}
nav.main a:not(.btn)::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:.35rem;height:2px;background:var(--marigold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
nav.main a:not(.btn):hover::after{transform:scaleX(1)}
nav.main a.btn{color:var(--paper);padding:.6rem 1.1rem;margin-left:.6rem}
.burger{display:none;background:none;border:1.5px solid var(--ink);width:44px;height:44px;position:relative;margin-left:auto}
.burger span,.burger span::before,.burger span::after{content:"";position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .25s ease,opacity .25s ease}
.burger span{top:50%;margin-top:-1px}
.burger span::before{top:-7px}.burger span::after{top:7px}
header.nav-open .burger span{background:transparent}
header.nav-open .burger span::before{transform:translateY(7px) rotate(45deg)}
header.nav-open .burger span::after{transform:translateY(-7px) rotate(-45deg)}
/* ============ HERO ============ */
.hero{border-bottom:1.5px solid var(--ink);position:relative;overflow:hidden}
.hero-grid{max-width:var(--wrap);margin:0 auto;padding:64px 28px 84px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.6rem);font-weight:600;margin:1.1rem 0 1.3rem}
.hero h1 em{font-style:italic;font-weight:500;color:var(--moss)}
.hero h1 .u{box-shadow:inset 0 -.32em 0 var(--marigold)}
.mask{display:block;overflow:hidden;padding-bottom:.08em}
.mask>span{display:inline-block;transform:translateY(112%);animation:rise .85s cubic-bezier(.2,.65,.2,1) forwards;animation-delay:var(--d,0s)}
@keyframes rise{to{transform:none}}
.hero .lead{font-size:1.06rem;color:rgba(15,36,27,.8);max-width:52ch;margin-bottom:1.8rem}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2.2rem}
.hero-proof{display:flex;gap:0;border:1.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow-sm);width:max-content;max-width:100%}
.hero-proof div{padding:.8rem 1.3rem;border-right:1.5px solid var(--line)}
.hero-proof div:last-child{border-right:0}
.hero-proof b{font-family:var(--serif);font-size:1.3rem;display:block;line-height:1}
.hero-proof small{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--moss)}
/* collage */
.collage{position:relative;height:540px}
.ph{position:absolute;border:1.5px solid var(--ink);background:var(--card);padding:10px 10px 12px;box-shadow:var(--shadow);transition:transform .35s ease}
.ph:hover{transform:rotate(0deg) scale(1.03)!important;z-index:9}
.ph figure{overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.kenburns img{animation:kb 16s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-2.5%,2%)}}
.ph figcaption{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding-top:8px;color:var(--moss)}
.ph1{width:62%;top:0;left:0;transform:rotate(-2.5deg)}
.ph2{width:52%;top:34%;right:0;transform:rotate(2.2deg);z-index:2}
.ph3{width:44%;bottom:0;left:8%;transform:rotate(-1.4deg);z-index:3}
.stamp{position:absolute;top:-26px;right:6%;width:118px;height:118px;z-index:5;animation:spin 22s linear infinite}
.stamp text{font-family:var(--mono);font-size:9.2px;letter-spacing:2.6px;text-transform:uppercase;fill:var(--pine)}
.stamp circle.core{fill:var(--marigold);stroke:var(--ink);stroke-width:1.5}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-rule{position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--pine) 0 26px,var(--marigold) 26px 52px)}
/* ============ STATS BAND ============ */
.stats{background:var(--pine-deep);color:var(--paper);border-bottom:1.5px solid var(--ink)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:44px 30px;border-right:1px solid rgba(246,241,227,.14);position:relative}
.stat:last-child{border-right:0}
.stat b{font-family:var(--serif);font-size:clamp(2.1rem,3.6vw,3.1rem);font-weight:600;display:block;color:var(--marigold);line-height:1}
.stat span{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;display:block;margin-top:.7rem;color:rgba(246,241,227,.75)}
.stat p{font-size:.82rem;color:rgba(246,241,227,.6);margin-top:.5rem;line-height:1.5}
/* ============ SCHOOLS ============ */
.schools{padding:96px 0 104px;position:relative}
.school-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.school-card{background:var(--card);border:1.5px solid var(--ink);box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}
.school-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 rgba(15,36,27,.92)}
.school-card .im{overflow:hidden;border-bottom:1.5px solid var(--ink);height:220px;position:relative}
.school-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.school-card:hover .im img{transform:scale(1.06)}
.school-card .num{position:absolute;top:14px;left:14px;background:var(--marigold);border:1.5px solid var(--ink);font-family:var(--mono);font-size:.72rem;font-weight:600;padding:.3rem .6rem;letter-spacing:.1em}
.school-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.school-body h3{font-size:1.45rem;margin-bottom:.7rem}
.school-body p{font-size:.94rem;color:rgba(15,36,27,.78);margin-bottom:1.2rem}
.school-meta{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);display:flex;gap:1.1rem;flex-wrap:wrap;margin-bottom:1.3rem}
.school-body .lnk{margin-top:auto;align-self:flex-start;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--marigold);padding-bottom:2px;font-weight:600}
.school-body .lnk:hover{color:var(--moss)}
.schools-cta{margin-top:44px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
/* ============ CATALOG ============ */
.catalog{background:var(--paper-2);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:96px 0 104px}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;padding:.55rem 1rem;border:1.5px solid var(--ink);background:transparent;transition:all .18s ease}
.chip:hover{background:var(--card)}
.chip.on{background:var(--pine);color:var(--paper);box-shadow:3px 3px 0 var(--marigold)}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.course{background:var(--card);border:1.5px solid var(--ink);padding:24px;display:flex;flex-direction:column;gap:.7rem;transition:transform .2s ease,box-shadow .2s ease}
.course:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.course.hide{display:none}
.course-top{display:flex;justify-content:space-between;align-items:center}
.course .code{font-family:var(--mono);font-size:.7rem;font-weight:600;letter-spacing:.1em;background:var(--pine);color:var(--paper);padding:.28rem .6rem}
.course .lvl{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
.course h3{font-size:1.2rem;line-height:1.25}
.course p{font-size:.86rem;color:rgba(15,36,27,.75);flex:1}
.course-foot{display:flex;justify-content:space-between;border-top:1px dashed var(--line-strong);padding-top:.8rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.course-foot b{color:var(--marigold-deep)}
.catalog-note{margin-top:36px;font-size:.86rem;color:rgba(15,36,27,.7);display:flex;gap:10px;align-items:flex-start}
.catalog-note::before{content:"※";color:var(--marigold-deep);font-size:1.1rem}
/* ============ RESEARCH (sticky two-column, dark) ============ */
.research{background:var(--pine-deep);color:var(--paper);padding:104px 0;border-bottom:1.5px solid var(--ink)}
.research-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.research-sticky{position:sticky;top:120px}
.research-sticky h2{font-size:clamp(2rem,3.4vw,2.9rem);margin:.7rem 0 1.1rem}
.research-sticky p{color:rgba(246,241,227,.78);font-size:1rem;margin-bottom:1.2rem}
.rstats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1.5px solid rgba(246,241,227,.3);margin:2rem 0 2.2rem}
.rstats div{padding:1.1rem;border-right:1.5px solid rgba(246,241,227,.3)}
.rstats div:last-child{border-right:0}
.rstats b{font-family:var(--serif);font-size:1.6rem;color:var(--marigold);display:block;line-height:1}
.rstats small{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,241,227,.65)}
.rcard{border:1.5px solid rgba(246,241,227,.85);background:rgba(246,241,227,.04);margin-bottom:34px;transition:transform .25s ease,background .25s ease}
.rcard:hover{transform:translateX(8px);background:rgba(246,241,227,.08)}
.rcard .im{height:230px;overflow:hidden;border-bottom:1.5px solid rgba(246,241,227,.85)}
.rcard .im img{width:100%;height:100%;object-fit:cover}
.rcard .body{padding:26px}
.rcard .tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--marigold);display:block;margin-bottom:.6rem}
.rcard h3{font-size:1.4rem;margin-bottom:.7rem}
.rcard p{font-size:.92rem;color:rgba(246,241,227,.8)}
.rcard .fund{margin-top:1rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,241,227,.55)}
/* ============ ADMISSIONS + TRACKER ============ */
.admissions{padding:100px 0 104px}
.adm-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.steps{list-style:none;counter-reset:step;margin:2rem 0 2.4rem;display:flex;flex-direction:column;gap:0}
.steps li{counter-increment:step;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px 0;border-bottom:1px dashed var(--line-strong)}
.steps li::before{content:"0" counter(step);font-family:var(--serif);font-size:1.9rem;font-weight:600;color:var(--marigold-deep);line-height:1}
.steps b{font-family:var(--serif);font-size:1.12rem;display:block;margin-bottom:.25rem}
.steps p{font-size:.9rem;color:rgba(15,36,27,.78)}
.deadline-strip{display:flex;flex-wrap:wrap;gap:0;border:1.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow-sm);margin-bottom:1.6rem}
.deadline-strip div{flex:1;min-width:130px;padding:.9rem 1.1rem;border-right:1.5px solid var(--line)}
.deadline-strip div:last-child{border-right:0}
.deadline-strip small{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);display:block}
.deadline-strip b{font-family:var(--serif);font-size:1.02rem}
/* tracker */
.tracker{background:var(--card);border:1.5px solid var(--ink);box-shadow:var(--shadow);padding:34px;position:sticky;top:110px}
.tracker-head{display:flex;align-items:center;gap:22px;border-bottom:1.5px solid var(--line);padding-bottom:1.4rem;margin-bottom:1.4rem}
.ring-wrap{position:relative;width:112px;height:112px;flex:none}
.ring-wrap svg{transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--paper-2);stroke-width:10}
.ring-fg{fill:none;stroke:var(--marigold-deep);stroke-width:10;stroke-linecap:butt;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .6s cubic-bezier(.2,.6,.2,1)}
.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-label b{font-family:var(--serif);font-size:1.6rem;line-height:1}
.ring-label small{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
.tracker-head h3{font-size:1.35rem;line-height:1.2}
.tracker-head p{font-size:.82rem;color:rgba(15,36,27,.7);margin-top:.3rem}
.tlist{list-style:none;display:flex;flex-direction:column}
.titem{display:flex;gap:14px;padding:.95rem .4rem;border-bottom:1px dashed var(--line);transition:background .2s ease;cursor:pointer}
.titem:hover{background:rgba(224,164,58,.09)}
.titem input{position:absolute;opacity:0}
.tbox{flex:none;width:22px;height:22px;border:1.5px solid var(--ink);margin-top:2px;position:relative;background:var(--paper);transition:background .2s ease}
.titem input:checked ~ .tbox{background:var(--marigold)}
.titem input:checked ~ .tbox::after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}
.titem input:focus-visible ~ .tbox{outline:3px solid var(--marigold);outline-offset:2px}
.titem input:checked ~ .tt b{text-decoration:line-through;text-decoration-color:var(--marigold-deep);text-decoration-thickness:2px}
.tt b{font-family:var(--serif);font-size:1.02rem;display:block;line-height:1.3}
.tt span{font-size:.8rem;color:rgba(15,36,27,.68)}
.tstatus{margin-top:1.3rem;padding:1rem 1.1rem;border:1.5px solid var(--ink);background:var(--paper-2);font-size:.86rem;display:flex;gap:.7rem;align-items:flex-start}
.tstatus::before{content:"✦";color:var(--marigold-deep)}
.tracker-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;gap:12px;flex-wrap:wrap}
.reset-btn{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;background:none;border:none;color:var(--moss);border-bottom:1px solid currentColor;padding-bottom:2px}
.reset-btn:hover{color:var(--ink)}
/* financial aid strip */
.aid-strip{margin-top:84px;display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ink);background:var(--card);box-shadow:var(--shadow)}
.aid-card{padding:34px;border-right:1.5px solid var(--line)}
.aid-card:last-child{border-right:0}
.aid-card .ic{font-size:1.5rem;display:block;margin-bottom:.9rem}
.aid-card h3{font-size:1.2rem;margin-bottom:.5rem}
.aid-card p{font-size:.88rem;color:rgba(15,36,27,.78)}
.aid-card b{color:var(--marigold-deep)}
/* ============ CAMPUS LIFE ============ */
.campus{background:var(--paper-2);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:100px 0}
.campus-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.mosaic figure{border:1.5px solid var(--ink);overflow:hidden;position:relative;background:var(--card)}
.mosaic figure:nth-child(2){transform:translateY(26px)}
.mosaic figure:nth-child(3){transform:translateY(-14px)}
.mosaic img{width:100%;height:230px;object-fit:cover;transition:transform .6s ease}
.mosaic figure:hover img{transform:scale(1.07)}
.mosaic figcaption{position:absolute;left:10px;bottom:10px;background:var(--paper);border:1.5px solid var(--ink);font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:.3rem .6rem}
.campus-copy p{color:rgba(15,36,27,.8);margin-bottom:1.1rem;font-size:.98rem}
.campus-list{list-style:none;margin:1.6rem 0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.4rem}
.campus-list li{font-size:.9rem;display:flex;gap:.6rem;align-items:flex-start}
.campus-list li::before{content:"✦";color:var(--marigold-deep);flex:none}
/* ============ STORIES + SIDEBAR ============ */
.community{padding:100px 0}
.comm-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:48px;align-items:start}
.tcard{background:var(--card);border:1.5px solid var(--ink);padding:30px;margin-bottom:24px;position:relative;transition:transform .22s ease,box-shadow .22s ease}
.tcard:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-sm)}
.tcard::before{content:"“";font-family:var(--serif);font-size:4.2rem;line-height:0;position:absolute;top:38px;left:26px;color:var(--marigold);opacity:.9}
.tcard blockquote{font-family:var(--serif);font-style:italic;font-size:1.13rem;line-height:1.5;padding-left:44px;margin-bottom:1.3rem}
.tcard .who{display:flex;align-items:center;gap:14px;padding-left:44px}
.tcard .who img{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink)}
.tcard .who b{font-family:var(--serif);font-size:1rem;display:block;line-height:1.2}
.tcard .who small{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}
/* sidebar */
.side{position:sticky;top:110px;display:flex;flex-direction:column;gap:30px}
.side-box{border:1.5px solid var(--ink);background:var(--card);padding:26px}
.side-box h3{font-size:1.2rem;border-bottom:1.5px solid var(--ink);padding-bottom:.7rem;margin-bottom:1.1rem;display:flex;justify-content:space-between;align-items:center}
.side-box h3 span{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:var(--moss)}
.news-item{display:block;text-decoration:none;padding:.8rem 0;border-bottom:1px dashed var(--line)}
.news-item:last-child{border-bottom:0}
.news-item time{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--marigold-deep);display:block;margin-bottom:.2rem}
.news-item b{font-size:.92rem;line-height:1.35;font-weight:600}
.news-item:hover b{color:var(--moss)}
.scholar{padding:.85rem 0;border-bottom:1px dashed var(--line)}
.scholar:last-child{border-bottom:0}
.scholar b{font-family:var(--serif);font-size:1rem;display:block}
.scholar span{font-size:.82rem;color:rgba(15,36,27,.72)}
.scholar em{font-style:normal;font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;color:var(--marigold-deep);display:block;margin-top:.25rem}
/* ============ FACULTY BAND ============ */
.faculty{background:var(--pine);color:var(--paper);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);padding:88px 0}
.fac-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}
.fac-copy h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin:.7rem 0 1rem}
.fac-copy p{color:rgba(246,241,227,.8);max-width:56ch}
.fac-row{display:flex;gap:20px;align-items:flex-end}
.fac-row figure{text-align:center}
.fac-row img{width:96px;height:96px;border-radius:50%;border:2px solid var(--marigold);box-shadow:4px 4px 0 rgba(11,42,31,.9);transition:transform .25s ease}
.fac-row figure:hover img{transform:translateY(-6px) rotate(-3deg)}
.fac-row figcaption{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;margin-top:.7rem;color:rgba(246,241,227,.75)}
.fac-row figcaption b{display:block;color:var(--paper);font-size:.66rem}
/* ============ FAQ ============ */
.faq{padding:100px 0}
.faq-list{max-width:820px}
.faq-item{border:1.5px solid var(--ink);background:var(--card);margin-bottom:14px;transition:box-shadow .2s ease}
.faq-item.open{box-shadow:var(--shadow-sm)}
.faq-q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;gap:1.4rem;text-align:left;padding:1.25rem 1.5rem;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--ink)}
.faq-q .pm{flex:none;width:30px;height:30px;border:1.5px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:1rem;transition:transform .3s ease,background .3s ease}
.faq-item.open .pm{transform:rotate(45deg);background:var(--marigold)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.6,.2,1)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 1.5rem 1.4rem;font-size:.93rem;color:rgba(15,36,27,.8);max-width:66ch}
.faq-item.open .faq-a{grid-template-rows:1fr}
/* ============ REQUEST INFO ============ */
.request{background:var(--pine-deep);color:var(--paper);padding:100px 0;border-top:1.5px solid var(--ink)}
.req-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.req-copy h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin:.7rem 0 1.1rem}
.req-copy p{color:rgba(246,241,227,.78);margin-bottom:1.4rem}
.req-contact{font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;line-height:2.1;color:rgba(246,241,227,.85)}
.req-contact b{color:var(--marigold)}
.req-form{background:var(--card);color:var(--ink);border:1.5px solid var(--ink);box-shadow:8px 8px 0 var(--marigold);padding:38px}
.req-form h3{font-size:1.35rem;margin-bottom:1.4rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:1.1rem}
.field label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem;color:var(--moss)}
.field input,.field select{width:100%;padding:.8rem .9rem;border:1.5px solid var(--ink);background:var(--paper);font-family:var(--sans);font-size:.92rem;color:var(--ink)}
.field input:focus,.field select:focus{outline:3px solid var(--marigold);outline-offset:1px}
.form-done{display:none;text-align:center;padding:2rem 0}
.form-done .big{font-family:var(--serif);font-size:1.6rem;margin:.8rem 0 .5rem}
.form-done p{font-size:.9rem;color:rgba(15,36,27,.75)}
.req-form.sent form{display:none}
.req-form.sent .form-done{display:block}
/* ============ FOOTER ============ */
footer{background:var(--ink);color:rgba(246,241,227,.8);border-top:8px solid var(--marigold)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;padding:70px 0 50px}
.foot-brand .name{font-family:var(--serif);font-size:1.5rem;color:var(--paper);font-weight:700}
.foot-brand p{font-size:.86rem;margin:1rem 0 1.4rem;max-width:34ch}
.socials{display:flex;gap:10px}
.socials a{width:38px;height:38px;border:1.5px solid rgba(246,241,227,.4);display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.socials a:hover{background:var(--marigold);border-color:var(--marigold);color:var(--ink);transform:translateY(-3px)}
.socials svg{width:16px;height:16px;fill:currentColor}
.foot-col h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--marigold);margin-bottom:1.2rem}
.foot-col ul{list-style:none}
.foot-col a{display:block;text-decoration:none;font-size:.88rem;padding:.32rem 0;color:rgba(246,241,227,.75)}
.foot-col a:hover{color:var(--paper);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--marigold)}
.foot-bottom{border-top:1px solid rgba(246,241,227,.15);padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}
.foot-bottom nav{display:flex;gap:1.6rem}
.foot-bottom nav a{text-decoration:none}
.foot-bottom nav a:hover{color:var(--marigold)}
/* ============ RESPONSIVE ============ */
@media(max-width:1080px){
.course-grid{grid-template-columns:repeat(2,1fr)}
.fac-grid{grid-template-columns:1fr}
.fac-copy{margin-bottom:1rem}
}
@media(max-width:960px){
nav.main{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1.5px solid var(--ink);display:none;padding:12px 20px 22px}
header.nav-open nav.main{display:block}
nav.main ul{flex-direction:column;align-items:stretch;gap:0}
nav.main a{display:block;padding:.85rem .4rem;border-bottom:1px dashed var(--line)}
nav.main a.btn{margin:1rem 0 0;justify-content:center}
.burger{display:block}
.hero-grid{grid-template-columns:1fr;padding-top:48px;gap:64px}
.collage{height:480px;max-width:560px}
.stats .wrap{grid-template-columns:repeat(2,1fr)}
.stat:nth-child(2){border-right:0}
.stat{border-bottom:1px solid rgba(246,241,227,.14)}
.school-grid{grid-template-columns:1fr}
.research-grid,.adm-grid,.campus-grid,.comm-grid,.req-grid{grid-template-columns:1fr}
.research-sticky,.side,.tracker{position:static}
.aid-strip{grid-template-columns:1fr}
.aid-card{border-right:0;border-bottom:1.5px solid var(--line)}
.aid-card:last-child{border-bottom:0}
.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
.course-grid{grid-template-columns:1fr}
.frow{grid-template-columns:1fr}
.hero-proof{flex-wrap:wrap;width:100%}
.hero-proof div{border-bottom:1.5px solid var(--line)}
.collage{height:420px}
.campus-list{grid-template-columns:1fr}
.foot-grid{grid-template-columns:1fr}
.fac-row{flex-wrap:wrap}
}
/* ============ REDUCED MOTION ============ */
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.mask>span{transform:none;animation:none}
[data-reveal]{opacity:1;transform:none}
.ticker-track{animation:none}
.kenburns img{animation:none}
.stamp{animation:none}
}
</style>
</head>
<body>
<a class="skip" href="#main">Skip to main content</a>
<div class="grain" aria-hidden="true"></div>
<!-- ANNOUNCEMENT TICKER -->
<div class="ticker" aria-label="Campus announcements">
<div class="ticker-track">
<span><em>✦</em> Fall 2026 applications now open <em>✦</em> Early Decision deadline — <b>November 15</b> <em>✦</em> FAFSA priority deadline — <b>February 1</b> <em>✦</em> Campus visit days every Friday in October <em>✦</em> Boreal Climate Lab awarded $4.2M NSF grant <em>✦</em> Open Curriculum lecture: Dr. Yuki Hara, Oct 22</span>
<span aria-hidden="true"><em>✦</em> Fall 2026 applications now open <em>✦</em> Early Decision deadline — <b>November 15</b> <em>✦</em> FAFSA priority deadline — <b>February 1</b> <em>✦</em> Campus visit days every Friday in October <em>✦</em> Boreal Climate Lab awarded $4.2M NSF grant <em>✦</em> Open Curriculum lecture: Dr. Yuki Hara, Oct 22</span>
</div>
</div>
<!-- HEADER -->
<header class="site" id="top">
<div class="masthead">
<a class="brand" href="#top">
<img src="https://placehold.co/96x96/14382b/e0a43a?text=EC&font=playfair+display" alt="Evergreen College crest" width="52" height="52">
<span>
<span class="name">Evergreen College</span><br>
<span class="tag">Where deep learning takes root</span>
</span>
</a>
<button class="burger" id="burger" aria-label="Toggle navigation" aria-expanded="false"><span></span></button>
<nav class="main" aria-label="Primary">
<ul>
<li><a href="#academics">Academics</a></li>
<li><a href="#catalog">Course Catalog</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#admissions">Admissions</a></li>
<li><a href="#campus">Campus Life</a></li>
<li><a href="#financial-aid">Financial Aid</a></li>
<li><a class="btn gold" href="#admissions">Apply</a></li>
</ul>
</nav>
</div>
</header>
<main id="main">
<!-- ============ HERO ============ -->
<section class="hero">
<div class="hero-grid">
<div>
<p class="eyebrow"><span class="scramble" data-text="Est. 1912 · Halden Ridge, Vermont">Est. 1912 · Halden Ridge, Vermont</span></p>
<h1>
<span class="mask"><span style="--d:.1s">Where deep learning</span></span>
<span class="mask"><span style="--d:.25s">takes <em class="u">root</em> —</span></span>
<span class="mask"><span style="--d:.4s">and <em>reach</em>.</span></span>
</h1>
<p class="lead">Evergreen is a residential liberal arts college where a rigorous core curriculum, close faculty mentorship, and hands-on research prepare 3,400 students to lead lives of consequence. Nine-to-one student-faculty ratios mean your questions get answered — in office hours, in the lab, and long after graduation.</p>
<div class="hero-ctas">
<a class="btn arrow" href="#catalog">Explore Programs</a>
<a class="btn ghost arrow" href="#request">Request Information</a>
</div>
<div class="hero-proof" data-reveal>
<div><b>#7</b><small>National Liberal Arts</small></div>
<div><b>9:1</b><small>Student–Faculty</small></div>
<div><b>94%</b><small>Receive Aid</small></div>
</div>
</div>
<div class="collage" aria-label="Campus photo gallery">
<svg class="stamp" viewBox="0 0 118 118" aria-hidden="true">
<defs><path id="cir" d="M59,59 m-46,0 a46,46 0 1,1 92,0 a46,46 0 1,1 -92,0"/></defs>
<circle class="core" cx="59" cy="59" r="30"/>
<text><textPath href="#cir">EVERGREEN COLLEGE · EST. 1912 · VERMONT · </textPath></text>
<text x="59" y="65" text-anchor="middle" style="font-family:var(--serif);font-size:22px;letter-spacing:0">EC</text>
</svg>
<div class="ph ph1 kenburns" data-reveal style="--d:.15s">
<figure><img src="https://picsum.photos/seed/evergreen-quad/720/500" alt="Students crossing the main quadrangle in autumn"></figure>
<figcaption>The Founders' Quad — October</figcaption>
</div>
<div class="ph ph2 kenburns" data-reveal style="--d:.3s">
<figure><img src="https://picsum.photos/seed/evergreen-library/620/460" alt="Reading room inside Meridian Library"></figure>
<figcaption>Meridian Library, est. 1921</figcaption>
</div>
<div class="ph ph3 kenburns" data-reveal style="--d:.45s">
<figure><img src="https://picsum.photos/seed/evergreen-lab/560/420" alt="Undergraduate research in the science laboratory"></figure>
<figcaption>Undergraduate research, first year</figcaption>
</div>
</div>
</div>
<div class="hero-rule" aria-hidden="true"></div>
</section>
<!-- ============ STATS BAND ============ -->
<section class="stats" aria-label="Key facts about Evergreen">
<div class="wrap">
<div class="stat" data-reveal><b><span data-count="3412">0</span></b><span>Students enrolled</span><p>From 48 states and 38 countries, all learning together on one residential campus.</p></div>
<div class="stat" data-reveal style="--d:.1s"><b><span data-count="43">0</span></b><span>Majors & programs</span><p>Across four schools, plus self-designed interdisciplinary concentrations.</p></div>
<div class="stat" data-reveal style="--d:.2s"><b>$<span data-count="38400">0</span></b><span>Avg. aid package</span><p>Need-based grants, merit awards, and a no-loan pledge for families under $85k.</p></div>
<div class="stat" data-reveal style="--d:.3s"><b><span data-count="92">0</span>%</b><span>Placed in 6 months</span><p>Graduates in careers, graduate school, or funded fellowships by commencement +6.</p></div>
</div>
</section>
<!-- ============ SCHOOLS / ACADEMICS ============ -->
<section class="schools" id="academics">
<div class="wrap">
<div class="section-head" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Academics · Four Schools">Academics · Four Schools</span></p>
<h2>One core curriculum.<br>Forty-three ways to grow.</h2>
<p>Every Evergreen student completes our 12-credit liberal arts core — seminars in writing, quantitative reasoning, ethics, and civic engagement — before branching into a major. It's the shared vocabulary that lets a chemist and a poet debate climate policy at the same table.</p>
</div>
<div class="school-grid">
<article class="school-card" data-reveal>
<div class="im kenburns"><img src="https://picsum.photos/seed/science-hall-green/680/440" alt="Whitaker Hall for Natural Sciences"><span class="num">01</span></div>
<div class="school-body">
<h3>School of Natural Sciences & Mathematics</h3>
<div class="school-meta"><span>14 majors</span><span>38 teaching labs</span><span>Boreal Field Station</span></div>
<p>Biology, chemistry, physics, mathematics, and environmental science taught in Whitaker Hall, a LEED-gold science complex. Seventy percent of science majors co-author research before graduation, many through our 900-acre Boreal Field Station.</p>
<a class="lnk" href="#catalog">Browse courses →</a>
</div>
</article>
<article class="school-card" data-reveal style="--d:.1s">
<div class="im kenburns"><img src="https://picsum.photos/seed/humanities-letters/680/440" alt="Reading seminar in the Humanities building"><span class="num">02</span></div>
<div class="school-body">
<h3>School of Humanities & Letters</h3>
<div class="school-meta"><span>12 majors</span><span>Meridian Press</span><span>6 languages</span></div>
<p>Literature, history, philosophy, classics, and world languages anchored in our signature First-Year Seminar — capped at 15 students and built entirely around discussion, argument, and the slow craft of revision.</p>
<a class="lnk" href="#catalog">Browse courses →</a>
</div>
</article>
<article class="school-card" data-reveal>
<div class="im kenburns"><img src="https://picsum.photos/seed/engineering-computation/680/440" alt="Students collaborating in the computation studio"><span class="num">03</span></div>
<div class="school-body">
<h3>School of Engineering & Computation</h3>
<div class="school-meta"><span>9 majors</span><span>Fabrication Lab</span><span>ABET-track</span></div>
<p>Computer science, electrical and environmental engineering, and data science with a liberal-arts spine — every engineer completes an ethics module, and every senior ships a capstone project reviewed by practicing professionals.</p>
<a class="lnk" href="#catalog">Browse courses →</a>
</div>
</article>
<article class="school-card" data-reveal style="--d:.1s">
<div class="im kenburns"><img src="https://picsum.photos/seed/education-society/680/440" alt="Student teacher working in a partner classroom"><span class="num">04</span></div>
<div class="school-body">
<h3>School of Education & Public Life</h3>
<div class="school-meta"><span>8 majors</span><span>Vermont licensure</span><span>12 partner districts</span></div>
<p>Economics, political science, psychology, and teacher education grounded in community practice. Education majors log 120 practicum hours in partner schools before student teaching — three times the state licensure requirement.</p>
<a class="lnk" href="#catalog">Browse courses →</a>
</div>
</article>
</div>
<div class="schools-cta" data-reveal>
<a class="btn arrow" href="#catalog">Explore All Programs</a>
<a class="btn ghost arrow" href="#faculty">Meet Faculty</a>
</div>
</div>
</section>
<!-- ============ COURSE CATALOG ============ -->
<section class="catalog" id="catalog">
<div class="wrap">
<div class="section-head" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Spring 2026 · Course Catalog">Spring 2026 · Course Catalog</span></p>
<h2>This semester's most-discussed sections</h2>
<p>A sample from the Spring 2026 schedule of classes. Filter by division to see how the core curriculum and major requirements come together. Full registration opens November 4 through the registrar's portal.</p>
</div>
<div class="chips" role="group" aria-label="Filter courses by division" data-reveal>
<button class="chip on" data-filter="all">All Divisions</button>
<button class="chip" data-filter="stem">Science & Math</button>
<button class="chip" data-filter="hum">Humanities</button>
<button class="chip" data-filter="art">Arts</button>
<button class="chip" data-filter="soc">Social Sciences</button>
</div>
<div class="course-grid" id="courseGrid">
<article class="course" data-div="stem" data-reveal><div class="course-top"><span class="code">BIO 214</span><span class="lvl">200-level</span></div><h3>Ecology of Changing Forests</h3><p>Field-based ecology using the Boreal Field Station as a living laboratory; weekly data collection in mixed hardwood stands.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>8 / 28</b></span></div></article>
<article class="course" data-div="stem" data-reveal style="--d:.05s"><div class="course-top"><span class="code">CSC 101</span><span class="lvl">100-level</span></div><h3>Foundations of Computation</h3><p>Algorithmic thinking and computational reasoning for all majors — no prior coding experience required. Core: Quantitative Reasoning.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>2 / 60</b></span></div></article>
<article class="course" data-div="hum" data-reveal style="--d:.1s"><div class="course-top"><span class="code">PHIL 240</span><span class="lvl">200-level</span></div><h3>Ethics of Artificial Intelligence</h3><p>Autonomy, bias, and responsibility in machine decision-making. Cross-listed with Computer Science; writing-intensive.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>11 / 30</b></span></div></article>
<article class="course" data-div="hum" data-reveal><div class="course-top"><span class="code">ENG 305</span><span class="lvl">300-level</span></div><h3>The Modern American Novel</h3><p>From Cather to Morrison: close reading, archival work in Meridian Library's special collections, and a final critical essay.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>4 / 18</b></span></div></article>
<article class="course" data-div="soc" data-reveal style="--d:.05s"><div class="course-top"><span class="code">ECO 110</span><span class="lvl">100-level</span></div><h3>Principles of Microeconomics</h3><p>Markets, incentives, and inequality, taught through case studies of rural New England economies. Core: Social Inquiry.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>19 / 80</b></span></div></article>
<article class="course" data-div="art" data-reveal style="--d:.1s"><div class="course-top"><span class="code">ART 160</span><span class="lvl">100-level</span></div><h3>Studio: Drawing & Perception</h3><p>Observational drawing as a discipline of looking. Portfolio reviewed at midterm; final exhibition in the Ridge Gallery.</p><div class="course-foot"><span>3 credits</span><span>Seats: <b>1 / 16</b></span></div></article>
<article class="course" data-div="stem" data-reveal><div class="course-top"><span class="code">CHM 221</span><span class="lvl">200-level</span></div><h3>Organic Chemistry I</h3><p>Structure, mechanism, and synthesis with a paired six-hour laboratory. Required for pre-health tracks; gateway to CHM 310.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>6 / 40</b></span></div></article>
<article class="course" data-div="soc" data-reveal style="--d:.05s"><div class="course-top"><span class="code">EDU 330</span><span class="lvl">300-level</span></div><h3>Pedagogy & Community Learning</h3><p>Learning theory plus a supervised 4-hour weekly practicum in Halden Ridge partner schools. Prerequisite for teacher licensure.</p><div class="course-foot"><span>4 credits</span><span>Seats: <b>9 / 22</b></span></div></article>
<article class="course" data-div="art" data-reveal style="--d:.1s"><div class="course-top"><span class="code">MUS 215</span><span class="lvl">200-level</span></div><h3>Theory II: Harmony & Voice Leading</h3><p>Diatonic harmony, chorale writing, and analysis of repertoire from Bach to Coltrane. Ear-training lab meets twice weekly.</p><div class="course-foot"><span>3 credits</span><span>Seats: <b>14 / 24</b></span></div></article>
</div>
<p class="catalog-note" data-reveal>Graduation requirements: 120 total credits, including the 12-credit core curriculum, a major of 32–44 credits, the experiential learning requirement, and a senior capstone. Academic advising is assigned before first-semester registration.</p>
</div>
</section>
<!-- ============ RESEARCH (sticky two-column) ============ -->
<section class="research dark" id="research">
<div class="wrap research-grid">
<div class="research-sticky" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Research Excellence">Research Excellence</span></p>
<h2>Undergraduates don't assist the research here. They author it.</h2>
<p>Evergreen holds no graduate programs, which means every laboratory slot, every archival fellowship, and every field-season bunk belongs to undergraduates. Faculty mentors bring students onto funded projects as early as first year, and our Summer Research Fellowship pays 120 students to stay on campus and work full-time.</p>
<div class="rstats">
<div><b>$41.2M</b><small>Active funding</small></div>
<div><b>64</b><small>Faculty projects</small></div>
<div><b>210</b><small>Student co-authors</small></div>
</div>
<a class="btn gold arrow" href="#request">Request Research Info</a>
</div>
<div>
<article class="rcard" data-reveal>
<div class="im kenburns"><img src="https://picsum.photos/seed/boreal-climate-lab/760/460" alt="Researchers coring trees at the Boreal Field Station"></div>
<div class="body">
<span class="tag">Climate Science · Field Station</span>
<h3>The Boreal Climate Lab</h3>
<p>Reading 400 years of climate history in tree rings. This fall, the lab received a $4.2M NSF grant to extend its dendrochronology archive across New England, with twelve paid undergraduate positions each semester and co-authorship on published findings.</p>
<div class="fund">Funding: NSF · $4.2M · 2025–2029</div>
</div>
</article>
<article class="rcard" data-reveal>
<div class="im kenburns"><img src="https://picsum.photos/seed/ethics-ai-seminar/760/460" alt="Seminar discussion on ethical technology"></div>
<div class="body">
<span class="tag">Technology & Society</span>
<h3>Center for Ethical AI & Society</h3>
<p>Philosophers and computer scientists co-teach, co-advise, and co-publish. Center students drafted the algorithmic transparency guidelines recently adopted by two Vermont state agencies — a rare credential on a senior résumé.</p>
<div class="fund">Partners: State of Vermont · 3 civic-tech firms</div>
</div>
</article>
<article class="rcard" data-reveal>
<div class="im kenburns"><img src="https://picsum.photos/seed/rural-classroom-study/760/460" alt="Student researchers observing a rural classroom"></div>
<div class="body">
<span class="tag">Education Policy</span>
<h3>Rural Education Access Initiative</h3>
<p>A ten-year longitudinal study of college access in small-town school districts, pairing data science with 120 annual practicum placements. Findings have shaped financial aid outreach policy in four states.</p>
<div class="fund">Funding: Spencer Foundation · Lumina</div>
</div>
</article>
</div>
</div>
</section>
<!-- ============ ADMISSIONS + TRACKER ============ -->
<section class="admissions" id="admissions">
<div class="wrap">
<div class="section-head" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Admissions · Fall 2026 Entry">Admissions · Fall 2026 Entry</span></p>
<h2>Four steps. One checklist.<br>We read every file twice.</h2>
<p>We use the Common Application and practice holistic review — grades in context, essays in your own voice, and recommendations from people who truly know you. Standardized tests are optional and never held against you.</p>
</div>
<div class="adm-grid">
<div>
<ol class="steps" data-reveal>
<li><div><b>Explore & visit</b><p>Tour the 240-acre campus, sit in on a First-Year Seminar, and stay overnight in one of nine residence halls. Virtual visit kits are available for families traveling from more than 500 miles.</p></div></li>
<li><div><b>Apply via the Common App</b><p>Add Evergreen to your college list and complete our two short supplemental essays. Early Decision applicants hear back by December 15; Regular Decision by March 25.</p></div></li>
<li><div><b>File for financial aid</b><p>Submit the FAFSA (school code <b>003712</b>) and CSS Profile by the February 1 priority deadline. 94% of students receive aid, and packaging letters arrive with your admission decision.</p></div></li>
<li><div><b>Decide & deposit</b><p>Compare your award, join an admitted-student weekend, and secure your place with a $300 enrollment deposit by May 1. Housing selection opens the same week.</p></div></li>
</ol>
<div class="deadline-strip" data-reveal>
<div><small>Early Decision</small><b>Nov 15</b></div>
<div><small>Regular Decision</small><b>Jan 15</b></div>
<div><small>FAFSA Priority</small><b>Feb 1</b></div>
<div><small>Transfer</small><b>Mar 1</b></div>
</div>
<a class="btn arrow" href="#request">Start Your Application</a>
</div>
<!-- APPLICATION TRACKER -->
<aside class="tracker" id="application-tracker" aria-label="Application checklist tracker" data-reveal>
<div class="tracker-head">
<div class="ring-wrap">
<svg width="112" height="112" viewBox="0 0 112 112" aria-hidden="true">
<circle class="ring-bg" cx="56" cy="56" r="52"/>
<circle class="ring-fg" id="ringFg" cx="56" cy="56" r="52"/>
</svg>
<div class="ring-label"><b id="ringPct">0%</b><small>complete</small></div>
</div>
<div>
<h3>Your Application Tracker</h3>
<p>Check off each milestone as you go — your progress is saved on this device so you can come back anytime.</p>
</div>
</div>
<ul class="tlist" id="tlist">
<li><label class="titem"><input type="checkbox" data-step="app"><span class="tbox"></span><span class="tt"><b>Create your Common App account</b><span>Begin the Common Application and add Evergreen College to your list.</span></span></label></li>
<li><label class="titem"><input type="checkbox" data-step="essay"><span class="tbox"></span><span class="tt"><b>Draft your personal essay</b><span>The 650-word personal statement plus one Evergreen short response (200 words).</span></span></label></li>
<li><label class="titem"><input type="checkbox" data-step="transcript"><span class="tbox"></span><span class="tt"><b>Request your official transcript</b><span>Ask your counselor to send it through the Common App or directly to the registrar.</span></span></label></li>
<li><label class="titem"><input type="checkbox" data-step="recs"><span class="tbox"></span><span class="tt"><b>Secure two recommendations</b><span>One from a core academic teacher, one from a counselor or community mentor.</span></span></label></li>
<li><label class="titem"><input type="checkbox" data-step="fafsa"><span class="tbox"></span><span class="tt"><b>File the FAFSA & CSS Profile</b><span>School code 003712. Priority deadline February 1 — earlier is always better.</span></span></label></li>
<li><label class="titem"><input type="checkbox" data-step="fee"><span class="tbox"></span><span class="tt"><b>Submit fee or fee waiver</b><span>The $60 fee is waived automatically for any student whose counselor requests it.</span></span></label></li>
</ul>
<p class="tstatus" id="tstatus" aria-live="polite">Just getting started — every completed application began exactly here.</p>
<div class="tracker-foot">
<a class="btn gold" href="#request">Start Your Application</a>
<button class="reset-btn" id="resetTracker">Reset checklist</button>
</div>
</aside>
</div>
<!-- FINANCIAL AID -->
<div class="aid-strip" id="financial-aid" data-reveal>
<div class="aid-card">
<span class="ic" aria-hidden="true">✦</span>
<h3>Need-Based Grants</h3>
<p>The average first-year package is <b>$38,400</b>. Evergreen meets 100% of demonstrated need for admitted domestic students, and aid renews annually as long as satisfactory academic progress is maintained.</p>
</div>
<div class="aid-card">
<span class="ic" aria-hidden="true">❧</span>
<h3>Rooted Futures Pledge</h3>
<p>Families with incomes under <b>$85,000</b> graduate debt-free: loans in your package are replaced with grants and campus employment, up to 10 hours per week during term.</p>
</div>
<div class="aid-card">
<span class="ic" aria-hidden="true">✎</span>
<h3>Merit Scholarships</h3>
<p>Every applicant is automatically reviewed for the <b>Meridian Merit Award</b> (up to $28,000/yr) and the <b>Founders' Legacy Award</b> for first-generation students. No separate essay required.</p>
</div>
</div>
</div>
</section>
<!-- ============ CAMPUS LIFE ============ -->
<section class="campus" id="campus">
<div class="wrap campus-grid">
<div class="mosaic" data-reveal>
<figure><img src="https://picsum.photos/seed/dorm-commons/560/460" alt="Students in a residence hall commons"><figcaption>Birch Hall commons</figcaption></figure>
<figure><img src="https://picsum.photos/seed/rowing-lake-vermont/560/460" alt="Rowing crews on Lake Halcyon at dawn"><figcaption>Crew on Lake Halcyon</figcaption></figure>
<figure><img src="https://picsum.photos/seed/art-studio-work/560/460" alt="Printmaking in the open studio"><figcaption>Open print studio</figcaption></figure>
<figure><img src="https://picsum.photos/seed/farm-dining-hall/560/460" alt="Farm-to-table dining hall service"><figcaption>Cedar Commons dining</figcaption></figure>
</div>
<div class="campus-copy" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Campus Life · 240 wooded acres">Campus Life · 240 wooded acres</span></p>
<h2 style="font-size:clamp(1.9rem,3.4vw,2.8rem);margin:.7rem 0 1rem">Life between the lectures is the curriculum too.</h2>
<p>Ninety-eight percent of students live on campus for all four years, in nine residence halls ranged around the Founders' Quad. Dinners run long in Cedar Commons — our farm-to-table hall sources 40% of its produce from the college's own five-acre Ridge Farm.</p>
<p>Weekends belong to the Outdoor Program's trailheads, twenty-one Division III teams, and a student activities board that books the Friday-night series. Quiet hours are real; so is the 2 a.m. observatory open house.</p>
<ul class="campus-list">
<li>120+ student clubs & organizations</li>
<li>21 NCAA Division III teams</li>
<li>9 residence halls, 98% residency</li>
<li>Students from 48 states & 38 countries</li>
<li>First-year wilderness orientation</li>
<li>Cedar Commons farm-to-table dining</li>
</ul>
<a class="btn arrow" href="#request">Plan a Campus Visit</a>
</div>
</div>
</section>
<!-- ============ STORIES + SIDEBAR ============ -->
<section class="community" id="stories">
<div class="wrap">
<div class="section-head" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Student Voices · Campus Bulletin">Student Voices · Campus Bulletin</span></p>
<h2>Success stories, straight from the quad</h2>
</div>
<div class="comm-grid">
<div>
<article class="tcard" data-reveal>
<blockquote>I knocked on Professor Okafor's office door during the first week of my first year asking about lichen. Last summer, I was second author on our Boreal Lab's tree-ring paper. Nobody handed me that — but three people held the door open.</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=amara-osei-bio" alt="Portrait of Amara Osei">
<div><b>Amara Osei '26</b><small>Biology · Boreal Climate Lab Fellow</small></div>
</div>
</article>
<article class="tcard" data-reveal>
<blockquote>The ethics requirement looked like an obstacle on my course plan. It became my career. I interned at a civic-tech nonprofit through the Center for Ethical AI, and now I audit algorithms for a living — with a philosophy minor on my diploma.</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=diego-ferrer-cs" alt="Portrait of Diego Ferrer">
<div><b>Diego Ferrer '24</b><small>Computer Science & Philosophy · Now at CivicTrust Labs</small></div>
</div>
</article>
<article class="tcard" data-reveal>
<blockquote>As a first-generation student, financial aid was the thing that kept me up at night. The Rooted Futures pledge replaced every loan with a grant, and my advisor walked me through graduation requirements before I'd even declared a major.</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=lena-kowalczyk-edu" alt="Portrait of Lena Kowalczyk">
<div><b>Lena Kowalczyk '27</b><small>Education · First-Generation Scholars Cohort</small></div>
</div>
</article>
</div>
<aside class="side" data-reveal>
<div class="side-box">
<h3>Campus News <span>Oct 2025</span></h3>
<a class="news-item" href="#research"><time>Oct 14, 2025</time><b>Boreal Climate Lab awarded $4.2M NSF grant to map 400 years of forest history</b></a>
<a class="news-item" href="#admissions"><time>Oct 09, 2025</time><b>Class of 2029 becomes most selective in college history — 21% admit rate</b></a>
<a class="news-item" href="#academics"><time>Oct 02, 2025</time><b>New Hall of Engineering & Computation opens with 40 project bays</b></a>
<a class="news-item" href="#campus"><time>Sep 26, 2025</time><b>Women's soccer clinches NESCAC home playoff match for third straight year</b></a>
</div>
<div class="side-box">
<h3>Scholarships <span>Auto-considered</span></h3>
<div class="scholar"><b>Meridian Merit Scholarship</b><span>Recognizes sustained academic distinction and intellectual curiosity across the core curriculum.</span><em>Up to $28,000 / year</em></div>
<div class="scholar"><b>Founders' Legacy Award</b><span>For first-generation college students carrying forward a family's first degree.</span><em>$15,000 / year</em></div>
<div class="scholar"><b>Ridge Farm Stewardship Grant</b><span>For students committed to sustainable agriculture and land stewardship.</span><em>$8,000 / year</em></div>
</div>
<div class="side-box" style="background:var(--pine);color:var(--paper)">
<h3 style="border-color:rgba(246,241,227,.3)">Key Dates <span style="color:var(--marigold)">Mark them</span></h3>
<div class="scholar"><b style="color:var(--marigold)">Nov 15</b><span style="color:rgba(246,241,227,.8)">Early Decision deadline</span></div>
<div class="scholar"><b style="color:var(--marigold)">Jan 15</b><span style="color:rgba(246,241,227,.8)">Regular Decision deadline</span></div>
<div class="scholar"><b style="color:var(--marigold)">Feb 1</b><span style="color:rgba(246,241,227,.8)">FAFSA & CSS priority date</span></div>
<div class="scholar" style="border:0"><b style="color:var(--marigold)">May 1</b><span style="color:rgba(246,241,227,.8)">National enrollment deposit day</span></div>
</div>
</aside>
</div>
</div>
</section>
<!-- ============ FACULTY BAND ============ -->
<section class="faculty dark" id="faculty">
<div class="wrap fac-grid">
<div class="fac-copy" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Faculty · Mentors first">Faculty · Mentors first</span></p>
<h2>Professors who learn your name before your midterm.</h2>
<p>Every course at Evergreen is taught by faculty — never by teaching assistants. With a 9:1 ratio, office hours aren't a formality; they're where research projects, recommendation letters, and lifelong mentorships begin. Meet the people behind the podium.</p>
</div>
<div class="fac-row" data-reveal>
<figure><img src="https://i.pravatar.cc/192?u=fac-okafor" alt="Dr. Adaeze Okafor"><figcaption><b>Dr. Adaeze Okafor</b>Forest Ecology</figcaption></figure>
<figure><img src="https://i.pravatar.cc/192?u=fac-brandt" alt="Prof. Elias Brandt"><figcaption><b>Prof. Elias Brandt</b>Philosophy</figcaption></figure>
<figure><img src="https://i.pravatar.cc/192?u=fac-iyer" alt="Dr. Meera Iyer"><figcaption><b>Dr. Meera Iyer</b>Computer Science</figcaption></figure>
<figure><img src="https://i.pravatar.cc/192?u=fac-delacroix" alt="Dr. Solène Delacroix"><figcaption><b>Dr. Solène Delacroix</b>Comparative Literature</figcaption></figure>
<a class="btn gold arrow" href="#request" style="margin-bottom:26px">Meet Faculty</a>
</div>
</div>
</section>
<!-- ============ FAQ ============ -->
<section class="faq">
<div class="wrap">
<div class="section-head" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Questions · Answered plainly">Questions · Answered plainly</span></p>
<h2>Admissions, asked and answered</h2>
</div>
<div class="faq-list" data-reveal>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">What are the graduation requirements?<span class="pm">+</span></button>
<div class="faq-a"><div><p>You'll complete 120 credits: the 12-credit liberal arts core (first-year seminar, writing, quantitative reasoning, and civic engagement), a major of 32–44 credits, distribution courses across three divisions, the experiential learning requirement — an internship, research fellowship, or study-away term — and a senior capstone. Your advisor maps all of this with you during first-semester orientation.</p></div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">How much financial aid can I expect?<span class="pm">+</span></button>
<div class="faq-a"><div><p>94% of students receive aid, and the average first-year package is $38,400. We meet 100% of demonstrated need for domestic students, and the Rooted Futures Pledge replaces all loans with grants for families earning under $85,000. File the FAFSA and CSS Profile by February 1 for priority consideration.</p></div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Do you accept transfer credits and AP/IB?<span class="pm">+</span></button>
<div class="faq-a"><div><p>Yes. AP scores of 4–5 and IB Higher Level scores of 5–7 typically earn credit. Transfer students may apply up to 60 credits from accredited institutions toward the 120-credit degree, with at least 45 credits — including the major's upper-division work — completed in residence at Evergreen. The registrar evaluates credit formally upon admission.</p></div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Is housing guaranteed for all four years?<span class="pm">+</span></button>
<div class="faq-a"><div><p>Yes — Evergreen is a four-year residential college, and on-campus housing is guaranteed (and expected) for all four years. First-years live in one of four hall communities with faculty-in-residence; housing selection for upper years opens each March. The comprehensive fee covers a full meal plan at Cedar Commons.</p></div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Are any courses offered online?<span class="pm">+</span></button>
<div class="faq-a"><div><p>The degree itself is residential and in-person, by design. That said, 40+ course sections each year use a blended format with online discussion and lab-prep modules, and January-term includes three low-residency options for students completing internships away from campus.</p></div></div>
</div>
<div class="faq-item">
<button class="faq-q" aria-expanded="false">Are standardized tests required?<span class="pm">+</span></button>
<div class="faq-a"><div><p>No. Evergreen is test-optional: SAT and ACT scores are considered only if you feel they strengthen your application, and applicants who decline to submit them are at no disadvantage. Homeschooled and international applicants follow the same holistic review, with an optional interview available worldwide.</p></div></div>
</div>
</div>
</div>
</section>
<!-- ============ REQUEST INFO ============ -->
<section class="request dark" id="request">
<div class="wrap req-grid">
<div class="req-copy" data-reveal>
<p class="eyebrow"><span class="scramble" data-text="Take the next step">Take the next step</span></p>
<h2>Request information — we answer within two business days.</h2>
<p>Tell us where you are in the process and a member of the admissions team will send a personalized viewbook, connect you with a student ambassador in your intended major, and reserve your spot at an upcoming visit day.</p>
<div class="req-contact">
<b>Office of Admissions</b><br>
1 Founders' Green, Halden Ridge, VT 05672<br>
(802) 555-0148 · admissions@evergreen.edu<br>
Mon–Fri, 8:30 a.m. – 5:00 p.m. ET
</div>
</div>
<div class="req-form" id="reqForm" data-reveal>
<form id="infoForm" novalidate>
<h3>Request Information</h3>
<div class="frow">
<div class="field"><label for="fname">First name</label><input id="fname" name="fname" type="text" required autocomplete="given-name" placeholder="Rowan"></div>
<div class="field"><label for="lname">Last name</label><input id="lname" name="lname" type="text" required autocomplete="family-name" placeholder="Whitfield"></div>
</div>
<div class="field"><label for="email">Email address</label><input id="email" name="email" type="email" required autocomplete="email" placeholder="you@example.com"></div>
<div class="frow">
<div class="field"><label for="entry">Entry term</label>
<select id="entry" name="entry"><option>Fall 2026 — First Year</option><option>Fall 2026 — Transfer</option><option>Fall 2027 — First Year</option><option>Undecided / exploring</option></select>
</div>
<div class="field"><label for="interest">Area of interest</label>
<select id="interest" name="interest"><option>Natural Sciences & Mathematics</option><option>Humanities & Letters</option><option>Engineering & Computation</option><option>Education & Public Life</option><option>Still deciding</option></select>
</div>
</div>
<button class="btn gold arrow" type="submit" style="width:100%;justify-content:center">Request Information</button>
</form>
<div class="form-done">
<div style="font-size:2.2rem" aria-hidden="true">❧</div>
<p class="big">You're on the list.</p>
<p>Check your inbox — your Evergreen viewbook and a note from your admissions counselor are on the way. We can't wait to meet you on the quad.</p>
</div>
</div>
</div>
</section>
</main>
<!-- ============ FOOTER ============ -->
<footer>
<div class="wrap">
<div class="foot-grid">
<div class="foot-brand">
<div class="name">Evergreen College</div>
<p>Founded in 1912 on a wooded ridge in central Vermont. Radices et Alae — roots and wings — remain our only strategic plan.</p>
<div class="socials">
<a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.2 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.6.1 4.8s0 3.6-.1 4.8c-.1 1.2-.2 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.6.1-4.9.1s-3.6 0-4.8-.1c-1.2-.1-1.8-.2-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8c.1-1.2.2-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 2c-3.2 0-3.6 0-4.8.1-1.1.1-1.5.2-1.8.3-.5.2-.8.4-1.1.7-.3.3-.5.6-.7 1.1-.1.3-.3.8-.3 1.8-.1 1.2-.1 1.6-.1 4.8s0 3.6.1 4.8c.1 1.1.2 1.5.3 1.8.2.5.4.8.7 1.1.3.3.6.5 1.1.7.3.1.8.3 1.8.3 1.2.1 1.6.1 4.8.1s3.6 0 4.8-.1c1.1-.1 1.5-.2 1.8-.3.5-.2.8-.4 1.1-.7.3-.3.5-.6.7-1.1.1-.3.3-.8.3-1.8.1-1.2.1-1.6.1-4.8s0-3.6-.1-4.8c-.1-1.1-.2-1.5-.3-1.8-.2-.5-.4-.8-.7-1.1-.3-.3-.6-.5-1.1-.7-.3-.1-.8-.3-1.8-.3-1.2-.1-1.6-.1-4.8-.1zm0 3.4a4.4 4.4 0 1 1 0 8.8 4.4 4.4 0 0 1 0-8.8zm0 2a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 0 0 0-4.8zm4.6-3.4a1 1 0 1 1 0 2.1 1 1 0 0 1 0-2.1z"/></svg></a>
<a href="#" aria-label="X"><svg viewBox="0 0 24 24"><path d="M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.3l7.3-8.3L1.6 2H8l4.4 5.8L18.9 2zm-1.1 18h1.7L7.1 3.9H5.3L17.8 20z"/></svg></a>
<a href="#" aria-label="LinkedIn"><svg viewBox="0 0 24 24"><path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zM3 9h4v12H3V9zm7 0h3.8v1.7h.1c.5-1 1.8-2 3.7-2 4 0 4.7 2.6 4.7 6V21h-4v-5.5c0-1.3 0-3-1.9-3s-2.1 1.4-2.1 2.9V21h-4V9z"/></svg></a>
<a href="#" aria-label="YouTube"><svg viewBox="0 0 24 24"><path d="M23 7.2s-.2-1.6-.9-2.3c-.9-.9-1.9-.9-2.3-1C16.6 3.6 12 3.6 12 3.6s-4.6 0-7.8.3c-.4.1-1.4.1-2.3 1-.7.7-.9 2.3-.9 2.3S.8 9.1.8 11v1.8c0 1.9.2 3.8.2 3.8s.2 1.6.9 2.3c.9.9 2 .9 2.5 1 1.8.2 7.6.3 7.6.3s4.6 0 7.8-.3c.4-.1 1.4-.1 2.3-1 .7-.7.9-2.3.9-2.3s.2-1.9.2-3.8V11c0-1.9-.2-3.8-.2-3.8zM9.7 15V8.4l6.3 3.3-6.3 3.3z"/></svg></a>
</div>
</div>
<div class="foot-col">
<h4>Academics</h4>
<ul><li><a href="#academics">Schools & Programs</a></li><li><a href="#catalog">Course Catalog</a></li><li><a href="#research">Research Centers</a></li><li><a href="#">Meridian Library</a></li><li><a href="#">Academic Calendar</a></li></ul>
</div>
<div class="foot-col">
<h4>Admissions</h4>
<ul><li><a href="#admissions">How to Apply</a></li><li><a href="#financial-aid">Financial Aid & FAFSA</a></li><li><a href="#admissions">Visit Campus</a></li><li><a href="#application-tracker">Application Tracker</a></li><li><a href="#faq">FAQ</a></li></ul>
</div>
<div class="foot-col">
<h4>Campus</h4>
<ul><li><a href="#campus">Residence Life</a></li><li><a href="#campus">Athletics — EC Evergreens</a></li><li><a href="#stories">Student Stories</a></li><li><a href="#">Ridge Farm</a></li><li><a href="#">Careers at Evergreen</a></li></ul>
</div>
</div>
<div class="foot-bottom">
<span>© 2025 Evergreen College · 1 Founders' Green, Halden Ridge, VT 05672 · (802) 555-0148</span>
<nav aria-label="Legal"><a href="#">Privacy Policy</a><a href="#">Terms of Use</a><a href="#">Accessibility</a><a href="#">Title IX</a></nav>
</div>
</div>
</footer>
<script>
(function(){
"use strict";
var reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
/* ---------- header scroll + mobile nav ---------- */
var header = document.querySelector("header.site");
window.addEventListener("scroll", function(){
header.classList.toggle("scrolled", window.scrollY > 8);
}, {passive:true});
var burger = document.getElementById("burger");
burger.addEventListener("click", function(){
var open = header.classList.toggle("nav-open");
burger.setAttribute("aria-expanded", open);
});
document.querySelectorAll("nav.main a").forEach(function(a){
a.addEventListener("click", function(){ header.classList.remove("nav-open"); burger.setAttribute("aria-expanded","false"); });
});
/* ---------- scramble-decode ---------- */
var GLYPHS = "ABCDEFGHKMNPRSTUVX0123456789#§✦";
function scramble(el){
var final = el.getAttribute("data-text") || el.textContent;
if(reduced){ el.textContent = final; return; }
var frame = 0, total = final.length;
var timer = setInterval(function(){
frame++;
var reveal = Math.floor(frame / 2), out = "";
for(var i=0;i<total;i++){
if(i < reveal || final[i] === " ") out += final[i];
else out += GLYPHS[Math.floor(Math.random()*GLYPHS.length)];
}
el.textContent = out;
if(reveal >= total){ clearInterval(timer); el.textContent = final; }
}, 28);
}
/* ---------- counters ---------- */
function runCounter(el){
var target = parseInt(el.getAttribute("data-count"), 10);
if(reduced){ el.textContent = target.toLocaleString("en-US"); return; }
var start = null, dur = 1400;
function tick(ts){
if(!start) start = ts;
var p = Math.min((ts - start)/dur, 1);
var eased = 1 - Math.pow(1-p, 3);
el.textContent = Math.round(target * eased).toLocaleString("en-US");
if(p < 1) requestAnimationFrame(tick);
}
requestAnimationFrame(tick);
}
/* ---------- intersection reveals ---------- */
var io = new IntersectionObserver(function(entries){
entries.forEach(function(e){
if(!e.isIntersecting) return;
var t = e.target;
t.classList.add("in");
t.querySelectorAll(".scramble").forEach(function(s){ if(!s.dataset.done){ s.dataset.done = "1"; scramble(s); } });
t.querySelectorAll("[data-count]").forEach(function(c){ if(!c.dataset.done){ c.dataset.done = "1"; runCounter(c); } });
io.unobserve(t);
});
}, {threshold:0.18});
document.querySelectorAll("[data-reveal]").forEach(function(el){ io.observe(el); });
/* hero eyebrow decodes immediately */
var heroSc = document.querySelector(".hero .scramble");
if(heroSc && !heroSc.dataset.done){ heroSc.dataset.done="1"; setTimeout(function(){ scramble(heroSc); }, 200); }
/* ---------- catalog filters ---------- */
var chips = document.querySelectorAll(".chip");
chips.forEach(function(chip){
chip.addEventListener("click", function(){
chips.forEach(function(c){ c.classList.remove("on"); });
chip.classList.add("on");
var f = chip.getAttribute("data-filter");
document.querySelectorAll("#courseGrid .course").forEach(function(card){
card.classList.toggle("hide", f !== "all" && card.getAttribute("data-div") !== f);
});
});
});
/* ---------- application tracker ---------- */
var CIRC = 2 * Math.PI * 52;
var ringFg = document.getElementById("ringFg");
var ringPct = document.getElementById("ringPct");
var tstatus = document.getElementById("tstatus");
var boxes = document.querySelectorAll("#tlist input[type=checkbox]");
var KEY = "evergreen-app-tracker";
var MESSAGES = [
"Just getting started — every completed application began exactly here.",
"First milestone down. Momentum matters more than speed.",
"Building nicely. Your counselor can help with the next documents.",
"Past the halfway mark — the admissions office is rooting for you.",
"Strong progress. Only two items stand between you and submit.",
"One step left. Take a breath, proofread once more, and finish strong.",
"Checklist complete! Submit your Common App and we'll take it from here. 🌲"
];
function loadTracker(){
try{ return JSON.parse(localStorage.getItem(KEY)) || {}; }catch(e){ return {}; }
}
function saveTracker(state){ try{ localStorage.setItem(KEY, JSON.stringify(state)); }catch(e){} }
function updateTracker(){
var state = loadTracker(), done = 0;
boxes.forEach(function(b){
var on = !!state[b.getAttribute("data-step")];
b.checked = on; if(on) done++;
});
var pct = Math.round(done / boxes.length * 100);
ringFg.style.strokeDashoffset = CIRC * (1 - done/boxes.length);
ringPct.textContent = pct + "%";
tstatus.textContent = MESSAGES[done];
}
boxes.forEach(function(b){
b.addEventListener("change", function(){
var state = loadTracker();
state[b.getAttribute("data-step")] = b.checked;
saveTracker(state);
updateTracker();
});
});
document.getElementById("resetTracker").addEventListener("click", function(){
saveTracker({}); updateTracker();
});
updateTracker();
/* ---------- FAQ accordion ---------- */
document.querySelectorAll(".faq-q").forEach(function(btn){
btn.addEventListener("click", function(){
var item = btn.parentElement;
var open = item.classList.contains("open");
document.querySelectorAll(".faq-item.open").forEach(function(o){
o.classList.remove("open");
o.querySelector(".faq-q").setAttribute("aria-expanded","false");
});
if(!open){ item.classList.add("open"); btn.setAttribute("aria-expanded","true"); }
});
});
/* ---------- request info form ---------- */
var form = document.getElementById("infoForm");
form.addEventListener("submit", function(ev){
ev.preventDefault();
var valid = true;
form.querySelectorAll("[required]").forEach(function(f){
if(!f.value.trim() || (f.type==="email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f.value))){
valid = false; f.style.borderColor = "#b4552d";
} else { f.style.borderColor = ""; }
});
if(valid){ document.getElementById("reqForm").classList.add("sent"); }
});
})();
</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:00:35.390Z",
"url": "https://benchmark.aimac.invalid/68abaeec0002282ce8b0647e07c62a84e9e31a9fde5e5dbabe9e1629a5df8907.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": "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": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<div class=\"ticker\" aria-label=\"Campus announcements\">",
"target": [
".ticker"
]
}
]
},
{
"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": "<div class=\"ticker\" aria-label=\"Campus announcements\">",
"target": [
".ticker"
]
}
]
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<div class=\"chips\" role=\"group\" aria-label=\"Filter courses by division\" data-reveal=\"\">",
"target": [
".chips"
]
}
]
},
{
"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=\"grain\" aria-hidden=\"true\"></div>",
"target": [
".grain"
]
}
]
},
{
"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": "<nav class=\"main\" aria-label=\"Primary\">",
"target": [
".main"
]
}
]
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"chips\" role=\"group\" aria-label=\"Filter courses by division\" data-reveal=\"\">",
"target": [
".chips"
]
}
]
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<div class=\"chips\" role=\"group\" aria-label=\"Filter courses by division\" data-reveal=\"\">",
"target": [
".chips"
]
}
]
},
{
"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": "<div class=\"ticker\" aria-label=\"Campus announcements\">",
"target": [
".ticker"
]
}
]
},
{
"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": "<div class=\"ticker\" aria-label=\"Campus announcements\">",
"target": [
".ticker"
]
}
]
},
{
"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": [
{
"any": [],
"all": [
{
"id": "autocomplete-valid",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "the autocomplete attribute is correctly formatted"
}
],
"none": [],
"impact": null,
"html": "<input id=\"fname\" name=\"fname\" type=\"text\" required=\"\" autocomplete=\"given-name\" placeholder=\"Rowan\">",
"target": [
"#fname"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<span style=\"--d:.1s\">Where deep learning</span>",
"target": [
".mask:nth-child(1) > span"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"chip on\" data-filter=\"all\">All Divisions</button>",
"target": [
".on"
]
}
]
},
{
"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>\n <span class=\"mask\"><span style=\"--d:.1s\">Where deep learning</span></span>\n <span class=\"mask\"><span style=\"--d:.25s\">takes <em class=\"u\">root</em> \u2014</span></span>\n <span class=\"mask\"><span style=\"--d:.4s\">and <em>reach</em>.</span></span>\n </h1>",
"target": [
"h1"
]
},
{
"html": "<h2>One core curriculum.<br>Forty-three ways to grow.</h2>",
"target": [
"#academics > .wrap > .section-head[data-reveal=\"\"] > h2"
]
},
{
"html": "<h3>School of Natural Sciences & Mathematics</h3>",
"target": [
".school-card:nth-child(1) > .school-body > h3"
]
},
{
"html": "<h3>School of Humanities & Letters</h3>",
"target": [
".school-card:nth-child(2) > .school-body > h3"
]
},
{
"html": "<h3>School of Engineering & Computation</h3>",
"target": [
".school-card:nth-child(3) > .school-body > h3"
]
},
{
"html": "<h3>School of Education & Public Life</h3>",
"target": [
".school-card:nth-child(4) > .school-body > h3"
]
},
{
"html": "<h2>This semester's most-discussed sections</h2>",
"target": [
"#catalog > .wrap > .section-head[data-reveal=\"\"] > h2"
]
},
{
"html": "<h3>Ecology of Changing Forests</h3>",
"target": [
".course[data-div=\"stem\"]:nth-child(1) > h3"
]
},
{
"html": "<h3>Foundations of Computation</h3>",
"target": [
".course[data-div=\"stem\"]:nth-child(2) > h3"
]
},
{
"html": "<h3>Ethics of Artificial Intelligence</h3>",
"target": [
".course[data-div=\"hum\"]:nth-child(3) > h3"
]
},
{
"html": "<h3>The Modern American Novel</h3>",
"target": [
".course[data-div=\"hum\"]:nth-child(4) > h3"
]
},
{
"html": "<h3>Principles of Microeconomics</h3>",
"target": [
".course[data-div=\"soc\"]:nth-child(5) > h3"
]
},
{
"html": "<h3>Studio: Drawing & Perception</h3>",
"target": [
".course[data-div=\"art\"]:nth-child(6) > h3"
]
},
{
"html": "<h3>Organic Chemistry I</h3>",
"target": [
".course[data-div=\"stem\"]:nth-child(7) > h3"
]
},
{
"html": "<h3>Pedagogy & Community Learning</h3>",
"target": [
".course[data-div=\"soc\"]:nth-child(8) > h3"
]
},
{
"html": "<h3>Theory II: Harmony & Voice Leading</h3>",
"target": [
".course[data-div=\"art\"]:nth-child(9) > h3"
]
},
{
"html": "<h2>Undergraduates don't assist the research here. They author it.</h2>",
"target": [
".research-sticky > h2"
]
},
{
"html": "<h3>The Boreal Climate Lab</h3>",
"target": [
".rcard:nth-child(1) > .body > h3"
]
},
{
"html": "<h3>Center for Ethical AI & Society</h3>",
"target": [
".rcard:nth-child(2) > .body > h3"
]
},
{
"html": "<h3>Rural Education Access Initiative</h3>",
"target": [
".rcard:nth-child(3) > .body > h3"
]
},
{
"html": "<h2>Four steps. One checklist.<br>We read every file twice.</h2>",
"target": [
"#admissions > .wrap > .section-head[data-reveal=\"\"] > h2"
]
},
{
"html": "<h3>Your Application Tracker</h3>",
"target": [
".tracker-head > div:nth-child(2) > h3"
]
},
{
"html": "<h3>Need-Based Grants</h3>",
"target": [
".aid-card:nth-child(1) > h3"
]
},
{
"html": "<h3>Rooted Futures Pledge</h3>",
"target": [
".aid-card:nth-child(2) > h3"
]
},
{
"html": "<h3>Merit Scholarships</h3>",
"target": [
".aid-card:nth-child(3) > h3"
]
},
{
"html": "<h2 style=\"font-size:clamp(1.9rem,3.4vw,2.8rem);margin:.7rem 0 1rem\">Life between the lectures is the curriculum too.</h2>",
"target": [
".campus-copy > h2"
]
},
{
"html": "<h2>Success stories, straight from the quad</h2>",
"target": [
"#stories > .wrap > .section-head[data-reveal=\"\"] > h2"
]
},
{
"html": "<h3>Campus News <span>Oct 2025</span></h3>",
"target": [
".side-box:nth-child(1) > h3"
]
},
{
"html": "<h3>Scholarships <span>Auto-considered</span></h3>",
"target": [
".side-box:nth-child(2) > h3"
]
},
{
"html": "<h3 style=\"border-color:rgba(246,241,227,.3)\">Key Dates <span style=\"color:var(--marigold)\">Mark them</span></h3>",
"target": [
".side-box:nth-child(3) > h3"
]
},
{
"html": "<h2>Professors who learn your name before your midterm.</h2>",
"target": [
".fac-copy > h2"
]
},
{
"html": "<h2>Admissions, asked and answered</h2>",
"target": [
".faq > .wrap > .section-head[data-reveal=\"\"] > h2"
]
},
{
"html": "<h2>Request information \u2014 we answer within two business days.</h2>",
"target": [
".req-copy > h2"
]
},
{
"html": "<h3>Request Information</h3>",
"target": [
"#infoForm > h3"
]
},
{
"html": "<h4>Academics</h4>",
"target": [
".foot-col:nth-child(2) > h4"
]
},
{
"html": "<h4>Admissions</h4>",
"target": [
".foot-col:nth-child(3) > h4"
]
},
{
"html": "<h4>Campus</h4>",
"target": [
".foot-col:nth-child(4) > h4"
]
}
],
"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": "#e0a43a",
"bgColor": "#0b2a1f",
"contrastRatio": 6.98,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 6.98"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<b>November 15</b>",
"target": [
"span:nth-child(1) > b:nth-child(3)"
]
}
]
},
{
"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": "fname",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input id=\"fname\" name=\"fname\" type=\"text\" required=\"\" autocomplete=\"given-name\" placeholder=\"Rowan\">",
"target": [
"#fname"
]
}
]
},
{
"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 class=\"titem\"><input type=\"checkbox\" data-step=\"app\"><span class=\"tbox\"></span><span class=\"tt\"><b>Create your Common App account</b><span>Begin the Common Application and add Evergreen College to your list.</span></span></label>",
"target": [
"li:nth-child(1) > .titem"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"checkbox\" data-step=\"app\">",
"target": [
"input[data-step=\"app\"]"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/96x96/14382b/e0a43a?text=EC&font=playfair+display\" alt=\"Evergreen College crest\" width=\"52\" height=\"52\">",
"target": [
"img[alt=\"Evergreen College crest\"]"
]
}
]
},
{
"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": "implicit-label",
"data": {
"implicitLabel": "Create your Common App accountBegin the Common Application and add Evergreen College to your list."
},
"relatedNodes": [
{
"html": "<label class=\"titem\"><input type=\"checkbox\" data-step=\"app\"><span class=\"tbox\"></span><span class=\"tt\"><b>Create your Common App account</b><span>Begin the Common Application and add Evergreen College to your list.</span></span></label>",
"target": [
"li:nth-child(1) > .titem"
]
}
],
"impact": "critical",
"message": "Element has an implicit (wrapped) <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"checkbox\" data-step=\"app\">",
"target": [
"input[data-step=\"app\"]"
]
}
]
},
{
"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",
"data": null,
"relatedNodes": [
{
"html": "<div>",
"target": [
".adm-grid > div"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text in some way other than by color"
},
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<div>",
"target": [
".adm-grid > div"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a class=\"btn arrow\" href=\"#request\">Start Your Application</a>",
"target": [
".adm-grid > div > .arrow.btn[href$=\"#request\"]"
]
}
]
},
{
"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>",
"target": [
".main > ul"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#academics\">Academics</a></li>",
"target": [
".main > ul > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/96x96/14382b/e0a43a?text=EC&font=playfair+display\" alt=\"Evergreen College crest\" width=\"52\" height=\"52\">",
"target": [
"img[alt=\"Evergreen College crest\"]"
]
}
]
},
{
"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=\"entry\">Entry term</label>",
"target": [
"label[for=\"entry\"]"
]
}
],
"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=\"entry\" name=\"entry\"><option>Fall 2026 \u2014 First Year</option><option>Fall 2026 \u2014 Transfer</option><option>Fall 2027 \u2014 First Year</option><option>Undecided / exploring</option></select>",
"target": [
"#entry"
]
}
]
},
{
"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": 224,
"height": 45.6
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (224px by 45.6px, 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=\"ticker\" aria-label=\"Campus announcements\">",
"target": [
".ticker"
],
"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": {
"messageKey": "nonBmp"
},
"relatedNodes": [],
"impact": "serious",
"message": "Element content contains only non-text characters"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<em>\u2726</em>",
"target": [
"span:nth-child(1) > em:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element content contains only non-text characters"
}
]
}
],
"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": "#3f7a5c",
"bgColor": "#f6f1e3",
"contrastRatio": 4.48,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header class=\"site\" id=\"top\">",
"target": [
"#top"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.48 (foreground color: #3f7a5c, background color: #f6f1e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag\">Where deep learning takes root</span>",
"target": [
"span > .tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.48 (foreground color: #3f7a5c, background color: #f6f1e3, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f6f1e3",
"bgColor": "#e0a43a",
"contrastRatio": 1.95,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn gold\" href=\"#admissions\">Apply</a>",
"target": [
".gold.btn[href$=\"#admissions\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.95 (foreground color: #f6f1e3, background color: #e0a43a, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn gold\" href=\"#admissions\">Apply</a>",
"target": [
".gold.btn[href$=\"#admissions\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.95 (foreground color: #f6f1e3, background color: #e0a43a, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"stem\" data-reveal=\"\">",
"target": [
".course[data-div=\"stem\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>8 / 28</b>",
"target": [
".course[data-div=\"stem\"]:nth-child(1) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"stem\" data-reveal=\"\" style=\"--d:.05s\">",
"target": [
".course[data-div=\"stem\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>2 / 60</b>",
"target": [
".course[data-div=\"stem\"]:nth-child(2) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"hum\" data-reveal=\"\" style=\"--d:.1s\">",
"target": [
".course[data-div=\"hum\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>11 / 30</b>",
"target": [
".course[data-div=\"hum\"]:nth-child(3) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"hum\" data-reveal=\"\">",
"target": [
".course[data-div=\"hum\"]:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>4 / 18</b>",
"target": [
".course[data-div=\"hum\"]:nth-child(4) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"soc\" data-reveal=\"\" style=\"--d:.05s\">",
"target": [
".course[data-div=\"soc\"]:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>19 / 80</b>",
"target": [
".course[data-div=\"soc\"]:nth-child(5) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"art\" data-reveal=\"\" style=\"--d:.1s\">",
"target": [
".course[data-div=\"art\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>1 / 16</b>",
"target": [
".course[data-div=\"art\"]:nth-child(6) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"stem\" data-reveal=\"\">",
"target": [
".course[data-div=\"stem\"]:nth-child(7)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>6 / 40</b>",
"target": [
".course[data-div=\"stem\"]:nth-child(7) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"soc\" data-reveal=\"\" style=\"--d:.05s\">",
"target": [
".course[data-div=\"soc\"]:nth-child(8)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>9 / 22</b>",
"target": [
".course[data-div=\"soc\"]:nth-child(8) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"course in\" data-div=\"art\" data-reveal=\"\" style=\"--d:.1s\">",
"target": [
".course[data-div=\"art\"]:nth-child(9)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>14 / 24</b>",
"target": [
".course[data-div=\"art\"]:nth-child(9) > .course-foot > span:nth-child(2) > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"aid-strip in\" id=\"financial-aid\" data-reveal=\"\">",
"target": [
"#financial-aid"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>$38,400</b>",
"target": [
".aid-card:nth-child(1) > p > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"aid-strip in\" id=\"financial-aid\" data-reveal=\"\">",
"target": [
"#financial-aid"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>$85,000</b>",
"target": [
".aid-card:nth-child(2) > p > b"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"aid-strip in\" id=\"financial-aid\" data-reveal=\"\">",
"target": [
"#financial-aid"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>Meridian Merit Award</b>",
"target": [
".aid-card:nth-child(3) > p > b:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "10.6pt (14.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"aid-strip in\" id=\"financial-aid\" data-reveal=\"\">",
"target": [
"#financial-aid"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<b>Founders' Legacy Award</b>",
"target": [
"p > b:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 10.6pt (14.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time>Oct 14, 2025</time>",
"target": [
".news-item[href$=\"#research\"] > time"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time>Oct 09, 2025</time>",
"target": [
".news-item[href$=\"#admissions\"] > time"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time>Oct 02, 2025</time>",
"target": [
".news-item[href$=\"#academics\"] > time"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<time>Sep 26, 2025</time>",
"target": [
".news-item[href$=\"#campus\"] > time"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<em>Up to $28,000 / year</em>",
"target": [
".scholar:nth-child(2) > em"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<em>$15,000 / year</em>",
"target": [
".scholar:nth-child(3) > em"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c9891e",
"bgColor": "#fbf8ee",
"contrastRatio": 2.79,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<em>$8,000 / year</em>",
"target": [
".scholar:nth-child(4) > em"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.79 (foreground color: #c9891e, background color: #fbf8ee, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 12845
},
{
"y": 576,
"height": 12845
},
{
"y": 1152,
"height": 12845
},
{
"y": 1728,
"height": 12845
},
{
"y": 2304,
"height": 12845
},
{
"y": 2880,
"height": 12845
},
{
"y": 3456,
"height": 12845
},
{
"y": 4032,
"height": 12845
},
{
"y": 4608,
"height": 12845
},
{
"y": 5184,
"height": 12845
},
{
"y": 5760,
"height": 12845
},
{
"y": 6336,
"height": 12845
},
{
"y": 6912,
"height": 12845
},
{
"y": 7488,
"height": 12845
},
{
"y": 8064,
"height": 12845
},
{
"y": 8640,
"height": 12845
},
{
"y": 9216,
"height": 12845
},
{
"y": 9792,
"height": 12845
},
{
"y": 10368,
"height": 12845
},
{
"y": 10944,
"height": 12845
},
{
"y": 11520,
"height": 12845
},
{
"y": 12096,
"height": 12845
},
{
"y": 12125,
"height": 12845
}
],
"scans": 24,
"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: "Campus Life", "Apply", "Admissions".
- **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", "Academic Resources", "Research Excellence".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "core curriculum", "financial aid", "graduation requirements".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Meet Faculty", "Request Information", "Explore Programs".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Education" sector. Ideas similar but not limited to: "application tracker".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "campus news", "student success stories", "scholarship opportunities".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.