MiniMax MiniMax M3 – Health and Fitness
via CoreWeave · Generated
- AIMAC Debt 5.24
- Cost $0.017
- Total Violations 30
- HTML Size 58 KB
- Em Dashes 30
Screenshot
View Live Page
Accessibility Issues Found
30 Serious
-
color-contrast serious 30 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<span class="stat-num">15+</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">
<meta name="description" content="Aurelia Wellness Institute — an integrated health and wellness practice offering holistic care, nutrition counseling, mental wellness, and chronic care management.">
<title>Aurelia Wellness Institute — Integrated Care for Body, Mind & Spirit</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
/* =========================
1. DESIGN TOKENS
========================= */
:root{
--color-bg:#FAF6EF;
--color-surface:#FFFFFF;
--color-surface-2:#F1ECE2;
--color-ink:#1E2A26;
--color-ink-soft:#3A4A44;
--color-muted:#5F6E68;
--color-line:#E4DDCE;
--color-primary:#2F5D50;
--color-primary-dark:#234A40;
--color-primary-soft:#E8EFEA;
--color-accent:#C56B4F;
--color-accent-dark:#A8553D;
--color-gold:#C99A52;
--color-success:#3F8C68;
--shadow-sm:0 2px 6px rgba(30,42,38,.06);
--shadow-md:0 10px 30px rgba(30,42,38,.08);
--shadow-lg:0 24px 60px rgba(30,42,38,.12);
--radius-sm:8px;
--radius:14px;
--radius-lg:22px;
--radius-xl:32px;
--font-display:'Lora',Georgia,serif;
--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
--maxw:1240px;
--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
font-family:var(--font-body);
font-size:16px;
line-height:1.65;
color:var(--color-ink);
background:var(--color-bg);
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;height:auto}
a{color:var(--color-primary);text-decoration:none;transition:color .2s var(--ease)}
a:hover{color:var(--color-accent)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--color-ink);letter-spacing:-.01em;line-height:1.2}
h1{font-size:clamp(2.2rem,4.5vw,3.6rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:1rem}
h3{font-size:1.35rem;margin-bottom:.6rem}
h4{font-size:1.05rem;margin-bottom:.4rem}
p{color:var(--color-ink-soft);margin-bottom:1rem}
.container{max-width:var(--maxw);margin-inline:auto;padding:0 24px}
.eyebrow{
display:inline-block;
font-size:.78rem;
font-weight:600;
letter-spacing:.18em;
text-transform:uppercase;
color:var(--color-accent);
margin-bottom:1rem;
}
.btn{
display:inline-flex;align-items:center;gap:.5rem;
padding:14px 26px;border-radius:999px;
font-weight:600;font-size:.95rem;
border:1.5px solid transparent;cursor:pointer;
transition:all .25s var(--ease);
text-decoration:none;line-height:1;
}
.btn-primary{background:var(--color-primary);color:#fff}
.btn-primary:hover{background:var(--color-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-secondary{background:transparent;color:var(--color-ink);border-color:var(--color-ink)}
.btn-secondary:hover{background:var(--color-ink);color:#fff}
.btn-ghost{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}
.btn-ghost:hover{background:var(--color-primary);color:#fff}
.btn-accent{background:var(--color-accent);color:#fff}
.btn-accent:hover{background:var(--color-accent-dark);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}
/* =========================
2. HEADER
========================= */
.utility-bar{
background:var(--color-primary-dark);
color:#DCE7E3;
font-size:.82rem;
padding:8px 0;
}
.utility-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.utility-bar a{color:#DCE7E3;opacity:.9}
.utility-bar a:hover{opacity:1;color:#fff}
.utility-links{display:flex;gap:18px;align-items:center}
.utility-links span.dot{opacity:.4}
.site-header{
position:sticky;top:0;z-index:50;
background:rgba(250,246,239,.92);
backdrop-filter:saturate(180%) blur(12px);
border-bottom:1px solid var(--color-line);
}
.nav-inner{
display:flex;align-items:center;justify-content:space-between;
padding:18px 0;gap:24px;
}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.brand-name{
font-family:var(--font-display);font-size:1.35rem;font-weight:600;
color:var(--color-ink);line-height:1.1;display:block;
}
.brand-tag{
display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
color:var(--color-muted);font-weight:500;
}
.primary-nav{display:flex;align-items:center;gap:6px}
.primary-nav a{
color:var(--color-ink);font-weight:500;font-size:.95rem;
padding:10px 14px;border-radius:8px;position:relative;
}
.primary-nav a:hover{background:var(--color-primary-soft);color:var(--color-primary)}
.primary-nav a.active{color:var(--color-primary)}
.primary-nav a.active::after{
content:"";position:absolute;left:14px;right:14px;bottom:4px;
height:2px;background:var(--color-accent);border-radius:2px;
}
.nav-cta{display:flex;gap:10px;align-items:center}
.menu-toggle{
display:none;background:none;border:none;
width:42px;height:42px;border-radius:8px;cursor:pointer;
color:var(--color-ink);
}
.menu-toggle:hover{background:var(--color-primary-soft)}
/* =========================
3. HERO
========================= */
.hero{
position:relative;overflow:hidden;
padding:80px 0 100px;
background:
radial-gradient(ellipse at top right,rgba(197,107,79,.08),transparent 50%),
radial-gradient(ellipse at bottom left,rgba(47,93,80,.10),transparent 50%),
var(--color-bg);
}
.hero-grid{
display:grid;grid-template-columns:1.05fr 1fr;
gap:64px;align-items:center;
}
.hero h1{margin-bottom:1.4rem}
.hero h1 .accent{color:var(--color-accent);font-style:italic}
.hero-lede{font-size:1.18rem;color:var(--color-ink-soft);max-width:540px;margin-bottom:2rem}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:2.5rem}
.hero-trust{
display:flex;align-items:center;gap:20px;flex-wrap:wrap;
padding-top:1.8rem;border-top:1px solid var(--color-line);
}
.trust-avatars{display:flex}
.trust-avatars img{
width:42px;height:42px;border-radius:50%;
border:3px solid var(--color-bg);
margin-left:-10px;object-fit:cover;
}
.trust-avatars img:first-child{margin-left:0}
.trust-text{font-size:.9rem;color:var(--color-muted);line-height:1.4}
.trust-text strong{color:var(--color-ink);display:block;font-size:1rem}
.stars{color:var(--color-gold);letter-spacing:2px;font-size:.9rem}
.hero-visual{position:relative}
.hero-img-main{
width:100%;height:560px;object-fit:cover;
border-radius:var(--radius-xl);
box-shadow:var(--shadow-lg);
}
.hero-card{
position:absolute;background:#fff;border-radius:var(--radius);
padding:18px 20px;box-shadow:var(--shadow-md);
display:flex;align-items:center;gap:14px;
}
.hero-card.card-1{
top:36px;left:-26px;
animation:float 6s ease-in-out infinite;
}
.hero-card.card-2{
bottom:48px;right:-30px;
animation:float 6s ease-in-out infinite 2s;
}
.hero-card .icon{
width:46px;height:46px;border-radius:12px;
background:var(--color-primary-soft);
display:flex;align-items:center;justify-content:center;
font-size:1.4rem;color:var(--color-primary);font-weight:700;
}
.hero-card.card-2 .icon{background:#FCE7DE;color:var(--color-accent)}
.hero-card .label{font-size:.78rem;color:var(--color-muted);margin-bottom:2px}
.hero-card .value{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-ink)}
@keyframes float{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
/* =========================
4. STATS STRIP
========================= */
.stats{
background:var(--color-primary);
color:#fff;
padding:48px 0;
}
.stats-grid{
display:grid;grid-template-columns:repeat(4,1fr);
gap:32px;text-align:center;
}
.stat-num{
font-family:var(--font-display);
font-size:clamp(2rem,4vw,3rem);font-weight:600;
color:var(--color-gold);display:block;line-height:1;margin-bottom:6px;
}
.stat-label{font-size:.92rem;color:#D8E3DF;letter-spacing:.04em}
/* =========================
5. SECTIONS — common
========================= */
section{padding:96px 0}
.section-head{max-width:680px;margin:0 auto 56px;text-align:center}
.section-head p{font-size:1.08rem;color:var(--color-muted)}
.section-head .eyebrow{margin-bottom:.8rem}
/* =========================
6. SERVICES GRID
========================= */
.services{background:var(--color-surface)}
.services-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
}
.service-card{
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius-lg);
padding:36px 30px;
transition:all .3s var(--ease);
position:relative;overflow:hidden;
}
.service-card::before{
content:"";position:absolute;left:0;top:0;right:0;height:3px;
background:var(--color-primary);transform:scaleX(0);transform-origin:left;
transition:transform .4s var(--ease);
}
.service-card:hover{
transform:translateY(-6px);
box-shadow:var(--shadow-md);
border-color:transparent;
}
.service-card:hover::before{transform:scaleX(1)}
.service-icon{
width:60px;height:60px;border-radius:16px;
background:var(--color-primary-soft);color:var(--color-primary);
display:flex;align-items:center;justify-content:center;
font-size:1.8rem;margin-bottom:22px;
}
.service-card:nth-child(2) .service-icon{background:#FCE7DE;color:var(--color-accent)}
.service-card:nth-child(3) .service-icon{background:#F4ECD8;color:var(--color-gold)}
.service-card:nth-child(4) .service-icon{background:#E5EFE7;color:var(--color-success)}
.service-card:nth-child(5) .service-icon{background:#FCE7DE;color:var(--color-accent)}
.service-card:nth-child(6) .service-icon{background:#F4ECD8;color:var(--color-gold)}
.service-card h3{margin-bottom:.6rem}
.service-card p{font-size:.95rem;color:var(--color-muted);margin-bottom:1.2rem}
.service-link{
display:inline-flex;align-items:center;gap:6px;
font-weight:600;font-size:.92rem;color:var(--color-primary);
}
.service-link .arrow{transition:transform .2s var(--ease)}
.service-card:hover .service-link .arrow{transform:translateX(4px)}
/* =========================
7. FEATURED PROGRAMS (split)
========================= */
.programs{background:var(--color-primary-soft)}
.split{
display:grid;grid-template-columns:1fr 1fr;
gap:64px;align-items:center;
}
.split-img{
border-radius:var(--radius-xl);
box-shadow:var(--shadow-lg);
width:100%;height:480px;object-fit:cover;
}
.split-content h2{margin-bottom:1.2rem}
.program-list{list-style:none;margin:1.8rem 0 2rem}
.program-list li{
padding:14px 0;border-bottom:1px solid var(--color-line);
display:flex;gap:14px;align-items:flex-start;
}
.program-list li:last-child{border-bottom:none}
.check-pill{
flex-shrink:0;width:26px;height:26px;border-radius:50%;
background:var(--color-primary);color:#fff;
display:flex;align-items:center;justify-content:center;
font-size:.85rem;font-weight:700;
}
.program-list strong{display:block;color:var(--color-ink);margin-bottom:2px;font-size:1rem}
.program-list span{color:var(--color-muted);font-size:.92rem}
/* Wellness plan cards */
.plans-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;
}
.plan-card{
background:#fff;border-radius:var(--radius-lg);
padding:30px 28px;border:1px solid var(--color-line);
position:relative;display:flex;flex-direction:column;
}
.plan-card.featured{
background:var(--color-ink);color:#fff;border-color:transparent;
transform:scale(1.04);
}
.plan-card.featured h3,.plan-card.featured .plan-price{color:#fff}
.plan-card.featured p,.plan-card.featured .plan-features li{color:#C9D2CE}
.plan-card.featured .plan-features li::before{color:var(--color-gold)}
.plan-badge{
position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:var(--color-accent);color:#fff;font-size:.7rem;
font-weight:700;letter-spacing:.1em;text-transform:uppercase;
padding:6px 14px;border-radius:999px;
}
.plan-name{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-weight:600;margin-bottom:8px}
.plan-price{
font-family:var(--font-display);font-size:2.2rem;font-weight:600;
color:var(--color-ink);margin-bottom:4px;
}
.plan-price small{font-size:.9rem;font-weight:400;color:var(--color-muted)}
.plan-tag{color:var(--color-muted);font-size:.92rem;margin-bottom:1.4rem}
.plan-features{list-style:none;margin-bottom:1.6rem;flex-grow:1}
.plan-features li{
padding:8px 0;font-size:.92rem;color:var(--color-ink-soft);
display:flex;align-items:center;gap:10px;
}
.plan-features li::before{
content:"✓";color:var(--color-primary);font-weight:700;font-size:1rem;
}
.plan-card .btn{justify-content:center;width:100%}
/* =========================
8. INTERACTIVE — Wellness Assessment
========================= */
.assessment{background:var(--color-bg)}
.assessment-wrap{
background:linear-gradient(135deg,#fff 0%,var(--color-surface-2) 100%);
border-radius:var(--radius-xl);
padding:48px;
display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center;
box-shadow:var(--shadow-md);border:1px solid var(--color-line);
}
.assessment-content h2{margin-bottom:1rem}
.assessment-content .badge{
display:inline-flex;align-items:center;gap:6px;
background:var(--color-primary-soft);color:var(--color-primary);
padding:6px 14px;border-radius:999px;font-size:.8rem;
font-weight:600;margin-bottom:1rem;
}
.assessment-form{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.form-field{display:flex;flex-direction:column}
.form-field label{
font-size:.82rem;font-weight:600;color:var(--color-ink);
margin-bottom:6px;letter-spacing:.02em;
}
.form-field input,.form-field select{
padding:11px 14px;border:1.5px solid var(--color-line);border-radius:10px;
font-family:inherit;font-size:.95rem;color:var(--color-ink);
background:#fff;transition:border-color .2s var(--ease);
}
.form-field input:focus,.form-field select:focus{
outline:none;border-color:var(--color-primary);
}
.form-field-full{grid-column:1/-1;margin-bottom:18px}
.slider-field{margin-bottom:18px}
.slider-field label{display:flex;justify-content:space-between;font-size:.85rem;font-weight:600;color:var(--color-ink);margin-bottom:8px}
.slider-field .val{color:var(--color-accent);font-family:var(--font-display);font-weight:600}
input[type="range"]{
-webkit-appearance:none;appearance:none;width:100%;height:6px;
background:var(--color-line);border-radius:99px;outline:none;
}
input[type="range"]::-webkit-slider-thumb{
-webkit-appearance:none;appearance:none;
width:22px;height:22px;border-radius:50%;
background:var(--color-primary);cursor:pointer;
border:3px solid #fff;box-shadow:var(--shadow-sm);
}
.calc-btn{
width:100%;padding:14px;background:var(--color-primary);color:#fff;
border:none;border-radius:10px;font-weight:600;font-size:1rem;
cursor:pointer;transition:background .2s var(--ease);
font-family:inherit;
}
.calc-btn:hover{background:var(--color-primary-dark)}
.result{
margin-top:20px;padding:18px;border-radius:12px;
background:var(--color-primary-soft);text-align:center;
display:none;
}
.result.show{display:block;animation:fadeIn .4s var(--ease)}
.result .score{
font-family:var(--font-display);font-size:2.4rem;font-weight:600;
color:var(--color-primary);display:block;
}
.result .verdict{color:var(--color-ink-soft);font-size:.95rem;margin:6px 0 10px}
.result .tip{
font-size:.88rem;padding:10px 14px;background:#fff;
border-radius:8px;border-left:3px solid var(--color-accent);
text-align:left;color:var(--color-ink-soft);
}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
/* =========================
9. MENTAL WELLNESS feature
========================= */
.mental{background:var(--color-surface)}
.mental .split-img{height:520px}
.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin:1.6rem 0 2rem}
.tag-list span{
background:var(--color-primary-soft);color:var(--color-primary);
padding:7px 14px;border-radius:999px;font-size:.85rem;font-weight:500;
}
/* =========================
10. PROVIDERS
========================= */
.providers{background:var(--color-primary-soft)}
.provider-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.provider-card{
background:#fff;border-radius:var(--radius-lg);
overflow:hidden;text-align:center;
border:1px solid var(--color-line);
transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.provider-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.provider-card img{width:100%;height:260px;object-fit:cover}
.provider-info{padding:22px 20px}
.provider-info .role{
font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;
color:var(--color-accent);font-weight:600;margin-bottom:6px;
}
.provider-info h3{font-size:1.15rem;margin-bottom:6px}
.provider-info .creds{font-size:.85rem;color:var(--color-muted);margin-bottom:14px;min-height:42px}
.provider-social{display:flex;justify-content:center;gap:8px}
.provider-social a{
width:32px;height:32px;border-radius:50%;
background:var(--color-primary-soft);color:var(--color-primary);
display:flex;align-items:center;justify-content:center;
font-size:.85rem;font-weight:700;
}
.provider-social a:hover{background:var(--color-primary);color:#fff}
/* =========================
11. TESTIMONIALS
========================= */
.testimonials{background:var(--color-surface)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.testi-card{
background:var(--color-bg);
border-radius:var(--radius-lg);
padding:34px 30px;
border:1px solid var(--color-line);
position:relative;
display:flex;flex-direction:column;
}
.testi-quote{
font-size:3rem;color:var(--color-primary-soft);
font-family:var(--font-display);line-height:1;
position:absolute;top:18px;right:26px;
}
.testi-stars{color:var(--color-gold);letter-spacing:2px;margin-bottom:14px}
.testi-text{
font-size:1rem;color:var(--color-ink-soft);
font-style:italic;margin-bottom:1.6rem;flex-grow:1;
}
.testi-author{display:flex;align-items:center;gap:14px;padding-top:1.2rem;border-top:1px solid var(--color-line)}
.testi-author img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.testi-author .name{font-weight:600;color:var(--color-ink);font-size:.95rem;line-height:1.2}
.testi-author .meta{font-size:.82rem;color:var(--color-muted)}
.testi-tag{
display:inline-block;margin-top:4px;
font-size:.72rem;color:var(--color-primary);
background:var(--color-primary-soft);padding:3px 10px;border-radius:99px;font-weight:600;
}
/* =========================
12. BLOG
========================= */
.blog{background:var(--color-bg)}
.blog-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:28px}
.blog-card{
background:#fff;border-radius:var(--radius-lg);
overflow:hidden;border:1px solid var(--color-line);
transition:transform .3s var(--ease),box-shadow .3s var(--ease);
display:flex;flex-direction:column;
}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.blog-card img{width:100%;height:200px;object-fit:cover}
.blog-card.featured img{height:280px}
.blog-content{padding:24px 24px 28px;display:flex;flex-direction:column;flex-grow:1}
.blog-meta{
display:flex;gap:10px;align-items:center;
font-size:.78rem;color:var(--color-muted);margin-bottom:10px;
letter-spacing:.04em;text-transform:uppercase;font-weight:600;
}
.blog-meta .cat{color:var(--color-accent)}
.blog-content h3{font-size:1.2rem;line-height:1.3;margin-bottom:.7rem}
.blog-card.featured h3{font-size:1.45rem}
.blog-content p{font-size:.92rem;color:var(--color-muted);margin-bottom:1rem;flex-grow:1}
.blog-content .read-more{
font-weight:600;font-size:.88rem;color:var(--color-primary);
display:inline-flex;align-items:center;gap:6px;
}
/* =========================
13. FAQ
========================= */
.faq{background:var(--color-surface)}
.faq-wrap{max-width:820px;margin:0 auto}
details.faq-item{
background:var(--color-bg);
border:1px solid var(--color-line);
border-radius:var(--radius);
padding:0;margin-bottom:14px;
transition:border-color .2s var(--ease);
}
details.faq-item[open]{border-color:var(--color-primary);background:#fff;box-shadow:var(--shadow-sm)}
details.faq-item summary{
list-style:none;cursor:pointer;
padding:22px 28px;
display:flex;justify-content:space-between;align-items:center;gap:16px;
font-family:var(--font-display);font-weight:600;color:var(--color-ink);
font-size:1.05rem;
}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{
content:"+";font-size:1.6rem;color:var(--color-primary);
width:32px;height:32px;border-radius:50%;
background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;
transition:transform .25s var(--ease);
font-family:var(--font-body);font-weight:300;line-height:1;
}
details.faq-item[open] summary::after{transform:rotate(45deg);background:var(--color-primary);color:#fff}
details.faq-item .faq-answer{padding:0 28px 24px;color:var(--color-ink-soft);font-size:.96rem}
details.faq-item .faq-answer p{margin-bottom:.8rem}
/* =========================
14. CTA / Newsletter
========================= */
.cta-section{
background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);
color:#fff;padding:80px 0;text-align:center;
}
.cta-section h2{color:#fff;margin-bottom:.8rem}
.cta-section p{color:#D8E3DF;font-size:1.1rem;max-width:580px;margin:0 auto 2rem}
.newsletter-form{
display:flex;gap:10px;max-width:480px;margin:0 auto;
background:#fff;padding:6px;border-radius:999px;
}
.newsletter-form input{
flex:1;padding:12px 18px;border:none;background:transparent;
font-family:inherit;font-size:.95rem;color:var(--color-ink);
}
.newsletter-form input:focus{outline:none}
.newsletter-form button{
padding:12px 26px;background:var(--color-accent);color:#fff;
border:none;border-radius:999px;font-weight:600;font-size:.92rem;cursor:pointer;
font-family:inherit;transition:background .2s var(--ease);
}
.newsletter-form button:hover{background:var(--color-accent-dark)}
.cta-perks{
display:flex;justify-content:center;gap:32px;flex-wrap:wrap;
margin-top:2rem;font-size:.9rem;color:#C9D2CE;
}
.cta-perks span{display:flex;align-items:center;gap:8px}
.cta-perks span::before{
content:"✓";color:var(--color-gold);font-weight:700;
}
/* =========================
15. FOOTER
========================= */
.site-footer{
background:var(--color-ink);color:#C9D2CE;
padding:72px 0 0;
}
.footer-grid{
display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;
padding-bottom:56px;border-bottom:1px solid #2E3A36;
}
.footer-brand img{width:56px;height:56px;border-radius:14px;margin-bottom:18px;object-fit:cover}
.footer-brand h4{color:#fff;font-family:var(--font-display);font-size:1.4rem;margin-bottom:12px}
.footer-brand p{color:#9DAAA5;font-size:.92rem;margin-bottom:1.2rem;line-height:1.6}
.footer-social{display:flex;gap:10px}
.footer-social a{
width:38px;height:38px;border-radius:10px;
background:#2E3A36;color:#C9D2CE;
display:flex;align-items:center;justify-content:center;
font-weight:700;font-size:.9rem;
transition:all .2s var(--ease);
}
.footer-social a:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}
.footer-col h5{
color:#fff;font-size:.95rem;font-weight:600;
letter-spacing:.08em;text-transform:uppercase;
margin-bottom:20px;
}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:10px}
.footer-col a{color:#9DAAA5;font-size:.92rem}
.footer-col a:hover{color:#fff}
.contact-list{list-style:none}
.contact-list li{
display:flex;gap:10px;align-items:flex-start;
margin-bottom:14px;font-size:.92rem;color:#C9D2CE;
}
.contact-list .ico{
flex-shrink:0;width:32px;height:32px;border-radius:8px;
background:#2E3A36;color:var(--color-gold);
display:flex;align-items:center;justify-content:center;font-size:.95rem;
}
.footer-bottom{
display:flex;justify-content:space-between;align-items:center;
flex-wrap:wrap;gap:14px;padding:24px 0;color:#7E8B86;font-size:.85rem;
}
.footer-bottom .legal{display:flex;gap:22px}
.footer-bottom .legal a{color:#9DAAA5}
.footer-bottom .legal a:hover{color:#fff}
/* =========================
16. RESPONSIVE
========================= */
@media (max-width:980px){
.hero-grid,.split,.assessment-wrap{grid-template-columns:1fr;gap:48px}
.hero-img-main{height:380px;order:-1}
.services-grid,.testi-grid,.provider-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}
.blog-grid{grid-template-columns:1fr}
.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.footer-grid{grid-template-columns:1fr 1fr;gap:36px}
section{padding:72px 0}
.assessment-wrap{padding:32px}
}
@media (max-width:680px){
.menu-toggle{display:flex;align-items:center;justify-content:center}
.primary-nav{
display:none;position:absolute;top:100%;left:0;right:0;
background:#fff;flex-direction:column;
padding:14px;border-bottom:1px solid var(--color-line);
box-shadow:var(--shadow-md);align-items:stretch;
}
.primary-nav.open{display:flex}
.primary-nav a{padding:14px 16px;border-radius:8px}
.nav-cta .btn-ghost,.nav-cta .btn-primary:not(:last-child){display:none}
.services-grid,.testi-grid,.provider-grid,.plans-grid,.stats-grid{grid-template-columns:1fr}
.plan-card.featured{transform:none}
.hero-card{display:none}
.hero{padding:56px 0 72px}
.utility-bar .utility-links span.dot,.utility-bar .utility-links a:nth-child(3){display:none}
.form-row{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.newsletter-form{flex-direction:column;border-radius:var(--radius);padding:12px}
.newsletter-form input{padding:10px 12px}
.newsletter-form button{border-radius:var(--radius-sm);width:100%}
.assessment-wrap{padding:24px}
.hero-card{display:none}
}
</style>
</head>
<body>
<!-- =========================
UTILITY BAR
========================= -->
<div class="utility-bar">
<div class="container utility-inner">
<div class="utility-links">
<a href="#contact">📍 422 Linden Avenue, Suite 300, Portland, OR 97214</a>
<span class="dot">•</span>
<a href="tel:+15035550182">📞 (503) 555-0182</a>
</div>
<div class="utility-links">
<a href="#portal">Patient Portal</a>
<span class="dot">•</span>
<a href="#telehealth">Telehealth Visits</a>
<span class="dot">•</span>
<a href="#careers">Careers</a>
</div>
</div>
</div>
<!-- =========================
HEADER
========================= -->
<header class="site-header">
<div class="container nav-inner">
<a href="#" class="brand">
<img src="https://placehold.co/96x96/2F5D50/FAF6EF?text=A&font=lora" alt="Aurelia Wellness Institute logo">
<span>
<span class="brand-name">Aurelia</span>
<span class="brand-tag">Wellness Institute</span>
</span>
</a>
<nav class="primary-nav" id="primaryNav">
<a href="#" class="active">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#nutrition">Nutrition</a>
<a href="#programs">Programs</a>
<a href="#mental">Mental Wellness</a>
<a href="#blog">Blog</a>
<a href="#contact">Contact</a>
</nav>
<div class="nav-cta">
<a href="#portal" class="btn btn-ghost">Patient Login</a>
<a href="#appointments" class="btn btn-primary">Book Appointment</a>
<button class="menu-toggle" id="menuToggle" aria-label="Open menu">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M3 12h18M3 18h18"/></svg>
</button>
</div>
</div>
</header>
<main>
<!-- =========================
HERO
========================= -->
<section class="hero">
<div class="container hero-grid">
<div class="hero-content">
<span class="eyebrow">Integrative Health · Est. 2009</span>
<h1>Where <span class="accent">holistic wellness</span> meets modern medicine.</h1>
<p class="hero-lede">At Aurelia Wellness Institute, we blend evidence-based primary care with personalized nutrition, fitness coaching, and mental health support — so you can build a sustainable, lifelong wellness plan rather than chasing quick fixes.</p>
<div class="hero-cta">
<a href="#appointments" class="btn btn-primary">Schedule a Consultation →</a>
<a href="#programs" class="btn btn-secondary">Explore Programs</a>
</div>
<div class="hero-trust">
<div class="trust-avatars">
<img src="https://i.pravatar.cc/80?u=patient1" alt="">
<img src="https://i.pravatar.cc/80?u=patient2" alt="">
<img src="https://i.pravatar.cc/80?u=patient3" alt="">
<img src="https://i.pravatar.cc/80?u=patient4" alt="">
</div>
<div class="trust-text">
<strong>Trusted by 12,400+ patients</strong>
<span class="stars">★★★★★</span> 4.9 average rating across 2,800 reviews
</div>
</div>
</div>
<div class="hero-visual">
<img class="hero-img-main" src="https://picsum.photos/seed/wellness-yoga/700/700" alt="Patient practicing mindful movement with instructor">
<div class="hero-card card-1">
<div class="icon">♥</div>
<div>
<div class="label">Avg. patient progress</div>
<div class="value">+38% energy</div>
</div>
</div>
<div class="hero-card card-2">
<div class="icon">★</div>
<div>
<div class="label">Wellness score</div>
<div class="value">87 / 100</div>
</div>
</div>
</div>
</div>
</section>
<!-- =========================
STATS STRIP
========================= -->
<section class="stats" style="padding:48px 0">
<div class="container stats-grid">
<div><span class="stat-num">15+</span><span class="stat-label">Years of integrated care</span></div>
<div><span class="stat-num">32</span><span class="stat-label">Board-certified providers</span></div>
<div><span class="stat-num">12,400</span><span class="stat-label">Patients across 4 clinics</span></div>
<div><span class="stat-num">94%</span><span class="stat-label">Patient retention rate</span></div>
</div>
</section>
<!-- =========================
SPECIALTY SERVICES
========================= -->
<section class="services" id="services">
<div class="container">
<div class="section-head">
<span class="eyebrow">Specialty Services</span>
<h2>Care designed around your whole self.</h2>
<p>From preventive check-ups to chronic care management, our interdisciplinary team collaborates on a single, unified wellness plan tailored to your body, lifestyle, and goals.</p>
</div>
<div class="services-grid">
<article class="service-card">
<div class="service-icon">⚕</div>
<h3>Primary & Preventive Care</h3>
<p>Annual physicals, screenings, immunizations, and lifestyle medicine consultations. Our physicians focus on early detection and long-term health optimization — not just treating illness when it appears.</p>
<a href="#" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
<article class="service-card">
<div class="service-icon">🥗</div>
<h3>Nutrition Counseling</h3>
<p>Registered dietitians craft functional nutrition plans for weight management, gut health, hormone balance, and condition-specific diets — including support for diabetes, PCOS, and food sensitivities.</p>
<a href="#nutrition" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
<article class="service-card">
<div class="service-icon">💪</div>
<h3>Movement & Fitness</h3>
<p>One-on-one personal training, small-group strength classes, corrective exercise, and physical therapy co-managed with our clinicians to support recovery, mobility, and lifelong strength.</p>
<a href="#" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
<article class="service-card">
<div class="service-icon">🧠</div>
<h3>Mental Wellness</h3>
<p>Licensed therapists and psychiatrists offering CBT, mindfulness-based therapy, and medication management for anxiety, depression, burnout, and chronic stress — fully integrated with your primary care.</p>
<a href="#mental" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
<article class="service-card">
<div class="service-icon">❤</div>
<h3>Chronic Care Management</h3>
<p>Coordinated, ongoing support for hypertension, diabetes, thyroid disorders, autoimmune conditions, and cardiovascular risk. Dedicated care navigators keep your team aligned and your plan on track.</p>
<a href="#" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
<article class="service-card">
<div class="service-icon">🌿</div>
<h3>Integrative Therapies</h3>
<p>Acupuncture, therapeutic massage, IV nutrient therapy, and sleep-medicine consultations. Complementary services that work alongside conventional treatment to support whole-body healing.</p>
<a href="#" class="service-link">Learn More <span class="arrow">→</span></a>
</article>
</div>
</div>
</section>
<!-- =========================
PROGRAMS — split + plans
========================= -->
<section class="programs" id="programs">
<div class="container">
<div class="split">
<div>
<span class="eyebrow">Featured Programs</span>
<h2>The 12-Week Rebuild: a wellness plan that actually fits your life.</h2>
<p>Most wellness programs fail because they ignore the realities of work, family, and stress. Our signature 12-Week Rebuild pairs you with a dedicated care team that builds your plan around your schedule — then walks with you, week by week, as habits take root.</p>
<ul class="program-list">
<li><span class="check-pill">✓</span><div><strong>Comprehensive intake & baseline labs</strong><span>Understand your starting point with a full medical, nutritional, and movement assessment.</span></div></li>
<li><span class="check-pill">✓</span><div><strong>Weekly 1:1 coaching sessions</strong><span>Meet your provider, dietitian, and coach in person or via telehealth — whichever keeps you consistent.</span></div></li>
<li><span class="check-pill">✓</span><div><strong>Custom meal & movement plans</strong><span>Recipes, grocery lists, and 30-minute workouts designed for your equipment, time, and preferences.</span></div></li>
<li><span class="check-pill">✓</span><div><strong>Progress tracking & adjustments</strong><span>Your team reviews wearable data and biomarkers monthly, refining your plan as your body responds.</span></div></li>
</ul>
<a href="#join" class="btn btn-primary">Join Program</a>
</div>
<div>
<img class="split-img" src="https://picsum.photos/seed/healthy-meal-prep/700/600" alt="Fresh meal prep bowls with vegetables and grains">
</div>
</div>
<div class="plans-grid">
<div class="plan-card">
<div class="plan-name">Foundation</div>
<div class="plan-price">$89<small>/mo</small></div>
<div class="plan-tag">Best for maintenance & prevention</div>
<ul class="plan-features">
<li>1 primary care visit / year</li>
<li>2 dietitian sessions / year</li>
<li>Group fitness classes</li>
<li>Wellness app + tracker</li>
<li>Email support</li>
</ul>
<a href="#" class="btn btn-ghost">Sign Up</a>
</div>
<div class="plan-card featured">
<div class="plan-badge">Most Popular</div>
<div class="plan-name">Vital</div>
<div class="plan-price">$179<small>/mo</small></div>
<div class="plan-tag">Most chosen for lasting results</div>
<ul class="plan-features">
<li>Unlimited primary care visits</li>
<li>Monthly dietitian + coach</li>
<li>Quarterly mental wellness check-in</li>
<li>Personalized meal & workout plans</li>
<li>Same-day telehealth</li>
<li>Chronic care monitoring</li>
</ul>
<a href="#" class="btn btn-accent">Join Program</a>
</div>
<div class="plan-card">
<div class="plan-name">Total Care</div>
<div class="plan-price">$299<small>/mo</small></div>
<div class="plan-tag">For complex & chronic needs</div>
<ul class="plan-features">
<li>Everything in Vital, plus:</li>
<li>Concierge care coordinator</li>
<li>Weekly therapy sessions</li>
<li>In-home lab draws</li>
<li>Integrative therapies included</li>
<li>Family member coverage</li>
</ul>
<a href="#" class="btn btn-ghost">Sign Up</a>
</div>
</div>
</div>
</section>
<!-- =========================
INTERACTIVE — Wellness Assessment
========================= -->
<section class="assessment" id="assessment">
<div class="container">
<div class="assessment-wrap">
<div class="assessment-content">
<span class="badge">⚡ Interactive · 2 minutes</span>
<h2>Take your free Wellness Score assessment.</h2>
<p>Get a personalized snapshot of your current health across sleep, nutrition, movement, stress, and hydration. We'll send tailored recommendations straight to your inbox — no commitment required.</p>
<p style="font-size:.9rem;color:var(--color-muted)">Used by 8,000+ members to start their wellness journey. Your data is private and never shared.</p>
</div>
<form class="assessment-form" id="wellnessForm" onsubmit="return false">
<div class="form-row">
<div class="form-field">
<label for="age">Age</label>
<input type="number" id="age" min="16" max="100" value="35" required>
</div>
<div class="form-field">
<label for="activity">Activity level</label>
<select id="activity">
<option value="1">Sedentary (desk job)</option>
<option value="2" selected>Lightly active (1–2 days/wk)</option>
<option value="3">Moderately active (3–4 days/wk)</option>
<option value="4">Very active (5+ days/wk)</option>
</select>
</div>
</div>
<div class="slider-field">
<label for="sleep">Average hours of sleep <span class="val" id="sleepVal">7.0 h</span></label>
<input type="range" id="sleep" min="3" max="11" step="0.5" value="7">
</div>
<div class="slider-field">
<label for="water">Daily water intake <span class="val" id="waterVal">6 cups</span></label>
<input type="range" id="water" min="1" max="14" value="6">
</div>
<div class="slider-field">
<label for="produce">Daily servings of fruits & vegetables <span class="val" id="produceVal">4 servings</span></label>
<input type="range" id="produce" min="0" max="10" value="4">
</div>
<div class="slider-field">
<label for="stress">Stress level (1 = low, 10 = high) <span class="val" id="stressVal">5</span></label>
<input type="range" id="stress" min="1" max="10" value="5">
</div>
<button class="calc-btn" id="calcBtn" type="button">Calculate My Wellness Score</button>
<div class="result" id="result">
<span class="score" id="scoreNum">0</span>
<div class="verdict" id="scoreVerdict"></div>
<div class="tip" id="scoreTip"></div>
</div>
</form>
</div>
</div>
</section>
<!-- =========================
MENTAL WELLNESS
========================= -->
<section class="mental" id="mental">
<div class="container">
<div class="split">
<img class="split-img" src="https://picsum.photos/seed/meditation-calm/700/600" alt="Person meditating in soft morning light">
<div class="split-content">
<span class="eyebrow">Mental Wellness</span>
<h2>The mind-body connection is not a metaphor — it's clinical.</h2>
<p>Research consistently shows that chronic stress, anxiety, and poor sleep directly influence inflammation, hormonal balance, cardiovascular risk, and recovery. At Aurelia, your mental wellness is treated with the same rigor as any other organ system.</p>
<p>Our mental wellness team includes licensed clinical psychologists, psychiatrists, and mindfulness coaches who collaborate with your primary care physician and dietitian. No referrals needed. No separate records.</p>
<div class="tag-list">
<span>Anxiety & Depression</span>
<span>Burnout Recovery</span>
<span>Sleep Disorders</span>
<span>Trauma-Informed Care</span>
<span>Mindfulness Coaching</span>
<span>ADHD Evaluation</span>
</div>
<a href="#" class="btn btn-primary">Book a Mental Wellness Visit</a>
</div>
</div>
</div>
</section>
<!-- =========================
PROVIDERS
========================= -->
<section class="providers" id="about">
<div class="container">
<div class="section-head">
<span class="eyebrow">Provider Spotlights</span>
<h2>Meet the team behind your care.</h2>
<p>Our providers are board-certified clinicians, registered dietitians, and certified coaches who chose integrative practice because they believe health is more than the absence of disease.</p>
</div>
<div class="provider-grid">
<article class="provider-card">
<img src="https://i.pravatar.cc/400?u=dr-amara-osei" alt="Dr. Amara Osei">
<div class="provider-info">
<div class="role">Internal Medicine</div>
<h3>Dr. Amara Osei</h3>
<div class="creds">MD, MPH · 14 yrs · Lifestyle Medicine Cert.</div>
<div class="provider-social">
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="Email">@</a>
</div>
</div>
</article>
<article class="provider-card">
<img src="https://i.pravatar.cc/400?u=kelly-mendez-rd" alt="Kelly Mendez">
<div class="provider-info">
<div class="role">Lead Dietitian</div>
<h3>Kelly Mendez, RDN</h3>
<div class="creds">Functional Nutrition · Gut Health Specialist</div>
<div class="provider-social">
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="Email">@</a>
</div>
</div>
</article>
<article class="provider-card">
<img src="https://i.pravatar.cc/400?u=jordan-park-phd" alt="Dr. Jordan Park">
<div class="provider-info">
<div class="role">Clinical Psychology</div>
<h3>Dr. Jordan Park</h3>
<div class="creds">PhD · CBT & ACT · Burnout & Trauma</div>
<div class="provider-social">
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="Email">@</a>
</div>
</div>
</article>
<article class="provider-card">
<img src="https://i.pravatar.cc/400?u=marcus-vega-pt" alt="Marcus Vega">
<div class="provider-info">
<div class="role">Movement & Recovery</div>
<h3>Marcus Vega, DPT</h3>
<div class="creds">Doctor of Physical Therapy · Strength Coach</div>
<div class="provider-social">
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="Email">@</a>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- =========================
TESTIMONIALS
========================= -->
<section class="testimonials">
<div class="container">
<div class="section-head">
<span class="eyebrow">Success Stories</span>
<h2>Real patients. Real progress.</h2>
<p>We don't promise overnight transformations — we promise a team that walks with you until the changes stick. Here's what that looks like for some of our members.</p>
</div>
<div class="testi-grid">
<article class="testi-card">
<div class="testi-quote">"</div>
<div class="testi-stars">★★★★★</div>
<p class="testi-text">After 8 years of prediabetes and three different diets that didn't stick, the 12-Week Rebuild finally clicked. My A1C dropped from 6.4 to 5.5 — but more importantly, I actually enjoy cooking now and my energy is back.</p>
<div class="testi-author">
<img src="https://i.pravatar.cc/100?u=patient-sarah" alt="">
<div>
<div class="name">Sarah Whitlock</div>
<div class="meta">Vital member · 11 months</div>
<span class="testi-tag">12-Week Rebuild · Nutrition</span>
</div>
</div>
</article>
<article class="testi-card">
<div class="testi-quote">"</div>
<div class="testi-stars">★★★★★</div>
<p class="testi-text">What I love is that my therapist, dietitian, and primary care doctor actually talk to each other. For the first time, my depression treatment and my nutrition plan aren't two separate worlds. It feels like one team, one plan.</p>
<div class="testi-author">
<img src="https://i.pravatar.cc/100?u=patient-david" alt="">
<div>
<div class="name">David Ohanian</div>
<div class="meta">Total Care member · 2 years</div>
<span class="testi-tag">Mental Wellness · Chronic Care</span>
</div>
</div>
</article>
<article class="testi-card">
<div class="testi-quote">"</div>
<div class="testi-stars">★★★★★</div>
<p class="testi-text">I came in for a back issue and left with a movement coach, a sleep plan, and a new understanding of how my job stress was contributing to my pain. I haven't had a flare-up in nine months.</p>
<div class="testi-author">
<img src="https://i.pravatar.cc/100?u=patient-priya" alt="">
<div>
<div class="name">Priya Ramaswamy</div>
<div class="meta">Vital member · 8 months</div>
<span class="testi-tag">Movement · Stress Recovery</span>
</div>
</div>
</article>
</div>
</div>
</section>
<!-- =========================
BLOG
========================= -->
<section class="blog" id="blog">
<div class="container">
<div class="section-head">
<span class="eyebrow">From the Blog</span>
<h2>Evidence-based insights from our team.</h2>
<p>Practical, plain-language articles on nutrition, movement, mental health, and preventive medicine — written by the providers who care for our patients every day.</p>
</div>
<div class="blog-grid">
<article class="blog-card featured">
<img src="https://picsum.photos/seed/seed-nutrition-plate/800/500" alt="Healthy whole foods arranged on a table">
<div class="blog-content">
<div class="blog-meta"><span class="cat">Nutrition</span><span>· 8 min read</span></div>
<h3>Five realistic changes that lower blood sugar more effectively than cutting carbs entirely</h3>
<p>A growing body of research suggests that how and when you eat matters as much as what you eat. Our lead dietitian breaks down five small, sustainable habits that consistently improve glucose control — without restrictive dieting.</p>
<a href="#" class="read-more">Read article →</a>
</div>
</article>
<article class="blog-card">
<img src="https://picsum.photos/seed/strength-training/500/300" alt="Person performing a squat with proper form">
<div class="blog-content">
<div class="blog-meta"><span class="cat">Fitness</span><span>· 6 min</span></div>
<h3>Why strength training matters more after 40 — and how to start safely</h3>
<p>Bone density, metabolism, and joint health all respond to resistance work. Here's how to begin, regardless of your current fitness level.</p>
<a href="#" class="read-more">Read article →</a>
</div>
</article>
<article class="blog-card">
<img src="https://picsum.photos/seed/sleep-restful/500/300" alt="Bedroom at twilight with soft lighting">
<div class="blog-content">
<div class="blog-meta"><span class="cat">Mental Wellness</span><span>· 5 min</span></div>
<h3>The sleep–anxiety loop: how to break it without medication</h3>
<p>Poor sleep worsens anxiety; anxiety disrupts sleep. Our clinical psychologist shares four CBT-I techniques that interrupt the cycle.</p>
<a href="#" class="read-more">Read article →</a>
</div>
</article>
</div>
</div>
</section>
<!-- =========================
FAQ
========================= -->
<section class="faq">
<div class="container">
<div class="section-head">
<span class="eyebrow">Frequently Asked</span>
<h2>Questions, answered honestly.</h2>
</div>
<div class="faq-wrap">
<details class="faq-item">
<summary>Do I need a referral to see a specialist at Aurelia?</summary>
<div class="faq-answer">
<p>No. Because our providers operate as a single coordinated team, you can book directly with any of our dietitians, mental wellness clinicians, or fitness specialists without an outside referral. If our team determines you need specialty care outside our scope (for example, cardiology or oncology), we'll handle the referral and stay involved in your coordination.</p>
</div>
</details>
<details class="faq-item">
<summary>Do you accept insurance?</summary>
<div class="faq-answer">
<p>Yes. We are in-network with most major insurers including Blue Cross Blue Shield, Aetna, Cigna, Kaiser PPO, UnitedHealthcare, and Oregon Health Plan. Primary care and mental wellness visits are typically covered. Nutrition counseling, fitness, and integrative therapies may be partially covered depending on your plan — our billing team will verify your benefits before your first visit.</p>
</div>
</details>
<details class="faq-item">
<summary>How is Aurelia different from a regular primary care clinic?</summary>
<div class="faq-answer">
<p>Traditional primary care visits last an average of 8 minutes and rarely address nutrition, movement, or mental health. Our visits are 30–60 minutes, and your provider has immediate access to our in-house dietitian, therapist, and coach. We treat the conditions driving your symptoms — not just the symptoms themselves.</p>
</div>
</details>
<details class="faq-item">
<summary>What if I'm already working with another doctor?</summary>
<div class="faq-answer">
<p>That's completely fine. Many of our members use Aurelia as a complement to their existing specialist relationships. With your permission, we'll coordinate records and treatment plans so your whole care team stays informed.</p>
</div>
</details>
<details class="faq-item">
<summary>Can I do everything virtually?</summary>
<div class="faq-answer">
<p>Most services — primary care follow-ups, nutrition counseling, mental wellness, and coaching — are available via secure telehealth. In-person visits are required for annual physicals, lab work, vaccinations, and movement assessments. Our hybrid model is designed to make consistency easier, not harder.</p>
</div>
</details>
<details class="faq-item">
<summary>What does the Wellness Score assessment actually measure?</summary>
<div class="faq-answer">
<p>The assessment provides a directional snapshot across five evidence-based pillars of health: sleep quality, hydration, nutrition density, movement frequency, and stress regulation. It is not a clinical diagnostic tool — but it is a powerful starting point to identify which areas of your lifestyle deserve the most attention first.</p>
</div>
</details>
</div>
</div>
</section>
<!-- =========================
NEWSLETTER CTA
========================= -->
<section class="cta-section" id="join">
<div class="container">
<span class="eyebrow" style="color:var(--color-gold)">The Aurelia Weekly</span>
<h2>Smarter health guidance, every Sunday.</h2>
<p>Join 18,000+ readers who get one evidence-based article, one practical recipe, and one movement tip from our clinical team — delivered to your inbox each weekend.</p>
<form class="newsletter-form" onsubmit="event.preventDefault();this.querySelector('button').textContent='✓ Subscribed';">
<input type="email" placeholder="Your email address" required>
<button type="submit">Subscribe Free</button>
</form>
<div class="cta-perks">
<span>No spam, ever</span>
<span>Unsubscribe anytime</span>
<span>Written by clinicians</span>
</div>
</div>
</section>
</main>
<!-- =========================
FOOTER
========================= -->
<footer class="site-footer" id="contact">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<img src="https://placehold.co/112x112/2F5D50/FAF6EF?text=A&font=lora" alt="Aurelia logo">
<h4>Aurelia Wellness Institute</h4>
<p>An integrative health practice serving the Pacific Northwest since 2009. Body, mind, and spirit — under one roof.</p>
<div class="footer-social">
<a href="#" aria-label="Instagram">Ig</a>
<a href="#" aria-label="Facebook">Fb</a>
<a href="#" aria-label="LinkedIn">in</a>
<a href="#" aria-label="YouTube">Yt</a>
<a href="#" aria-label="X">X</a>
</div>
</div>
<div class="footer-col">
<h5>Services</h5>
<ul>
<li><a href="#">Primary Care</a></li>
<li><a href="#nutrition">Nutrition Counseling</a></li>
<li><a href="#">Movement & Fitness</a></li>
<li><a href="#mental">Mental Wellness</a></li>
<li><a href="#">Chronic Care</a></li>
<li><a href="#">Integrative Therapies</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Resources</h5>
<ul>
<li><a href="#blog">Health Blog</a></li>
<li><a href="#assessment">Wellness Assessment</a></li>
<li><a href="#">Recipe Library</a></li>
<li><a href="#">Workout Videos</a></li>
<li><a href="#">Patient Forms</a></li>
<li><a href="#">Provider Portal</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Visit Us</h5>
<ul class="contact-list">
<li>
<span class="ico">📍</span>
<div>422 Linden Avenue, Suite 300<br>Portland, OR 97214</div>
</li>
<li>
<span class="ico">📞</span>
<div>(503) 555-0182<br>Mon–Fri · 7am–7pm</div>
</li>
<li>
<span class="ico">✉</span>
<div>hello@aureliahealth.org<br>appointments@aureliahealth.org</div>
</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>© 2026 Aurelia Wellness Institute, LLC. All rights reserved.</div>
<div class="legal">
<a href="#">Privacy Policy</a>
<a href="#">Terms of Service</a>
<a href="#">HIPAA Notice</a>
<a href="#">Accessibility</a>
</div>
</div>
</div>
</footer>
<script>
/* -------- Mobile menu -------- */
const menuToggle = document.getElementById('menuToggle');
const primaryNav = document.getElementById('primaryNav');
menuToggle.addEventListener('click', () => primaryNav.classList.toggle('open'));
/* -------- FAQ exclusive open -------- */
const faqs = document.querySelectorAll('details.faq-item');
faqs.forEach(d => d.addEventListener('toggle', () => {
if (d.open) faqs.forEach(o => { if (o !== d) o.open = false; });
}));
/* -------- Slider value display -------- */
function bindSlider(id, valId, suffix='') {
const el = document.getElementById(id);
const out = document.getElementById(valId);
const update = () => out.textContent = el.value + suffix;
el.addEventListener('input', update);
update();
}
bindSlider('sleep','sleepVal',' h');
bindSlider('water','waterVal',' cups');
bindSlider('produce','produceVal',' servings');
bindSlider('stress','stressVal','');
/* -------- Wellness score calculator -------- */
document.getElementById('calcBtn').addEventListener('click', () => {
const sleep = parseFloat(document.getElementById('sleep').value); // ideal ~7-9
const water = parseFloat(document.getElementById('water').value); // cups, ideal ~8
const produce= parseFloat(document.getElementById('produce').value); // servings, ideal ~7-9
const stress = parseFloat(document.getElementById('stress').value); // 1-10, lower better
const activity = parseInt(document.getElementById('activity').value); // 1-4
// Each pillar 0-20 points, total 100
const sleepScore = Math.max(0, 20 - Math.abs(8 - sleep) * 4);
const waterScore = Math.min(20, water * 2.5);
const produceScore = Math.min(20, produce * 2.5);
const stressScore = Math.max(0, 20 - (stress - 1) * 2.2);
const activityScore = Math.min(20, activity * 5);
const total = Math.round(sleepScore + waterScore + produceScore + stressScore + activityScore);
const result = document.getElementById('result');
const num = document.getElementById('scoreNum');
const verdict = document.getElementById('scoreVerdict');
const tip = document.getElementById('scoreTip');
num.textContent = total + ' / 100';
let v = '', t = '';
if (total >= 85) { v = 'Outstanding — your lifestyle pillars are well aligned.'; t = 'Focus on consistency and longevity. Consider our Vital plan to deepen what already works.'; }
else if (total >= 70) { v = 'Solid foundation with room to grow.'; t = 'Pick one pillar scoring lowest and commit to one small weekly habit — our 12-Week Rebuild can help structure that.'; }
else if (total >= 50) { v = 'There are meaningful gains within reach.'; t = 'Most members in this range see the biggest wins from sleep and stress support — book a free 15-minute consult with one of our coaches.'; }
else { v = 'A great moment to start. Small steps add up fast.'; t = 'We recommend beginning with our Foundation plan and a single primary care visit — your care team will help prioritize what to change first.'; }
verdict.textContent = v;
tip.textContent = t;
result.classList.add('show');
result.scrollIntoView({behavior:'smooth', block:'nearest'});
});
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T09:41:55.474Z",
"url": "https://benchmark.aimac.invalid/15532254fa21367b17ec3bb4554dfb5188ca8d66e555b60ced8134727721af3a.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "td-headers-attr",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
"help": "Table cells that use the headers attribute must only refer to cells in the same table",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
"nodes": []
},
{
"id": "th-has-data-cells",
"impact": null,
"tags": [
"cat.tables",
"wcag2a",
"wcag131",
"section508",
"section508.22.g",
"TTv5",
"TT14.b",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
"help": "Table headers in a data table must refer to data cells",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<a href=\"#\" aria-label=\"LinkedIn\">in</a>",
"target": [
".provider-card:nth-child(1) > .provider-info > .provider-social > a[aria-label=\"LinkedIn\"][href=\"#\"]"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<a href=\"#\" aria-label=\"LinkedIn\">in</a>",
"target": [
".provider-card:nth-child(1) > .provider-info > .provider-social > a[aria-label=\"LinkedIn\"][href=\"#\"]"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<a href=\"#\" aria-label=\"LinkedIn\">in</a>",
"target": [
".provider-card:nth-child(1) > .provider-info > .provider-social > a[aria-label=\"LinkedIn\"][href=\"#\"]"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<a href=\"#\" aria-label=\"LinkedIn\">in</a>",
"target": [
".provider-card:nth-child(1) > .provider-info > .provider-social > a[aria-label=\"LinkedIn\"][href=\"#\"]"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\" aria-label=\"LinkedIn\">in</a>",
"target": [
".provider-card:nth-child(1) > .provider-info > .provider-social > a[aria-label=\"LinkedIn\"][href=\"#\"]"
]
}
]
},
{
"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": "<section class=\"stats\" style=\"padding:48px 0\">",
"target": [
".stats"
]
}
]
},
{
"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=\"calc-btn\" id=\"calcBtn\" type=\"button\">Calculate My Wellness Score</button>",
"target": [
"#calcBtn"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Where <span class=\"accent\">holistic wellness</span> meets modern medicine.</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Care designed around your whole self.</h2>",
"target": [
"#services > .container > .section-head > h2"
]
},
{
"html": "<h3>Primary & Preventive Care</h3>",
"target": [
".service-card:nth-child(1) > h3"
]
},
{
"html": "<h3>Nutrition Counseling</h3>",
"target": [
".service-card:nth-child(2) > h3"
]
},
{
"html": "<h3>Movement & Fitness</h3>",
"target": [
".service-card:nth-child(3) > h3"
]
},
{
"html": "<h3>Mental Wellness</h3>",
"target": [
".service-card:nth-child(4) > h3"
]
},
{
"html": "<h3>Chronic Care Management</h3>",
"target": [
".service-card:nth-child(5) > h3"
]
},
{
"html": "<h3>Integrative Therapies</h3>",
"target": [
".service-card:nth-child(6) > h3"
]
},
{
"html": "<h2>The 12-Week Rebuild: a wellness plan that actually fits your life.</h2>",
"target": [
".split > div:nth-child(1) > h2"
]
},
{
"html": "<h2>Take your free Wellness Score assessment.</h2>",
"target": [
".assessment-content > h2"
]
},
{
"html": "<h2>The mind-body connection is not a metaphor \u2014 it's clinical.</h2>",
"target": [
".split-content > h2"
]
},
{
"html": "<h2>Meet the team behind your care.</h2>",
"target": [
"#about > .container > .section-head > h2"
]
},
{
"html": "<h3>Dr. Amara Osei</h3>",
"target": [
".provider-card:nth-child(1) > .provider-info > h3"
]
},
{
"html": "<h3>Kelly Mendez, RDN</h3>",
"target": [
".provider-card:nth-child(2) > .provider-info > h3"
]
},
{
"html": "<h3>Dr. Jordan Park</h3>",
"target": [
".provider-card:nth-child(3) > .provider-info > h3"
]
},
{
"html": "<h3>Marcus Vega, DPT</h3>",
"target": [
".provider-card:nth-child(4) > .provider-info > h3"
]
},
{
"html": "<h2>Real patients. Real progress.</h2>",
"target": [
".testimonials > .container > .section-head > h2"
]
},
{
"html": "<h2>Evidence-based insights from our team.</h2>",
"target": [
"#blog > .container > .section-head > h2"
]
},
{
"html": "<h3>Five realistic changes that lower blood sugar more effectively than cutting carbs entirely</h3>",
"target": [
".featured.blog-card > .blog-content > h3"
]
},
{
"html": "<h3>Why strength training matters more after 40 \u2014 and how to start safely</h3>",
"target": [
".blog-card:nth-child(2) > .blog-content > h3"
]
},
{
"html": "<h3>The sleep\u2013anxiety loop: how to break it without medication</h3>",
"target": [
".blog-card:nth-child(3) > .blog-content > h3"
]
},
{
"html": "<h2>Questions, answered honestly.</h2>",
"target": [
".faq > .container > .section-head > h2"
]
},
{
"html": "<h2>Smarter health guidance, every Sunday.</h2>",
"target": [
".container > h2"
]
},
{
"html": "<h4>Aurelia Wellness Institute</h4>",
"target": [
"h4"
]
},
{
"html": "<h5>Services</h5>",
"target": [
".footer-col:nth-child(2) > h5"
]
},
{
"html": "<h5>Resources</h5>",
"target": [
".footer-col:nth-child(3) > h5"
]
},
{
"html": "<h5>Visit Us</h5>",
"target": [
".footer-col:nth-child(4) > h5"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main>",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#cad7d3",
"bgColor": "#234a40",
"contrastRatio": 6.66,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 6.66"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#contact\">\ud83d\udccd 422 Linden Avenue, Suite 300, Portland, OR 97214</a>",
"target": [
".utility-links:nth-child(1) > a[href$=\"#contact\"]"
]
}
]
},
{
"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": "age",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"number\" id=\"age\" min=\"16\" max=\"100\" value=\"35\" required=\"\">",
"target": [
"#age"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [
{
"html": "<label for=\"age\">Age</label>",
"target": [
"label[for=\"age\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"number\" id=\"age\" min=\"16\" max=\"100\" value=\"35\" required=\"\">",
"target": [
"#age"
]
}
]
},
{
"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/2F5D50/FAF6EF?text=A&font=lora\" alt=\"Aurelia Wellness Institute logo\">",
"target": [
".brand > img"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Age"
},
"relatedNodes": [
{
"html": "<label for=\"age\">Age</label>",
"target": [
"label[for=\"age\"]"
]
}
],
"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": "<input type=\"number\" id=\"age\" min=\"16\" max=\"100\" value=\"35\" required=\"\">",
"target": [
"#age"
]
}
]
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<article class=\"service-card\">",
"target": [
".service-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\" class=\"service-link\">Learn More <span class=\"arrow\">\u2192</span></a>",
"target": [
".service-card:nth-child(1) > .service-link[href=\"#\"]"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#contact\">\ud83d\udccd 422 Linden Avenue, Suite 300, Portland, OR 97214</a>",
"target": [
".utility-links:nth-child(1) > a[href$=\"#contact\"]"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul class=\"program-list\">",
"target": [
".program-list"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><span class=\"check-pill\">\u2713</span><div><strong>Comprehensive intake & baseline labs</strong><span>Understand your starting point with a full medical, nutritional, and movement assessment.</span></div></li>",
"target": [
".program-list > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/96x96/2F5D50/FAF6EF?text=A&font=lora\" alt=\"Aurelia Wellness Institute logo\">",
"target": [
".brand > img"
]
}
]
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Activity level"
},
"relatedNodes": [
{
"html": "<label for=\"activity\">Activity level</label>",
"target": [
"label[for=\"activity\"]"
]
}
],
"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=\"activity\">",
"target": [
"#activity"
]
}
]
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<summary>Do I need a referral to see a specialist at Aurelia?</summary>",
"target": [
"details:nth-child(1) > summary"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#contact\">\ud83d\udccd 422 Linden Avenue, Suite 300, Portland, OR 97214</a>",
"target": [
".utility-links:nth-child(1) > a[href$=\"#contact\"]"
]
}
]
}
],
"incomplete": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": "bgGradient",
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Integrative Health \u00b7 Est. 2009</span>",
"target": [
".hero-content > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c99a52",
"bgColor": "#2f5d50",
"contrastRatio": 2.93,
"fontSize": "36.0pt (48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"stats\" style=\"padding:48px 0\">",
"target": [
".stats"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"stat-num\">15+</span>",
"target": [
"div:nth-child(1) > .stat-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c99a52",
"bgColor": "#2f5d50",
"contrastRatio": 2.93,
"fontSize": "36.0pt (48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"stats\" style=\"padding:48px 0\">",
"target": [
".stats"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"stat-num\">32</span>",
"target": [
"div:nth-child(2) > .stat-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c99a52",
"bgColor": "#2f5d50",
"contrastRatio": 2.93,
"fontSize": "36.0pt (48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"stats\" style=\"padding:48px 0\">",
"target": [
".stats"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"stat-num\">12,400</span>",
"target": [
"div:nth-child(3) > .stat-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c99a52",
"bgColor": "#2f5d50",
"contrastRatio": 2.93,
"fontSize": "36.0pt (48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"stats\" style=\"padding:48px 0\">",
"target": [
".stats"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"stat-num\">94%</span>",
"target": [
"div:nth-child(4) > .stat-num"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.93 (foreground color: #c99a52, background color: #2f5d50, font size: 36.0pt (48px), font weight: normal). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"services\" id=\"services\">",
"target": [
"#services"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Specialty Services</span>",
"target": [
"#services > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#e8efea",
"contrastRatio": 3.21,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"programs\" id=\"programs\">",
"target": [
"#programs"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.21 (foreground color: #c56b4f, background color: #e8efea, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Featured Programs</span>",
"target": [
".split > div:nth-child(1) > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.21 (foreground color: #c56b4f, background color: #e8efea, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-card\">",
"target": [
".plan-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"plan-name\">Foundation</div>",
"target": [
".plan-card:nth-child(1) > .plan-name"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c56b4f",
"contrastRatio": 3.75,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-badge\">Most Popular</div>",
"target": [
".plan-badge"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"plan-badge\">Most Popular</div>",
"target": [
".plan-badge"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#1e2a26",
"contrastRatio": 3.95,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-card featured\">",
"target": [
".featured.plan-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.95 (foreground color: #c56b4f, background color: #1e2a26, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"plan-name\">Vital</div>",
"target": [
".featured.plan-card > .plan-name"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #c56b4f, background color: #1e2a26, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5f6e68",
"bgColor": "#1e2a26",
"contrastRatio": 2.76,
"fontSize": "10.8pt (14.4px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-card featured\">",
"target": [
".featured.plan-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.76 (foreground color: #5f6e68, background color: #1e2a26, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>/mo</small>",
"target": [
".featured.plan-card > .plan-price > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.76 (foreground color: #5f6e68, background color: #1e2a26, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#5f6e68",
"bgColor": "#1e2a26",
"contrastRatio": 2.76,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-card featured\">",
"target": [
".featured.plan-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.76 (foreground color: #5f6e68, background color: #1e2a26, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"plan-tag\">Most chosen for lasting results</div>",
"target": [
".featured.plan-card > .plan-tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.76 (foreground color: #5f6e68, background color: #1e2a26, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c56b4f",
"contrastRatio": 3.75,
"fontSize": "11.4pt (15.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a href=\"#\" class=\"btn btn-accent\">Join Program</a>",
"target": [
".btn-accent"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" class=\"btn btn-accent\">Join Program</a>",
"target": [
".btn-accent"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.8pt (13.12px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"plan-card\">",
"target": [
".plan-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"plan-name\">Total Care</div>",
"target": [
".plan-card:nth-child(3) > .plan-name"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.8pt (13.12px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"assessment-form\" id=\"wellnessForm\" onsubmit=\"return false\">",
"target": [
"#wellnessForm"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"val\" id=\"sleepVal\">7 h</span>",
"target": [
"#sleepVal"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"assessment-form\" id=\"wellnessForm\" onsubmit=\"return false\">",
"target": [
"#wellnessForm"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"val\" id=\"waterVal\">6 cups</span>",
"target": [
"#waterVal"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<form class=\"assessment-form\" id=\"wellnessForm\" onsubmit=\"return false\">",
"target": [
"#wellnessForm"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"val\" id=\"produceVal\">4 servings</span>",
"target": [
"#produceVal"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"mental\" id=\"mental\">",
"target": [
"#mental"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Mental Wellness</span>",
"target": [
".split-content > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#e8efea",
"contrastRatio": 3.21,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"providers\" id=\"about\">",
"target": [
"#about"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.21 (foreground color: #c56b4f, background color: #e8efea, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Provider Spotlights</span>",
"target": [
"#about > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.21 (foreground color: #c56b4f, background color: #e8efea, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"provider-card\">",
"target": [
".provider-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"role\">Internal Medicine</div>",
"target": [
".provider-card:nth-child(1) > .provider-info > .role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"provider-card\">",
"target": [
".provider-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"role\">Lead Dietitian</div>",
"target": [
".provider-card:nth-child(2) > .provider-info > .role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"provider-card\">",
"target": [
".provider-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"role\">Clinical Psychology</div>",
"target": [
".provider-card:nth-child(3) > .provider-info > .role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"provider-card\">",
"target": [
".provider-card:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"role\">Movement & Recovery</div>",
"target": [
".provider-card:nth-child(4) > .provider-info > .role"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"testimonials\">",
"target": [
".testimonials"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Success Stories</span>",
"target": [
".testimonials > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#faf6ef",
"contrastRatio": 3.48,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"blog\" id=\"blog\">",
"target": [
"#blog"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.48 (foreground color: #c56b4f, background color: #faf6ef, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">From the Blog</span>",
"target": [
"#blog > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.48 (foreground color: #c56b4f, background color: #faf6ef, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"blog-card featured\">",
"target": [
".featured.blog-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"cat\">Nutrition</span>",
"target": [
".featured.blog-card > .blog-content > .blog-meta > .cat"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"blog-card\">",
"target": [
".blog-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"cat\">Fitness</span>",
"target": [
".blog-card:nth-child(2) > .blog-content > .blog-meta > .cat"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"blog-card\">",
"target": [
".blog-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"cat\">Mental Wellness</span>",
"target": [
".blog-card:nth-child(3) > .blog-content > .blog-meta > .cat"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#c56b4f",
"bgColor": "#ffffff",
"contrastRatio": 3.75,
"fontSize": "9.4pt (12.48px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"faq\">",
"target": [
".faq"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"eyebrow\">Frequently Asked</span>",
"target": [
".faq > .container > .section-head > .eyebrow"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #c56b4f, background color: #ffffff, font size: 9.4pt (12.48px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#c56b4f",
"contrastRatio": 3.75,
"fontSize": "11.0pt (14.72px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button type=\"submit\">Subscribe Free</button>",
"target": [
"button[type=\"submit\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button type=\"submit\">Subscribe Free</button>",
"target": [
"button[type=\"submit\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.75 (foreground color: #ffffff, background color: #c56b4f, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#7e8b86",
"bgColor": "#1e2a26",
"contrastRatio": 4.18,
"fontSize": "10.2pt (13.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<footer class=\"site-footer\" id=\"contact\">",
"target": [
"#contact"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.18 (foreground color: #7e8b86, background color: #1e2a26, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div>\u00a9 2026 Aurelia Wellness Institute, LLC. All rights reserved.</div>",
"target": [
".footer-bottom > div:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.18 (foreground color: #7e8b86, background color: #1e2a26, font size: 10.2pt (13.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 10074
},
{
"y": 576,
"height": 10074
},
{
"y": 1152,
"height": 10074
},
{
"y": 1728,
"height": 10074
},
{
"y": 2304,
"height": 10074
},
{
"y": 2880,
"height": 10074
},
{
"y": 3456,
"height": 10074
},
{
"y": 4032,
"height": 10074
},
{
"y": 4608,
"height": 10074
},
{
"y": 5184,
"height": 10074
},
{
"y": 5760,
"height": 10074
},
{
"y": 6336,
"height": 10074
},
{
"y": 6912,
"height": 10074
},
{
"y": 7488,
"height": 10074
},
{
"y": 8064,
"height": 10074
},
{
"y": 8640,
"height": 10074
},
{
"y": 9216,
"height": 10074
},
{
"y": 9354,
"height": 10074
}
],
"scans": 19,
"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 "Health and Fitness" 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: "Health and Fitness"
- Description: Healthcare, wellness, fitness tips, nutrition, and medical resources.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Health and Fitness" 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: "Nutrition", "Appointments", "Blog".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Health and Fitness" category. Consider themes similar to: "Specialty Services", "Medical Services", "Mental Wellness".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "holistic wellness", "wellness plan", "chronic care".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Join Program", "Sign Up", "Learn More".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Health and Fitness" sector. Ideas similar but not limited to: "health tracker".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "success stories", "provider spotlights", "nutrition advice".
- **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.