OpenAI GPT 6.1 Sol Pro – Health and Fitness

via OpenAI · Generated

  • AIMAC Debt 4.37
  • Cost $0.34
  • Total Violations 12
  • HTML Size 50 KB
  • Em Dashes 7

Screenshot

View OpenAI GPT 6.1 Sol Pro Health and Fitness page View Live Page

Accessibility Issues Found

12 Serious

  • color-contrast serious 12 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <p>You bring your goals, your culture, and your lived experience. We bring a collaborative approach that connects everyday nutrition with preventiv...

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="theme-color" content="#143e37">
  <meta name="description" content="Meet Wellward: a more connected approach to movement, nutrition, mental health, and preventive wellness. Build healthy habits that fit your life.">
  <title>Wellward — Feel better. Live fuller.</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=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
  <style>
    :root{--ink:#143e37;--muted:#64716a;--cream:#f7f7ef;--white:#fff;--lime:#dceca4;--line:#dce1d6;--orange:#c55e3e;--radius:20px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:110px}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}
    h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.15;margin:0;font-weight:700;letter-spacing:-.045em}
    h1{font-size:clamp(3rem,5.7vw,5.5rem)}
    h2{font-size:clamp(2rem,3.5vw,3.4rem)}
    h3{font-size:1.5rem;letter-spacing:-.035em}
    p{margin:0 0 1rem} a{color:inherit} button,input,select,textarea{font:inherit}
    button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}
    button{cursor:pointer} img{display:block;width:100%;object-fit:cover}
    :focus-visible{outline:3px solid var(--orange);outline-offset:5px}
    .wrap{width:min(1240px,calc(100% - 64px));margin:auto}
    .skip{position:absolute;left:20px;top:-80px;background:var(--white);padding:12px;z-index:100}
    .skip:focus{top:10px}
    .announcement{background:var(--ink);color:#fff;text-align:center;padding:9px 20px;font-size:.78rem;letter-spacing:.02em}
    .announcement a{font-weight:700;text-underline-offset:3px;margin-left:7px}
    header{background:rgba(247,247,239,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
    .header-inner{min-height:92px;display:flex;align-items:center;gap:24px}
    .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
    .brand img{width:38px;height:38px;border-radius:50%}
    .brand-name{font-family:Manrope,sans-serif;font-size:1.55rem;font-weight:800;letter-spacing:-.06em;display:block;line-height:1.2}
    .brand-tag{display:block;font-size:.65rem;letter-spacing:.035em;color:var(--muted);margin-top:2px}
    nav{margin-left:auto;display:flex;align-items:center;gap:19px}
    nav a{font-size:.76rem;text-decoration:none;font-weight:600;white-space:nowrap}
    nav a:hover{color:var(--orange)}
    .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 23px;border-radius:7px;background:var(--ink);color:white;border:1px solid var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;transition:transform .2s,background .2s;line-height:1.5}
    .button:hover{background:#24584e;transform:translateY(-2px)}
    .button.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}
    .button.light:hover{background:#e9f5bd}
    .button.outline{background:transparent;color:var(--ink);border-color:#9baa9f}
    .button.outline:hover{background:#e9edde}
    .text-link{font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:.88rem;display:inline-flex;gap:18px;align-items:center}
    .menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--ink)}
    .eyebrow{font-size:.73rem;text-transform:uppercase;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:9px;margin-bottom:20px}
    .dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block}
    .hero{padding:58px 0 45px}
    .hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}
    .hero h1 span{color:#6a8052}
    .hero-copy>p{font-size:1.05rem;color:var(--muted);max-width:480px;margin:26px 0}
    .hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
    .hero-proof{display:flex;gap:13px;align-items:center;margin-top:32px;font-size:.78rem;color:var(--muted)}
    .avatar-stack{display:flex;padding-left:8px}
    .avatar-stack img{width:34px;height:34px;border-radius:50%;border:3px solid var(--cream);margin-left:-8px}
    .hero-proof strong{display:block;color:var(--ink);font-weight:600}
    .hero-art{position:relative;padding-bottom:24px}
    .hero-art>img{height:535px;border-radius:120px 20px 20px 20px}
    .image-label{position:absolute;top:24px;right:20px;color:white;border:1px solid #ffffff70;background:#143e376b;backdrop-filter:blur(8px);padding:7px 14px;border-radius:25px;font-size:.72rem}
    .floating-card{position:absolute;bottom:0;left:-25px;background:white;border-radius:13px;box-shadow:0 12px 38px #143e3710;padding:20px 24px;display:flex;gap:16px;align-items:center;max-width:330px}
    .floating-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-size:1.5rem;flex-shrink:0}
    .floating-card strong{display:block;font-size:.95rem}
    .floating-card span{font-size:.77rem;color:var(--muted)}
    .principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:46px}
    .principles div{padding:23px 20px;display:flex;gap:12px;align-items:center;font-size:.82rem;font-weight:600}
    .principles div+div{border-left:1px solid var(--line)}
    .check{color:#6a8052;font-size:1.15rem}
    section{padding:85px 0}
    .section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}
    .section-heading h2{max-width:650px}
    .section-heading>p{max-width:355px;color:var(--muted);margin:0}
    .section-heading .eyebrow{margin-bottom:14px}
    .program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .program-card{background:white;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}
    .program-image{height:235px;position:relative;overflow:hidden}
    .program-image img{height:100%;transition:transform .5s}
    .program-card:hover img{transform:scale(1.04)}
    .pill{position:absolute;top:16px;left:16px;background:var(--cream);border-radius:25px;padding:5px 12px;font-size:.7rem;font-weight:600}
    .card-body{padding:25px;display:flex;flex-direction:column;flex:1}
    .card-body h3{margin-bottom:13px}
    .card-body p{color:var(--muted);font-size:.9rem}
    .card-meta{display:flex;gap:15px;font-size:.73rem;color:var(--muted);margin:5px 0 22px;flex-wrap:wrap}
    .card-body .text-link{margin-top:auto;align-self:start}
    .subnote{font-size:.78rem;color:var(--muted);margin:22px 0 0}
    .care{background:#eaf0e2}
    .care-grid{display:grid;grid-template-columns:.95fr 1fr;gap:70px;align-items:center}
    .care-visual{position:relative}
    .care-visual img{height:620px;border-radius:var(--radius)}
    .care-caption{position:absolute;bottom:20px;left:20px;right:20px;background:#fffffff2;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.85rem}
    .care-caption small{display:block;color:var(--muted);font-size:.74rem}
    .care-copy>p{color:var(--muted);margin-top:22px}
    .care-item{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:23px 0;border-bottom:1px solid #cdd8c6}
    .care-item .number{font-size:.75rem;padding-top:5px;color:#72865b}
    .care-item h3{font-size:1.22rem;margin-bottom:9px}
    .care-item p{font-size:.88rem;color:var(--muted);margin:0}
    .care-copy>.button{margin-top:28px}
    .planner{background:var(--ink);color:white;position:relative;overflow:hidden}
    .planner-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:start}
    .planner h2{max-width:440px}
    .planner-copy>p{color:#bfd0c4;margin:23px 0;font-size:.98rem}
    .planner .eyebrow{color:var(--lime)}
    .planner-list{padding:0;list-style:none;color:#d6e1d7;font-size:.87rem}
    .planner-list li{margin:12px 0}
    .planner-list li::before{content:"↗";color:var(--lime);margin-right:12px}
    .planner-box{background:var(--cream);color:var(--ink);border-radius:var(--radius);padding:32px}
    .planner-box h3{font-size:1.4rem;margin-bottom:8px}
    .planner-box>p{color:var(--muted);font-size:.85rem}
    .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    label{display:block;font-size:.78rem;font-weight:600;margin:16px 0 7px}
    input,select,textarea{display:block;width:100%;border:1px solid #c5cfc0;border-radius:7px;background:white;color:var(--ink);padding:12px;min-height:46px}
    .planner-box .button{width:100%;margin-top:23px}
    .form-note{display:block;font-size:.7rem;color:var(--muted);margin-top:12px}
    #plan-result{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}
    #plan-result h4{font-size:1.05rem;margin-bottom:10px}
    #plan-result ul{padding-left:20px;font-size:.84rem}
    #plan-result p{font-size:.78rem;color:var(--muted)}
    .mind-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}
    .mind-copy>p{color:var(--muted);margin-top:23px}
    .mind-features{display:flex;gap:12px;flex-wrap:wrap;margin:23px 0}
    .chip{border:1px solid var(--line);border-radius:30px;padding:7px 13px;font-size:.75rem}
    .mind-image{position:relative}
    .mind-image>img{height:440px;border-radius:20px 100px 20px 20px}
    .quote-overlay{background:#f3d9c7;position:absolute;bottom:-28px;left:-30px;right:50px;border-radius:12px;padding:24px;font-size:1.08rem;font-family:Manrope,sans-serif;letter-spacing:-.02em}
    .quote-overlay small{display:block;font-family:"DM Sans",sans-serif;font-size:.7rem;margin-top:10px;letter-spacing:0}
    .resource-section{padding-top:65px}
    .resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .resource-card{border-top:1px solid var(--line);padding-top:18px}
    .resource-card img{height:200px;border-radius:12px;margin-bottom:18px}
    .resource-card .category{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--orange);font-weight:700}
    .resource-card h3{font-size:1.28rem;margin:10px 0 14px}
    .resource-card p{color:var(--muted);font-size:.87rem}
    .community{padding:70px 0;background:#edf0e6}
    .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
    .testimonial{padding:28px;background:var(--cream);border-radius:14px;margin:0}
    .testimonial .quote-mark{font-size:2.8rem;line-height:1;color:#758951;font-family:Georgia,serif}
    .testimonial blockquote{font-size:.95rem;margin:10px 0 25px;line-height:1.8}
    .person{display:flex;gap:12px;align-items:center;font-size:.82rem}
    .person img{width:42px;height:42px;border-radius:50%}
    .person span{display:block;font-size:.72rem;color:var(--muted)}
    .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
    .faq-copy p{color:var(--muted);margin-top:22px;max-width:330px}
    details{border-bottom:1px solid var(--line);padding:20px 0}
    details:first-child{border-top:1px solid var(--line)}
    summary{cursor:pointer;font-weight:600;font-size:.98rem;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";font-size:1.4rem;font-weight:400}
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);font-size:.9rem;margin:15px 30px 0 0}
    .cta-band{background:var(--lime);border-radius:var(--radius);padding:46px 50px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}
    .cta-band h2{font-size:2.3rem}
    .cta-band p{margin:12px 0 0;font-size:.94rem}
    footer{background:var(--ink);color:#e4ecdf;padding:58px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:45px}
    footer .brand-tag{color:#b4c6ba}
    .footer-about p{max-width:300px;font-size:.84rem;color:#b4c6ba;margin-top:20px}
    footer h3{font-family:"DM Sans",sans-serif;font-size:.83rem;letter-spacing:0;margin-bottom:18px}
    .footer-links{list-style:none;margin:0;padding:0}
    .footer-links li{margin-bottom:9px;font-size:.82rem}
    .footer-links a{text-decoration:none;color:#b4c6ba}
    .footer-links a:hover{color:white;text-decoration:underline}
    address{font-style:normal;font-size:.82rem;color:#b4c6ba}
    address a{display:block;margin-top:8px;text-decoration:none}
    .footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#b4c6ba;flex-wrap:wrap}
    .legal-links{display:flex;gap:20px}
    .footer-disclaimer{font-size:.69rem;line-height:1.7;color:#a9bfb2;margin:20px 0 0}
    dialog{border:0;border-radius:18px;padding:36px;width:min(550px,calc(100% - 32px));background:var(--cream);color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 20px 100px #0003}
    dialog::backdrop{background:#0b251fc9;backdrop-filter:blur(5px)}
    .dialog-close{position:absolute;top:12px;right:15px;background:none;border:0;color:var(--ink);font-size:1.7rem;padding:5px 10px}
    dialog h2{font-size:1.8rem;margin:10px 20px 15px 0}
    dialog p{font-size:.9rem;color:var(--muted)}
    dialog .button{margin-top:20px}
    dialog .eyebrow{margin-top:12px}
    .status{padding:20px;background:#e6edd9;border-radius:10px;margin-top:20px}
    [hidden]{display:none!important}
    @media(min-width:1250px){.header-inner .button{padding:10px 15px;font-size:.75rem}}
    @media(max-width:1200px){nav{gap:12px}nav a{font-size:.7rem}.header-inner{gap:16px}.header-cta{display:none}.hero-grid{gap:40px}.planner-grid{gap:45px}}
    @media(max-width:980px){.wrap{width:calc(100% - 40px)}.menu-toggle{display:block}.header-inner{min-height:78px;flex-wrap:wrap;gap:0}nav{display:none;width:100%;padding:12px 0 22px;flex-wrap:wrap;gap:0;margin:0}nav.is-open{display:flex}nav a{width:50%;padding:12px 5px;font-size:.9rem}.hero-art>img{height:480px}.hero-grid{gap:30px}.floating-card{left:-12px;padding:15px}.principles div{padding:18px 12px;font-size:.72rem}.care-grid,.mind-grid{gap:35px}.care-visual img{height:640px}.program-grid,.resource-grid,.testimonials{gap:16px}.card-body{padding:20px}.program-image{height:195px}.footer-grid{gap:25px}.faq-grid{gap:40px}}
    @media(max-width:720px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 36px)}.announcement{font-size:.7rem}.hero{padding-top:35px}.hero-grid,.care-grid,.planner-grid,.mind-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.hero h1{max-width:560px}.hero-copy>p{max-width:none}.hero-art{margin-top:5px;padding-bottom:20px}.hero-art>img{height:390px;border-radius:70px 18px 18px 18px}.floating-card{left:14px}.hero-proof{margin-top:25px}.principles{grid-template-columns:1fr 1fr;margin-top:25px}.principles div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.principles div:nth-child(4){border-top:1px solid var(--line)}section{padding:58px 0}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:none}.section-heading>.text-link{margin-top:20px}.program-grid,.resource-grid,.testimonials{grid-template-columns:1fr;gap:24px}.program-image{height:240px}.card-body{padding:25px}.care-visual img{height:360px}.care-caption{padding:15px}.care-copy{order:-1}.planner-box{padding:25px}.mind-image{margin-bottom:25px}.mind-image>img{height:350px}.quote-overlay{left:12px;right:12px}.resource-card img{height:240px}.resource-section{padding-top:30px}.faq-grid{gap:25px}.cta-band{padding:30px;display:block;margin-bottom:50px}.cta-band h2{font-size:2rem}.cta-band .button{margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-about{grid-column:1/-1}.footer-grid address{font-size:.77rem}.footer-bottom{display:block}.legal-links{margin-top:15px}.community .section-heading>p{font-size:.86rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
  </style>
</head>
<body>
  <a class="skip" href="#main">Skip to content</a>
  <div class="announcement">Small steps. A healthier you. New to Wellward? <a href="#wellness">Find your starting point ↗</a></div>
  <header>
    <div class="wrap header-inner">
      <a class="brand" href="#" aria-label="Wellward home">
        <img src="https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope" alt="" width="38" height="38">
        <span><span class="brand-name">wellward.</span><span class="brand-tag">Feel better. Live fuller.</span></span>
      </a>
      <button class="menu-toggle" aria-expanded="false" aria-controls="primary-navigation">Menu ☰</button>
      <nav id="primary-navigation" aria-label="Primary navigation">
        <a href="#wellness">Wellness Center</a>
        <a href="#fitness">Fitness</a>
        <a href="#nutrition">Nutrition</a>
        <a href="#mental-health">Mental Health</a>
        <a href="#specialty">Specialty Care</a>
        <a href="#lab-results" data-dialog="lab-dialog">Lab Results</a>
        <a href="#resources">Resources</a>
      </nav>
      <button class="button header-cta" data-book="Wellness consultation">Let's get started ↗</button>
    </div>
  </header>

  <main id="main">
    <section class="hero" id="wellness" aria-labelledby="hero-title">
      <div class="wrap">
        <div class="hero-grid">
          <div class="hero-copy">
            <div class="eyebrow"><span class="dot"></span> Whole-person wellness. Real-life progress.</div>
            <h1 id="hero-title">A healthier life.<br><span>At your pace.</span></h1>
            <p>Your health is more than a workout or a number on a scale. Bring movement, nutrition, and mental well-being together—with thoughtful guidance and a plan that feels like you.</p>
            <div class="hero-actions">
              <button class="button" data-book="Initial health assessment">Find your starting point <span aria-hidden="true">↗</span></button>
              <a class="text-link" href="#fitness">Explore our programs <span aria-hidden="true">→</span></a>
            </div>
            <div class="hero-proof">
              <div class="avatar-stack" aria-hidden="true">
                <img src="https://i.pravatar.cc/68?u=wellward-a" alt="" width="34" height="34">
                <img src="https://i.pravatar.cc/68?u=wellward-b" alt="" width="34" height="34">
                <img src="https://i.pravatar.cc/68?u=wellward-c" alt="" width="34" height="34">
              </div>
              <div><strong>People first. Progress over perfection.</strong>Support for wherever you are today.</div>
            </div>
          </div>
          <div class="hero-art">
            <img src="https://picsum.photos/seed/wellward-nature/900/1100" alt="An outdoor scene, a reminder to make space for fresh air and daily movement" width="900" height="1100" fetchpriority="high">
            <span class="image-label">A little more room to feel good.</span>
            <div class="floating-card">
              <div class="floating-icon" aria-hidden="true">↗</div>
              <div><strong>Built around your life</strong><span>In-person support + flexible telehealth</span></div>
            </div>
          </div>
        </div>
        <div class="principles" aria-label="Our approach">
          <div><span class="check" aria-hidden="true">✓</span> Evidence-informed guidance</div>
          <div><span class="check" aria-hidden="true">✓</span> Inclusive, adaptable movement</div>
          <div><span class="check" aria-hidden="true">✓</span> Connected wellness support</div>
          <div><span class="check" aria-hidden="true">✓</span> Habits that last beyond today</div>
        </div>
      </div>
    </section>

    <section id="fitness" aria-labelledby="fitness-title">
      <div class="wrap">
        <div class="section-heading">
          <div><div class="eyebrow"><span class="dot"></span> Move with purpose</div><h2 id="fitness-title">Find your rhythm.<br>Build your strength.</h2></div>
          <p>No all-or-nothing plans here. Our fitness programs pair approachable coaching with progressive training, so you can build confidence as well as conditioning.</p>
        </div>
        <div class="program-grid">
          <article class="program-card">
            <div class="program-image"><img src="https://picsum.photos/seed/wellward-foundations/720/480" alt="Outdoor scenery representing a fresh start with movement" width="720" height="480" loading="lazy"><span class="pill">A welcoming place to start</span></div>
            <div class="card-body">
              <h3>Everyday Strength</h3>
              <p>Learn foundational movement patterns—squatting, hinging, pushing, and pulling—with an emphasis on form and steady progression. Coaches offer seated and low-impact adaptations so you can work at a comfortable level.</p>
              <p>Ideal for returning to exercise or making daily activities feel easier. Begin with lighter resistance and build gradually, without chasing someone else's pace.</p>
              <div class="card-meta"><span>45 minutes</span><span>All experience levels</span></div>
              <button class="text-link" style="background:none;border-top:0;border-left:0;border-right:0;cursor:pointer" data-book="Everyday Strength class">Book Class <span aria-hidden="true">↗</span></button>
            </div>
          </article>
          <article class="program-card">
            <div class="program-image"><img src="https://picsum.photos/seed/wellward-balance/720/480" alt="A calm landscape inviting a slower approach to wellness" width="720" height="480" loading="lazy"><span class="pill">Breathe. Stretch. Reset.</span></div>
            <div class="card-body">
              <h3>Mobility &amp; Balance</h3>
              <p>Make room for comfortable movement with gentle mobility work, balance practice, and guided breathing. Explore controlled ranges of motion while learning how to notice tension and adjust your effort.</p>
              <p>This restorative class complements strength training and busy workdays. Props and chair-supported options help you find an approach that meets your needs.</p>
              <div class="card-meta"><span>30 minutes</span><span>Low impact</span></div>
              <button class="text-link" style="background:none;border-top:0;border-left:0;border-right:0;cursor:pointer" data-dialog="schedule-dialog">View Schedule <span aria-hidden="true">↗</span></button>
            </div>
          </article>
          <article class="program-card">
            <div class="program-image"><img src="https://picsum.photos/seed/wellward-trails/720/480" alt="Scenic surroundings that encourage getting outside" width="720" height="480" loading="lazy"><span class="pill">Your goals. Your route.</span></div>
            <div class="card-body">
              <h3>Personal Coaching</h3>
              <p>Work one-to-one with a coach to turn your health assessment into a realistic movement plan. We discuss your activity history, available time, preferences, and any limitations before setting manageable goals.</p>
              <p>Regular check-ins help you adapt your routine as life changes. Choose in-person sessions or virtual coaching, and focus on consistency rather than quick fixes.</p>
              <div class="card-meta"><span>50 minutes</span><span>Individual support</span></div>
              <button class="text-link" style="background:none;border-top:0;border-left:0;border-right:0;cursor:pointer" data-book="Personal coaching consultation">Meet your next step <span aria-hidden="true">↗</span></button>
            </div>
          </article>
        </div>
        <p class="subnote">New to exercise or managing a health condition? Check with your healthcare professional before beginning a new program. Our coaches do not diagnose or treat medical conditions.</p>
      </div>
    </section>

    <section class="care" id="nutrition" aria-labelledby="care-title">
      <div class="wrap care-grid">
        <div class="care-visual">
          <img src="https://picsum.photos/seed/wellward-seasonal/850/1100" alt="Natural scenery reflecting a grounded, whole-person approach to health" width="850" height="1100" loading="lazy">
          <div class="care-caption"><div><strong>Less guesswork. More clarity.</strong><small>A thoughtful plan starts with listening.</small></div><span aria-hidden="true">↗</span></div>
        </div>
        <div class="care-copy">
          <div class="eyebrow"><span class="dot"></span> Nourish your everyday</div>
          <h2 id="care-title">Good health isn't<br>one-size-fits-all.</h2>
          <p>You bring your goals, your culture, and your lived experience. We bring a collaborative approach that connects everyday nutrition with preventive wellness and appropriate clinical support.</p>
          <div class="care-item">
            <span class="number">01 /</span>
            <div><h3>Nutrition counseling</h3><p>Build balanced meals without rigid rules. A registered dietitian can help you explore protein, fiber, hydration, and meal timing while accounting for preferences, budget, and medical needs. We discuss metabolic rate in context—not as a promise of rapid weight loss.</p></div>
          </div>
          <div class="care-item" id="specialty">
            <span class="number">02 /</span>
            <div><h3>Specialty &amp; preventive services</h3><p>Start with a health assessment that reviews your goals, health history, sleep, and activity patterns. Where appropriate, we help coordinate referrals for cardiometabolic risk, recovery needs, or other concerns that require a licensed medical professional.</p></div>
          </div>
          <div class="care-item" id="lab-results">
            <span class="number">03 /</span>
            <div><h3>Understand your lab results</h3><p>A result is one piece of your health story. Learn what reference ranges mean and prepare questions for your ordering clinician. Lab review and medical interpretation belong with a qualified provider who knows your history.</p><a class="text-link" href="#lab-results" data-dialog="lab-dialog" style="margin-top:12px">Lab results guidance <span aria-hidden="true">↗</span></a></div>
          </div>
          <button class="button" data-book="Nutrition and wellness consultation">Book a wellness consultation <span aria-hidden="true">↗</span></button>
        </div>
      </div>
    </section>

    <section class="planner" id="planner" aria-labelledby="planner-title">
      <div class="wrap planner-grid">
        <div class="planner-copy">
          <div class="eyebrow">Your next small step</div>
          <h2 id="planner-title">A little structure.<br>A lot of possibility.</h2>
          <p>Not sure where to begin? Build a simple weekly movement outline around the time you actually have. Think of it as a starting point—not a prescription or a test you have to pass.</p>
          <p>Choose a focus and a comfortable pace. We'll balance activity with recovery and suggest approachable sessions you can do without specialized equipment.</p>
          <ul class="planner-list"><li>Designed around your available time</li><li>Includes recovery and low-impact options</li><li>No account or personal health information needed</li></ul>
        </div>
        <form class="planner-box" id="planner-form">
          <h3>Make room for movement</h3>
          <p>Three choices. One practical weekly outline.</p>
          <label for="goal">What would you like to focus on?</label>
          <select id="goal" name="goal"><option value="strength">Build everyday strength</option><option value="energy">Support energy &amp; endurance</option><option value="balance">Improve mobility &amp; balance</option></select>
          <div class="form-row">
            <div><label for="days">Active days per week</label><select id="days" name="days"><option value="2">2 days</option><option value="3" selected>3 days</option><option value="4">4 days</option></select></div>
            <div><label for="pace">Your starting point</label><select id="pace" name="pace"><option value="beginner">New or returning</option><option value="regular">Already active</option></select></div>
          </div>
          <button class="button" type="submit">Build my weekly outline <span aria-hidden="true">→</span></button>
          <small class="form-note">General wellness guidance only. Not individualized medical or rehabilitation advice.</small>
          <div id="plan-result" role="status" aria-live="polite" hidden></div>
        </form>
      </div>
    </section>

    <section id="mental-health" aria-labelledby="mind-title">
      <div class="wrap mind-grid">
        <div class="mind-copy">
          <div class="eyebrow"><span class="dot"></span> Care for your whole self</div>
          <h2 id="mind-title">Your mind deserves<br>care, too.</h2>
          <p>Stress, sleep, and emotional well-being can shape how you feel in every part of your day. You don't have to wait until things feel overwhelming to ask for support.</p>
          <p>Explore practical stress-management skills, supportive wellness conversations, and pathways to licensed mental health care. Telehealth options can make it easier to connect from a private, comfortable space, subject to provider availability and your location.</p>
          <div class="mind-features"><span class="chip">Stress &amp; resilience</span><span class="chip">Sleep habits</span><span class="chip">Care navigation</span></div>
          <button class="button outline" data-book="Mental well-being care navigation">Talk about your options <span aria-hidden="true">↗</span></button>
          <p class="subnote">Not a crisis service. In the U.S., call or text <a href="tel:988">988</a> for immediate mental health support. Call 911 for a life-threatening emergency.</p>
        </div>
        <div class="mind-image">
          <img src="https://picsum.photos/seed/wellward-stillness/800/850" alt="A peaceful outdoor view inviting a moment of reflection" width="800" height="850" loading="lazy">
          <div class="quote-overlay">“Rest isn't the opposite of progress.<br>It's part of the process.”<small>THE WELLWARD APPROACH</small></div>
        </div>
      </div>
    </section>

    <section class="resource-section" id="resources" aria-labelledby="resources-title">
      <div class="wrap">
        <div class="section-heading">
          <div><div class="eyebrow"><span class="dot"></span> The everyday edit</div><h2 id="resources-title">A little knowledge.<br>A healthier perspective.</h2></div>
          <p>Clear, practical guidance to help you make informed choices. Start with the basics and take what works for your life.</p>
        </div>
        <div class="resource-grid">
          <article class="resource-card">
            <img src="https://picsum.photos/seed/wellward-morning/700/420" alt="Natural light and scenery for an everyday wellness guide" width="700" height="420" loading="lazy">
            <span class="category">Nutrition · Practical guide</span><h3>Build a balanced plate, not a perfect one</h3>
            <p>Combine vegetables or fruit, a source of protein, and a satisfying whole-grain or starchy food. Include fats you enjoy, and remember that balance happens over time—not at every single meal.</p>
            <a class="text-link" href="#nutrition">Explore nutrition support <span aria-hidden="true">→</span></a>
          </article>
          <article class="resource-card">
            <img src="https://picsum.photos/seed/wellward-smallsteps/700/420" alt="Outdoor scenery for a guide to everyday movement" width="700" height="420" loading="lazy">
            <span class="category">Movement · Habit builder</span><h3>Why a ten-minute start still counts</h3>
            <p>A short walk, a few chair-supported movements, or a gentle stretch can help you establish a repeatable routine. Small sessions add up; consistency is a more useful goal than doing everything at once.</p>
            <a class="text-link" href="#planner">Create your movement outline <span aria-hidden="true">→</span></a>
          </article>
          <article class="resource-card">
            <img src="https://picsum.photos/seed/wellward-evening/700/420" alt="A quiet scenic view for a guide to restorative evenings" width="700" height="420" loading="lazy">
            <span class="category">Well-being · Better routines</span><h3>Give your evening a softer landing</h3>
            <p>Try a consistent wake time and a wind-down routine that feels manageable. Reduce late-day caffeine if it affects you, and discuss persistent sleep problems with a clinician rather than relying on wellness tips alone.</p>
            <a class="text-link" href="#mental-health">Discover well-being support <span aria-hidden="true">→</span></a>
          </article>
        </div>
      </div>
    </section>

    <section class="community" aria-labelledby="community-title">
      <div class="wrap">
        <div class="section-heading"><div><div class="eyebrow"><span class="dot"></span> Progress looks different for everyone</div><h2 id="community-title">Real life is the starting point.</h2></div><p>These illustrative member stories show the kind of thoughtful, sustainable support we're building. Individual experiences and outcomes will vary.</p></div>
        <div class="testimonials">
          <figure class="testimonial"><div class="quote-mark" aria-hidden="true">“</div><blockquote>I needed a routine that fit around work, not another thing to feel behind on. Starting with two short sessions made movement feel possible again.</blockquote><figcaption class="person"><img src="https://i.pravatar.cc/84?u=wellward-jamie" alt="" width="42" height="42" loading="lazy"><div>Jamie R.<span>Illustrative coaching story</span></div></figcaption></figure>
          <figure class="testimonial"><div class="quote-mark" aria-hidden="true">“</div><blockquote>For me, nutrition support meant learning what to add, not a longer list of foods to avoid. The conversation started with the meals my family actually enjoys.</blockquote><figcaption class="person"><img src="https://i.pravatar.cc/84?u=wellward-alex" alt="" width="42" height="42" loading="lazy"><div>Alex M.<span>Illustrative nutrition story</span></div></figcaption></figure>
          <figure class="testimonial"><div class="quote-mark" aria-hidden="true">“</div><blockquote>I liked being able to ask questions without feeling judged. A slower pace and clear next steps helped me feel more confident about looking after myself.</blockquote><figcaption class="person"><img src="https://i.pravatar.cc/84?u=wellward-robin" alt="" width="42" height="42" loading="lazy"><div>Robin T.<span>Illustrative wellness story</span></div></figcaption></figure>
        </div>
      </div>
    </section>

    <section aria-labelledby="faq-title">
      <div class="wrap faq-grid">
        <div class="faq-copy"><div class="eyebrow"><span class="dot"></span> A clearer way forward</div><h2 id="faq-title">Good questions.<br>Thoughtful answers.</h2><p>Choosing support should feel straightforward. Here's what to know before taking your first step.</p><button class="text-link" style="background:none;border-top:0;border-left:0;border-right:0" data-book="General inquiry">Contact Us <span aria-hidden="true">↗</span></button></div>
        <div>
          <details open><summary>Where should I start if I'm new to wellness?</summary><p>Begin with an initial health assessment conversation. We'll explore your priorities, current habits, and preferences, then discuss an appropriate starting point. You can also try the free movement planner before deciding whether coaching is right for you.</p></details>
          <details><summary>Do I need to be fit to join a class?</summary><p>No. Foundational classes are designed with different experience levels in mind, and coaches offer modifications. Tell your coach about relevant limitations before class. If you have symptoms, an injury, or a medical condition, ask your healthcare professional what activity is appropriate.</p></details>
          <details><summary>Can I access support through telehealth?</summary><p>Virtual coaching and nutrition conversations may be available. Clinical telehealth depends on provider licensure, your location, and whether a virtual visit is appropriate. A care navigator can explain the options; some assessments require an in-person appointment.</p></details>
          <details><summary>Are services covered by insurance?</summary><p>Coverage varies by service, provider, and insurance plan. Fitness classes and general wellness coaching are often self-pay. Before a clinical appointment, confirm benefits, referral requirements, and any out-of-pocket fees with the provider and your insurer.</p></details>
          <details><summary>How do I access or discuss my lab results?</summary><p>Use the secure portal supplied by the clinic or laboratory that performed your testing. This public website does not store or display medical records. Your ordering clinician can explain results in the context of your symptoms, medications, and health history.</p></details>
        </div>
      </div>
    </section>

    <div class="wrap">
      <div class="cta-band">
        <div><h2>Your next chapter starts small.</h2><p>Let's find one healthy step you can feel good about today.</p></div>
        <button class="button" data-book="Initial health assessment">Start your wellness journey <span aria-hidden="true">↗</span></button>
      </div>
    </div>
  </main>

  <footer id="contact">
    <div class="wrap">
      <div class="footer-grid">
        <div class="footer-about">
          <a class="brand" href="#"><img src="https://placehold.co/76x76/dceca4/143e37?text=w.&amp;font=manrope" alt="" width="38" height="38"><span><span class="brand-name">wellward.</span><span class="brand-tag">Feel better. Live fuller.</span></span></a>
          <p>A more connected approach to movement, nourishment, and well-being. Built for real people. Designed for everyday life.</p>
        </div>
        <div><h3>Find your path</h3><ul class="footer-links"><li><a href="#wellness">Wellness Center</a></li><li><a href="#fitness">Fitness programs</a></li><li><a href="#nutrition">Nutrition counseling</a></li><li><a href="#mental-health">Mental health</a></li><li><a href="#planner">Weekly movement planner</a></li></ul></div>
        <div><h3>Stay connected</h3><ul class="footer-links"><li><a href="#resources">Wellness resources</a></li><li><a href="#schedule" data-dialog="schedule-dialog">Class schedule</a></li><li><a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer">Instagram ↗</a></li><li><a href="https://www.linkedin.com/" target="_blank" rel="noopener noreferrer">LinkedIn ↗</a></li><li><a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer">Facebook ↗</a></li></ul></div>
        <div><h3>Say hello</h3><address>128 Willow Lane, Suite 200<br>Portland, OR 97205<a href="tel:+15035550148">(503) 555-0148</a><a href="mailto:hello@wellward.example">hello@wellward.example</a><br>Mon–Fri · 8 am–6 pm PT</address></div>
      </div>
      <div class="footer-bottom"><span>© <span id="year">2026</span> Wellward. All rights reserved.</span><div class="legal-links"><a href="#privacy" data-dialog="privacy-dialog">Privacy</a><a href="#terms" data-dialog="terms-dialog">Terms</a><a href="#contact">Contact</a></div></div>
      <p class="footer-disclaimer">Wellward is a fictional wellness concept. Contact details, services, schedules, and member stories are illustrative. This website provides general educational information, not diagnosis, treatment, or individualized medical advice. Booking is a local demonstration and does not schedule an actual appointment. Photography and avatars are placeholders.</p>
    </div>
  </footer>

  <dialog id="booking-dialog" aria-labelledby="booking-title">
    <button class="dialog-close" aria-label="Close booking dialog" data-close>×</button>
    <div class="eyebrow"><span class="dot"></span> One step at a time</div>
    <h2 id="booking-title">Let's find your starting point.</h2>
    <p>This is a booking preview. Your details stay in this page, are not saved or sent, and no appointment will be reserved. Please don't enter sensitive health information.</p>
    <form id="booking-form">
      <label for="booking-service">I'm interested in</label>
      <select id="booking-service" required>
        <option>Initial health assessment</option><option>Wellness consultation</option><option>Everyday Strength class</option><option>Mobility &amp; Balance class</option><option>Personal coaching consultation</option><option>Nutrition and wellness consultation</option><option>Mental well-being care navigation</option><option>General inquiry</option>
      </select>
      <label for="booking-name">First name</label><input id="booking-name" autocomplete="given-name" required maxlength="60" placeholder="Your first name">
      <label for="booking-email">Email address</label><input id="booking-email" type="email" autocomplete="email" required placeholder="you@example.com">
      <label for="booking-format">Preferred format</label><select id="booking-format"><option>In person</option><option>Virtual / telehealth</option><option>Help me decide</option></select>
      <button class="button" type="submit">Preview my request <span aria-hidden="true">→</span></button>
    </form>
    <div id="booking-status" class="status" role="status" aria-live="polite" hidden></div>
  </dialog>

  <dialog id="lab-dialog" aria-labelledby="lab-title">
    <button class="dialog-close" aria-label="Close lab guidance" data-close>×</button>
    <div class="eyebrow"><span class="dot"></span> Your information stays private</div><h2 id="lab-title">Looking for your lab results?</h2>
    <p>This wellness website isn't a patient portal and cannot access medical records. Sign in through the secure portal provided directly by your ordering clinic or laboratory. Don't upload reports or share passwords here.</p>
    <p>A flagged result does not necessarily mean a diagnosis, and a result within the reference range does not rule out every condition. Your clinician can interpret the full picture and explain any follow-up.</p>
    <p><strong>Before your review:</strong> note the test date, write down questions, and bring an updated medication and supplement list. Contact your ordering clinic if results are missing or you are unsure what to do next.</p>
    <button class="button" data-close>Understood</button>
  </dialog>

  <dialog id="schedule-dialog" aria-labelledby="schedule-title">
    <button class="dialog-close" aria-label="Close class schedule" data-close>×</button>
    <div class="eyebrow"><span class="dot"></span> Make time for yourself</div><h2 id="schedule-title">A week of movement.</h2>
    <p>Illustrative weekly schedule · Pacific Time. Class availability and bookings are not live.</p>
    <details open><summary>Everyday Strength</summary><p>Monday &amp; Wednesday · 7:30 am<br>Saturday · 10:00 am<br>45-minute foundational strength class.</p></details>
    <details open><summary>Mobility &amp; Balance</summary><p>Tuesday &amp; Thursday · 12:15 pm<br>Saturday · 9:00 am<br>30-minute low-impact mobility class.</p></details>
    <button class="button" data-book="Mobility &amp; Balance class">Preview a class booking ↗</button>
  </dialog>

  <dialog id="privacy-dialog" aria-labelledby="privacy-title">
    <button class="dialog-close" aria-label="Close privacy notice" data-close>×</button><h2 id="privacy-title">Privacy, in plain language.</h2>
    <p>This demonstration does not send, retain, or sell information entered into its forms. The movement planner runs in your browser, and booking previews are not stored after you leave or reload the page.</p>
    <p>Images and fonts load from external providers, including Picsum, Pravatar, Placehold, and Google Fonts. These providers receive standard connection information, such as your IP address, and apply their own privacy policies. Social links open third-party websites.</p>
    <p>Do not submit medical records or sensitive health details. A live service would need a separate, complete privacy notice and secure systems before collecting personal information.</p>
  </dialog>
  <dialog id="terms-dialog" aria-labelledby="terms-title">
    <button class="dialog-close" aria-label="Close terms notice" data-close>×</button><h2 id="terms-title">A note about this website.</h2>
    <p>Wellward is a fictional brand presented as a website concept. Services, schedules, people, and contact information are illustrative, and no appointment or clinical relationship is created through this page.</p>
    <p>Educational wellness content is not a substitute for professional medical advice. Consult a qualified clinician about your individual circumstances, and stop any activity that causes pain, dizziness, chest discomfort, or unusual shortness of breath.</p>
    <p>This website is not monitored for emergencies. In an emergency, contact your local emergency services.</p>
  </dialog>

  <script>
    (() => {
      document.getElementById('year').textContent = new Date().getFullYear();
      const menu = document.querySelector('.menu-toggle');
      const nav = document.getElementById('primary-navigation');
      menu.addEventListener('click', () => {
        const open = menu.getAttribute('aria-expanded') !== 'true';
        menu.setAttribute('aria-expanded', String(open));
        nav.classList.toggle('is-open', open);
        menu.textContent = open ? 'Close ×' : 'Menu ☰';
      });
      nav.addEventListener('click', e => {
        if (e.target.closest('a')) {
          nav.classList.remove('is-open');
          menu.setAttribute('aria-expanded', 'false');
          menu.textContent = 'Menu ☰';
        }
      });
      document.addEventListener('click', e => {
        const booking = e.target.closest('[data-book]');
        const trigger = e.target.closest('[data-dialog]');
        const close = e.target.closest('[data-close]');
        if (booking) {
          e.preventDefault();
          document.querySelectorAll('dialog[open]').forEach(d => d.close());
          document.getElementById('booking-form').hidden = false;
          document.getElementById('booking-status').hidden = true;
          document.getElementById('booking-service').value = booking.dataset.book;
          document.getElementById('booking-dialog').showModal();
        } else if (trigger) {
          e.preventDefault();
          document.getElementById(trigger.dataset.dialog).showModal();
        } else if (close) {
          close.closest('dialog').close();
        }
      });
      document.querySelectorAll('dialog').forEach(dialog => {
        dialog.addEventListener('click', e => {
          if (e.target === dialog) {
            const r = dialog.getBoundingClientRect();
            if (e.clientX < r.left || e.clientX > r.right || e.clientY < r.top || e.clientY > r.bottom) dialog.close();
          }
        });
      });
      document.getElementById('booking-form').addEventListener('submit', e => {
        e.preventDefault();
        const name = document.getElementById('booking-name').value.trim();
        const service = document.getElementById('booking-service').value;
        const format = document.getElementById('booking-format').value;
        const status = document.getElementById('booking-status');
        status.replaceChildren();
        const heading = document.createElement('h3');
        heading.textContent = 'Your preview is ready' + (name ? ', ' + name + '.' : '.');
        const detail = document.createElement('p');
        detail.textContent = service + ' · ' + format + '. This is a preview only: nothing has been sent and no appointment has been booked.';
        const next = document.createElement('p');
        next.textContent = 'For a real provider, the next step would be to confirm availability, service eligibility, and any fees before scheduling.';
        status.append(heading, detail, next);
        status.hidden = false;
        e.target.hidden = true;
        status.scrollIntoView({block:'nearest'});
      });
      document.getElementById('planner-form').addEventListener('submit', e => {
        e.preventDefault();
        const goal = document.getElementById('goal').value;
        const days = Number(document.getElementById('days').value);
        const regular = document.getElementById('pace').value === 'regular';
        const duration = regular ? '20–30 minutes' : '10–15 minutes';
        const plans = {
          strength: [
            'Foundational strength: gentle chair sit-to-stands, wall push-ups, and supported calf raises.',
            'Comfortable walk or seated aerobic movement, followed by gentle mobility.',
            'Foundational strength again, using controlled movements and light effort.',
            'Easy walk and balance practice near a stable support.'
          ],
          energy: [
            'A comfortable walk or seated aerobic session at a pace where conversation is easy.',
            'Gentle strength practice: chair sit-to-stands and wall push-ups.',
            'Another comfortable walk or aerobic session; slow down whenever you need.',
            'Gentle mobility and a relaxed walk or seated movement session.'
          ],
          balance: [
            'Gentle ankle, shoulder, and hip mobility within a comfortable range.',
            'Supported balance practice beside a stable counter, plus a comfortable walk.',
            'Gentle strength practice with chair sit-to-stands and supported calf raises.',
            'Repeat your favorite mobility movements and finish with relaxed breathing.'
          ]
        };
        const labels = days === 2 ? ['Monday','Thursday'] : days === 3 ? ['Monday','Wednesday','Friday'] : ['Monday','Tuesday','Thursday','Saturday'];
        const result = document.getElementById('plan-result');
        result.replaceChildren();
        const title = document.createElement('h4');
        title.textContent = 'Your ' + days + '-day starting outline';
        const list = document.createElement('ul');
        plans[goal].slice(0,days).forEach((activity,i) => {
          const li = document.createElement('li');
          li.textContent = labels[i] + ' · ' + duration + ': ' + activity;
          list.appendChild(li);
        });
        const rest = document.createElement('p');
        rest.textContent = 'Other days: rest or choose light movement if it feels comfortable. Include a gentle warm-up and cool-down within each session. Shorten or skip a session when you need recovery.';
        const caution = document.createElement('p');
        caution.textContent = 'This outline is not tailored to medical conditions or injuries. Check with your healthcare professional before starting if needed. Stop if you feel pain, dizziness, or unusual breathlessness; seek urgent help for chest pain or severe symptoms.';
        result.append(title,list,rest,caution);
        result.hidden = false;
      });
    })();
  </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:58:36.019Z",
  "url": "https://benchmark.aimac.invalid/9e04f70b5ffdbd7b848653f43fa6268caeeab99f7e39c32ea7c6c5d09a1ffe72.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-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#\" aria-label=\"Wellward home\">\n        <img src=\"https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">\n        <span><span class=\"brand-name\">wellward.</span><span class=\"brand-tag\">Feel better. Live fuller.</span></span>\n      </a>",
          "target": [
            "a[aria-label=\"Wellward home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#\" aria-label=\"Wellward home\">\n        <img src=\"https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">\n        <span><span class=\"brand-name\">wellward.</span><span class=\"brand-tag\">Feel better. Live fuller.</span></span>\n      </a>",
          "target": [
            "a[aria-label=\"Wellward home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<span aria-hidden=\"true\">\u2197</span>",
          "target": [
            ".hero-actions > .button[data-book=\"Initial health assessment\"] > span[aria-hidden=\"true\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#\" aria-label=\"Wellward home\">\n        <img src=\"https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">\n        <span><span class=\"brand-name\">wellward.</span><span class=\"brand-tag\">Feel better. Live fuller.</span></span>\n      </a>",
          "target": [
            "a[aria-label=\"Wellward home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#\" aria-label=\"Wellward home\">\n        <img src=\"https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">\n        <span><span class=\"brand-name\">wellward.</span><span class=\"brand-tag\">Feel better. Live fuller.</span></span>\n      </a>",
          "target": [
            "a[aria-label=\"Wellward home\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"brand\" href=\"#\" aria-label=\"Wellward home\">\n        <img src=\"https://placehold.co/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">\n        <span><span class=\"brand-name\">wellward.</span><span class=\"brand-tag\">Feel better. Live fuller.</span></span>\n      </a>",
          "target": [
            "a[aria-label=\"Wellward home\"]"
          ]
        }
      ]
    },
    {
      "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": "<button class=\"text-link\" style=\"background:none;border-top:0;border-left:0;border-right:0;cursor:pointer\" data-book=\"Everyday Strength class\">Book Class <span aria-hidden=\"true\">\u2197</span></button>",
          "target": [
            "button[data-book=\"Everyday Strength class\"]"
          ]
        }
      ]
    },
    {
      "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=\"button header-cta\" data-book=\"Wellness consultation\">Let's get started \u2197</button>",
          "target": [
            ".header-cta"
          ]
        }
      ]
    },
    {
      "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 id=\"hero-title\">A healthier life.<br><span>At your pace.</span></h1>",
                  "target": [
                    "#hero-title"
                  ]
                },
                {
                  "html": "<h2 id=\"fitness-title\">Find your rhythm.<br>Build your strength.</h2>",
                  "target": [
                    "#fitness-title"
                  ]
                },
                {
                  "html": "<h3>Everyday Strength</h3>",
                  "target": [
                    ".program-card:nth-child(1) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Mobility &amp; Balance</h3>",
                  "target": [
                    ".program-card:nth-child(2) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Personal Coaching</h3>",
                  "target": [
                    ".program-card:nth-child(3) > .card-body > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"care-title\">Good health isn't<br>one-size-fits-all.</h2>",
                  "target": [
                    "#care-title"
                  ]
                },
                {
                  "html": "<h3>Nutrition counseling</h3>",
                  "target": [
                    ".care-item:nth-child(4) > div > h3"
                  ]
                },
                {
                  "html": "<h3>Specialty &amp; preventive services</h3>",
                  "target": [
                    "#specialty > div > h3"
                  ]
                },
                {
                  "html": "<h3>Understand your lab results</h3>",
                  "target": [
                    "#lab-results > div > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"planner-title\">A little structure.<br>A lot of possibility.</h2>",
                  "target": [
                    "#planner-title"
                  ]
                },
                {
                  "html": "<h3>Make room for movement</h3>",
                  "target": [
                    "#planner-form > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"mind-title\">Your mind deserves<br>care, too.</h2>",
                  "target": [
                    "#mind-title"
                  ]
                },
                {
                  "html": "<h2 id=\"resources-title\">A little knowledge.<br>A healthier perspective.</h2>",
                  "target": [
                    "#resources-title"
                  ]
                },
                {
                  "html": "<h3>Build a balanced plate, not a perfect one</h3>",
                  "target": [
                    ".resource-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Why a ten-minute start still counts</h3>",
                  "target": [
                    ".resource-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Give your evening a softer landing</h3>",
                  "target": [
                    ".resource-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"community-title\">Real life is the starting point.</h2>",
                  "target": [
                    "#community-title"
                  ]
                },
                {
                  "html": "<h2 id=\"faq-title\">Good questions.<br>Thoughtful answers.</h2>",
                  "target": [
                    "#faq-title"
                  ]
                },
                {
                  "html": "<h2>Your next chapter starts small.</h2>",
                  "target": [
                    ".cta-band > div > h2"
                  ]
                },
                {
                  "html": "<h3>Find your path</h3>",
                  "target": [
                    ".footer-grid > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Stay connected</h3>",
                  "target": [
                    "div:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Say hello</h3>",
                  "target": [
                    "div:nth-child(4) > h3"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"main\">",
                  "target": [
                    "#main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#143e37",
                "contrastRatio": 11.83,
                "fontSize": "9.4pt (12.48px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 11.83"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"announcement\">Small steps. A healthier you. New to Wellward? <a href=\"#wellness\">Find your starting point \u2197</a></div>",
          "target": [
            ".announcement"
          ]
        }
      ]
    },
    {
      "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": "primary-navigation",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<nav id=\"primary-navigation\" aria-label=\"Primary navigation\">",
          "target": [
            "#primary-navigation"
          ]
        }
      ]
    },
    {
      "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=\"goal\">What would you like to focus on?</label>",
                  "target": [
                    "label[for=\"goal\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"goal\" name=\"goal\"><option value=\"strength\">Build everyday strength</option><option value=\"energy\">Support energy &amp; endurance</option><option value=\"balance\">Improve mobility &amp; balance</option></select>",
          "target": [
            "#goal"
          ]
        }
      ]
    },
    {
      "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"
            },
            {
              "id": "presentational-role",
              "data": {
                "role": "presentation"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were overridden with role=\"presentation\""
            }
          ],
          "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/76x76/143e37/dceca4?text=w.&amp;font=manrope\" alt=\"\" width=\"38\" height=\"38\">",
          "target": [
            "a[aria-label=\"Wellward home\"] > img[width=\"38\"][height=\"38\"][alt=\"\"]"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"announcement\">Small steps. A healthier you. New to Wellward? <a href=\"#wellness\">Find your starting point \u2197</a></div>",
                  "target": [
                    ".announcement"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text in some way other than by color"
            },
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"announcement\">Small steps. A healthier you. New to Wellward? <a href=\"#wellness\">Find your starting point \u2197</a></div>",
                  "target": [
                    ".announcement"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#wellness\">Find your starting point \u2197</a>",
          "target": [
            ".announcement > a[href$=\"#wellness\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a class=\"skip\" href=\"#main\">Skip to content</a>",
          "target": [
            ".skip"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul class=\"planner-list\"><li>Designed around your available time</li><li>Includes recovery and low-impact options</li><li>No account or personal health information needed</li></ul>",
          "target": [
            ".planner-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>Designed around your available time</li>",
          "target": [
            ".planner-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": "<button class=\"button header-cta\" data-book=\"Wellness consultation\">Let's get started \u2197</button>",
          "target": [
            ".header-cta"
          ]
        }
      ]
    },
    {
      "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": "What would you like to focus on?"
              },
              "relatedNodes": [
                {
                  "html": "<label for=\"goal\">What would you like to focus on?</label>",
                  "target": [
                    "label[for=\"goal\"]"
                  ]
                }
              ],
              "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=\"goal\" name=\"goal\"><option value=\"strength\">Build everyday strength</option><option value=\"energy\">Support energy &amp; endurance</option><option value=\"balance\">Improve mobility &amp; balance</option></select>",
          "target": [
            "#goal"
          ]
        }
      ]
    },
    {
      "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>Where should I start if I'm new to wellness?</summary>",
          "target": [
            "div:nth-child(2) > details[open=\"\"] > summary"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 137.7,
                "height": 50.4
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (137.7px by 50.4px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a class=\"skip\" href=\"#main\">Skip to content</a>",
          "target": [
            ".skip"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": {
                "role": null,
                "nodeName": "div",
                "messageKey": "noRoleSingular",
                "prohibited": [
                  "aria-label"
                ]
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute is not well supported on a div with no valid role attribute."
            }
          ],
          "impact": "serious",
          "html": "<div class=\"principles\" aria-label=\"Our approach\">",
          "target": [
            ".principles"
          ],
          "failureSummary": "Fix all of the following:\n  aria-label attribute is not well supported on a div with no valid role attribute."
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "messageKey": "nonBmp"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element content contains only non-text characters"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span aria-hidden=\"true\">\u2192</span>",
          "target": [
            ".text-link[href$=\"#fitness\"] > span[aria-hidden=\"true\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element content contains only non-text characters"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#eaf0e2",
                "contrastRatio": 4.39,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>You bring your goals, your culture, and your lived experience. We bring a collaborative approach that connects everyday nutrition with preventive wellness and appropriate clinical support.</p>",
          "target": [
            ".care-copy > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#72865b",
                "bgColor": "#eaf0e2",
                "contrastRatio": 3.42,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"number\">01 /</span>",
          "target": [
            ".care-item:nth-child(4) > .number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#eaf0e2",
                "contrastRatio": 4.39,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Build balanced meals without rigid rules. A registered dietitian can help you explore protein, fiber, hydration, and meal timing while accounting for preferences, budget, and medical needs. We discuss metabolic rate in context\u2014not as a promise of rapid weight loss.</p>",
          "target": [
            ".care-item:nth-child(4) > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#72865b",
                "bgColor": "#eaf0e2",
                "contrastRatio": 3.42,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"number\">02 /</span>",
          "target": [
            "#specialty > .number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#eaf0e2",
                "contrastRatio": 4.39,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>Start with a health assessment that reviews your goals, health history, sleep, and activity patterns. Where appropriate, we help coordinate referrals for cardiometabolic risk, recovery needs, or other concerns that require a licensed medical professional.</p>",
          "target": [
            "#specialty > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#72865b",
                "bgColor": "#eaf0e2",
                "contrastRatio": 3.42,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"number\">03 /</span>",
          "target": [
            "#lab-results > .number"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.42 (foreground color: #72865b, background color: #eaf0e2, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#eaf0e2",
                "contrastRatio": 4.39,
                "fontSize": "10.6pt (14.08px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"care\" id=\"nutrition\" aria-labelledby=\"care-title\">",
                  "target": [
                    "#nutrition"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>A result is one piece of your health story. Learn what reference ranges mean and prepare questions for your ordering clinician. Lab review and medical interpretation belong with a qualified provider who knows your history.</p>",
          "target": [
            "#lab-results > div > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.39 (foreground color: #64716a, background color: #eaf0e2, font size: 10.6pt (14.08px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c55e3e",
                "bgColor": "#f7f7ef",
                "contrastRatio": 3.86,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Nutrition \u00b7 Practical guide</span>",
          "target": [
            ".resource-card:nth-child(1) > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c55e3e",
                "bgColor": "#f7f7ef",
                "contrastRatio": 3.86,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Movement \u00b7 Habit builder</span>",
          "target": [
            ".resource-card:nth-child(2) > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#c55e3e",
                "bgColor": "#f7f7ef",
                "contrastRatio": 3.86,
                "fontSize": "8.4pt (11.2px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Well-being \u00b7 Better routines</span>",
          "target": [
            ".resource-card:nth-child(3) > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.86 (foreground color: #c55e3e, background color: #f7f7ef, font size: 8.4pt (11.2px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#edf0e6",
                "contrastRatio": 4.42,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"community\" aria-labelledby=\"community-title\">",
                  "target": [
                    ".community"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.42 (foreground color: #64716a, background color: #edf0e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p>These illustrative member stories show the kind of thoughtful, sustainable support we're building. Individual experiences and outcomes will vary.</p>",
          "target": [
            ".community > .wrap > .section-heading > p"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.42 (foreground color: #64716a, background color: #edf0e6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64716a",
                "bgColor": "#eef0e8",
                "contrastRatio": 4.44,
                "fontSize": "7.8pt (10.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<header>",
                  "target": [
                    "header"
                  ]
                },
                {
                  "html": "<section class=\"planner\" id=\"planner\" aria-labelledby=\"planner-title\">",
                  "target": [
                    "#planner"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.44 (foreground color: #64716a, background color: #eef0e8, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"brand-tag\">Feel better. Live fuller.</span>",
          "target": [
            "a[aria-label=\"Wellward home\"] > span > .brand-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.44 (foreground color: #64716a, background color: #eef0e8, font size: 7.8pt (10.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 6987
      },
      {
        "y": 576,
        "height": 6987
      },
      {
        "y": 1152,
        "height": 6987
      },
      {
        "y": 1728,
        "height": 6987
      },
      {
        "y": 2304,
        "height": 6987
      },
      {
        "y": 2880,
        "height": 6987
      },
      {
        "y": 3456,
        "height": 6987
      },
      {
        "y": 4032,
        "height": 6987
      },
      {
        "y": 4608,
        "height": 6987
      },
      {
        "y": 5184,
        "height": 6987
      },
      {
        "y": 5760,
        "height": 6987
      },
      {
        "y": 6267,
        "height": 6987
      }
    ],
    "scans": 13,
    "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: "Wellness Center", "Lab Results", "Mental Health".
-   **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: "Fitness Programs", "Specialty Services", "Nutrition Counseling".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "metabolic rate", "telehealth", "health assessment".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Contact Us", "Book Class", "View Schedule".
-   **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: "workout planner".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "nutrition advice", "health alerts", "wellness tips".
-   **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.