MiniMax MiniMax M3 – Non Profit Charity

via CoreWeave · Generated

  • AIMAC Debt 4.90
  • Cost $0.025
  • Total Violations 21
  • HTML Size 43 KB
  • Em Dashes 11

Screenshot

View MiniMax MiniMax M3 Non Profit Charity page View Live Page

Accessibility Issues Found

21 Serious

  • color-contrast serious 21 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <a href="#donate" class="nav-donate">Donate Now</a>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HopeBridge Foundation — Connecting Compassion to Communities in Need</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=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Source+Sans+Pro:wght@400;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Source Sans Pro',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1f2937;background:#fefce8;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;font-weight:700;line-height:1.2;color:#134e4a}
h2{font-size:clamp(2rem,3.5vw,2.75rem);margin-bottom:1rem}
h3{font-size:1.5rem;margin-bottom:0.75rem}
h4{font-size:1.15rem;margin-bottom:0.5rem}
p{margin-bottom:1rem;color:#374151}

.site-header{background:rgba(254,252,232,0.97);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(15,118,110,0.1)}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;flex-wrap:wrap;gap:1rem}
.brand{display:flex;align-items:center;gap:0.75rem}
.brand-logo{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#0f766e 0%,#f97316 100%);display:flex;align-items:center;justify-content:center;color:#fefce8;font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;flex-shrink:0;letter-spacing:1px}
.brand-text h1{font-size:1.4rem;margin:0;line-height:1.1;color:#134e4a}
.brand-text .tagline{font-size:0.75rem;color:#0f766e;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin-top:2px}

.main-nav ul{display:flex;list-style:none;gap:1.5rem;flex-wrap:wrap;align-items:center}
.main-nav a{font-weight:600;font-size:0.92rem;color:#374151;transition:color 0.2s;position:relative}
.main-nav a:hover{color:#0f766e}
.main-nav a::after{content:'';position:absolute;bottom:-6px;left:0;width:0;height:2px;background:#0f766e;transition:width 0.3s}
.main-nav a:hover::after{width:100%}
.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:0.95rem;transition:all 0.2s;border:2px solid transparent;cursor:pointer}
.btn-primary{background:#f97316;color:white}
.btn-primary:hover{background:#c2410c;transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(249,115,22,0.5)}
.btn-secondary{background:#0f766e;color:white}
.btn-secondary:hover{background:#134e4a;transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(15,118,110,0.5)}
.btn-outline{border-color:#0f766e;color:#0f766e}
.btn-outline:hover{background:#0f766e;color:white}
.nav-donate{background:#f97316;color:white !important;padding:0.6rem 1.25rem;border-radius:6px}
.nav-donate:hover{background:#c2410c;transform:translateY(-1px)}
.nav-donate::after{display:none}

.hero{background:linear-gradient(135deg,#0f766e 0%,#134e4a 100%);color:white;padding:5rem 0;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(249,115,22,0.3) 0%,transparent 70%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(15,118,110,0.4) 0%,transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}
.hero-eyebrow{display:inline-block;background:rgba(249,115,22,0.2);color:#fed7aa;padding:0.5rem 1rem;border-radius:50px;font-size:0.85rem;font-weight:600;letter-spacing:0.5px;margin-bottom:1.5rem}
.hero-text h1{color:white;font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.25rem}
.hero-text h1 span{color:#fdba74;font-style:italic}
.hero-text p{font-size:1.15rem;color:rgba(255,255,255,0.9);margin-bottom:2rem;max-width:540px}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}
.hero-ctas .btn-outline{border-color:white;color:white}
.hero-ctas .btn-outline:hover{background:white;color:#0f766e}
.hero-trust{display:flex;gap:2.5rem;flex-wrap:wrap;align-items:center;color:rgba(255,255,255,0.85);font-size:0.9rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.15)}
.hero-trust strong{color:#fdba74;font-size:1.6rem;display:block;font-family:'Playfair Display',serif;line-height:1;margin-bottom:2px}
.hero-image{position:relative}
.hero-image img{border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.4)}
.hero-badge{position:absolute;bottom:-25px;left:-25px;background:white;padding:1.25rem 1.5rem;border-radius:12px;box-shadow:0 20px 40px -10px rgba(0,0,0,0.3);display:flex;gap:1rem;align-items:center;max-width:280px}
.hero-badge-icon{width:48px;height:48px;border-radius:50%;background:#fef3c7;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.hero-badge-text strong{color:#0f766e;display:block;font-size:1.05rem}
.hero-badge-text small{color:#6b7280;font-size:0.8rem}

.section{padding:5rem 0}
.section-alt{background:#ffffff}
.section-dark{background:#134e4a;color:white}
.section-dark h2{color:white}
.section-dark p{color:rgba(255,255,255,0.85)}
.section-header{text-align:center;max-width:720px;margin:0 auto 3.5rem}
.section-header p{font-size:1.1rem;color:#6b7280}
.section-eyebrow{display:inline-block;color:#f97316;font-weight:700;font-size:0.85rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:0.75rem}

.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.mission-image{position:relative}
.mission-image img{border-radius:12px;box-shadow:0 20px 40px -10px rgba(15,118,110,0.2)}
.mission-floating{position:absolute;top:1.5rem;right:-1rem;background:#f97316;color:white;padding:1rem 1.5rem;border-radius:8px;font-weight:700;line-height:1.2;text-align:center;box-shadow:0 10px 20px -5px rgba(249,115,22,0.4)}
.mission-floating strong{display:block;font-size:1.8rem;font-family:'Playfair Display',serif}
.mission-list{list-style:none;margin-top:1.5rem}
.mission-list li{display:flex;gap:1rem;align-items:flex-start;padding:0.85rem 0;border-bottom:1px solid #e5e7eb;color:#374151}
.mission-list li:last-child{border:none}
.mission-list .icon{width:40px;height:40px;border-radius:8px;background:#fef3c7;color:#f97316;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.stat-card{background:#f0fdfa;border:1px solid #ccfbf1;padding:2rem 1.5rem;border-radius:12px;text-align:center;transition:transform 0.3s, box-shadow 0.3s}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px -10px rgba(15,118,110,0.3)}
.stat-icon{width:60px;height:60px;border-radius:12px;background:#0f766e;color:white;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto 1rem}
.stat-number{font-size:2.5rem;font-weight:700;font-family:'Playfair Display',serif;color:#0f766e;line-height:1;margin-bottom:0.5rem}
.stat-label{color:#374151;font-weight:600;font-size:0.95rem}

.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.program-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05);transition:transform 0.3s, box-shadow 0.3s;border:1px solid #e5e7eb}
.program-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px rgba(15,118,110,0.25)}
.program-card img{width:100%;height:220px;object-fit:cover}
.program-card-body{padding:1.75rem}
.program-tag{display:inline-block;background:#fef3c7;color:#c2410c;padding:0.3rem 0.75rem;border-radius:50px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem}
.program-card h3{color:#134e4a;margin-bottom:0.75rem}
.program-card p{color:#4b5563;margin-bottom:1.25rem;font-size:0.95rem}
.program-link{color:#f97316;font-weight:700;font-size:0.9rem;display:inline-flex;align-items:center;gap:0.3rem;transition:gap 0.2s}
.program-link:hover{gap:0.6rem}

.stories-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.story-card{background:white;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:transform 0.3s}
.story-card:hover{transform:translateY(-4px)}
.story-card.feature{grid-row:span 2;display:flex;flex-direction:column}
.story-card.feature img{height:320px;width:100%;object-fit:cover}
.story-card img{height:180px;width:100%;object-fit:cover}
.story-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.story-meta{display:flex;gap:0.75rem;font-size:0.8rem;color:#6b7280;margin-bottom:0.75rem;flex-wrap:wrap}
.story-meta .category{color:#f97316;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
.story-card h3{color:#134e4a;font-size:1.3rem;margin-bottom:0.75rem;line-height:1.3}
.story-card.feature h3{font-size:1.65rem}
.story-card p{color:#4b5563;font-size:0.95rem;margin-bottom:1rem}
.story-author{display:flex;align-items:center;gap:0.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f3f4f6}
.story-author img{width:40px;height:40px;border-radius:50%;height:auto;object-fit:cover}
.story-author-info{font-size:0.85rem}
.story-author-info strong{display:block;color:#134e4a}

.volunteer-wrap{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.volunteer-info{padding-right:2rem}
.volunteer-perks{list-style:none;margin-top:1.5rem}
.volunteer-perks li{display:flex;gap:0.85rem;align-items:flex-start;padding:0.6rem 0;color:#374151}
.volunteer-perks .check{width:26px;height:26px;border-radius:50%;background:#0f766e;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.85rem;margin-top:1px;font-weight:700}
.volunteer-form{background:white;padding:2.5rem;border-radius:12px;box-shadow:0 20px 40px -10px rgba(15,118,110,0.15);border:1px solid #e5e7eb}
.form-group{margin-bottom:1.25rem}
.form-group label{display:block;font-weight:600;font-size:0.9rem;color:#134e4a;margin-bottom:0.4rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem 1rem;border:1.5px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:0.95rem;background:#fefce8;transition:border 0.2s;color:#1f2937}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0f766e;background:white}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-success{display:none;background:#d1fae5;color:#065f46;padding:1rem;border-radius:8px;margin-top:1rem;font-weight:600;text-align:center;border:1px solid #6ee7b7}
.form-success.show{display:block}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.news-card{background:white;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;transition:transform 0.3s, box-shadow 0.3s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px -10px rgba(0,0,0,0.1)}
.news-card img{height:200px;width:100%;object-fit:cover}
.news-card-body{padding:1.5rem}
.news-date{color:#6b7280;font-size:0.85rem;font-weight:600;margin-bottom:0.5rem;display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap}
.news-date .tag{background:#fef3c7;color:#c2410c;padding:0.2rem 0.6rem;border-radius:4px;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.5px}
.news-card h3{color:#134e4a;margin-bottom:0.5rem;font-size:1.2rem}
.news-card p{color:#4b5563;font-size:0.95rem;margin-bottom:1rem}

.partners-section{background:#f0fdfa}
.partners-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;align-items:center}
.partner-logo{background:white;border:1px solid #ccfbf1;padding:1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:90px;transition:transform 0.2s}
.partner-logo:hover{transform:scale(1.05)}
.partner-logo img{max-height:50px;width:auto;opacity:0.85;filter:grayscale(20%)}

.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:white;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:border 0.2s, box-shadow 0.2s}
.faq-item.open{border-color:#0f766e;box-shadow:0 10px 20px -10px rgba(15,118,110,0.2)}
.faq-question{width:100%;text-align:left;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;color:#134e4a;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:none;border:none;cursor:pointer}
.faq-question:hover{background:#f9fafb}
.faq-toggle{width:30px;height:30px;border-radius:50%;background:#f0fdfa;color:#0f766e;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;transition:transform 0.3s, background 0.3s;font-size:1.2rem;line-height:1}
.faq-item.open .faq-toggle{transform:rotate(45deg);background:#0f766e;color:white}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.faq-answer-inner{padding:0 1.5rem 1.25rem;color:#4b5563}

.cta-section{background:linear-gradient(135deg,#f97316 0%,#c2410c 100%);color:white;text-align:center;padding:5rem 0;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('https://picsum.photos/seed/cta-bg/100/100?blur=50') center/cover;opacity:0.1}
.cta-section .container{position:relative;z-index:1}
.cta-section h2{color:white;font-size:2.5rem;margin-bottom:1rem}
.cta-section p{color:rgba(255,255,255,0.95);max-width:640px;margin:0 auto 2rem;font-size:1.15rem}
.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.cta-buttons .btn-primary{background:white;color:#c2410c}
.cta-buttons .btn-primary:hover{background:#fef3c8}
.cta-buttons .btn-outline{border-color:white;color:white}
.cta-buttons .btn-outline:hover{background:white;color:#c2410c}

.site-footer{background:#134e4a;color:white;padding:4rem 0 2rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:3rem;margin-bottom:3rem}
.footer-brand{margin-bottom:1.25rem}
.footer-brand h3{color:white;font-size:1.4rem;margin-bottom:0.5rem}
.footer-brand p{color:rgba(255,255,255,0.7);font-size:0.95rem;margin-bottom:1.5rem;max-width:360px}
.footer-social{display:flex;gap:0.75rem}
.footer-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:white;transition:background 0.2s, transform 0.2s;font-weight:700;font-size:0.85rem}
.footer-social a:hover{background:#f97316;transform:translateY(-2px)}
.footer-col h4{color:white;font-size:0.95rem;margin-bottom:1.25rem;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:700}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:0.65rem}
.footer-col a{color:rgba(255,255,255,0.7);font-size:0.95rem;transition:color 0.2s}
.footer-col a:hover{color:#fdba74}
.footer-contact li{display:flex;gap:0.6rem;font-size:0.95rem;color:rgba(255,255,255,0.7);margin-bottom:0.8rem;align-items:flex-start;line-height:1.5}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:rgba(255,255,255,0.6);font-size:0.85rem}
.footer-bottom-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.footer-bottom-links a:hover{color:#fdba74}

@media(max-width:992px){
  .hero-grid,.mission-grid,.volunteer-wrap{grid-template-columns:1fr;gap:2.5rem}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .programs-grid,.news-grid{grid-template-columns:1fr 1fr}
  .stories-grid{grid-template-columns:1fr 1fr}
  .story-card.feature{grid-row:span 1;grid-column:span 2}
  .partners-grid{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .volunteer-info{padding-right:0}
  .hero-badge{bottom:-15px;left:15px}
}
@media(max-width:640px){
  .section{padding:3.5rem 0}
  .hero{padding:3rem 0}
  .header-top{flex-direction:column;align-items:flex-start}
  .main-nav ul{gap:0.85rem 1rem;justify-content:flex-start}
  .programs-grid,.news-grid,.stories-grid,.stats-grid{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .hero-badge{position:static;margin-top:1.5rem;max-width:none}
  .footer-bottom{flex-direction:column;text-align:center}
}
</style>
</head>
<body>

<header class="site-header">
  <div class="container">
    <div class="header-top">
      <div class="brand">
        <div class="brand-logo" aria-hidden="true">HB</div>
        <div class="brand-text">
          <h1>HopeBridge Foundation</h1>
          <div class="tagline">Connecting Compassion to Communities in Need</div>
        </div>
      </div>
      <nav class="main-nav" aria-label="Primary">
        <ul>
          <li><a href="#home">Home</a></li>
          <li><a href="#about">About</a></li>
          <li><a href="#programs">Programs</a></li>
          <li><a href="#stories">Stories</a></li>
          <li><a href="#news">News</a></li>
          <li><a href="#partners">Partners</a></li>
          <li><a href="#impact">Impact</a></li>
          <li><a href="#volunteer">Volunteer</a></li>
          <li><a href="#donate" class="nav-donate">Donate Now</a></li>
        </ul>
      </nav>
    </div>
  </div>
</header>

<section class="hero" id="home">
  <div class="container">
    <div class="hero-grid">
      <div class="hero-text">
        <span class="hero-eyebrow">🌍 Serving 47 Communities Worldwide Since 2008</span>
        <h1>Together we can <span>bridge</span> the gap to a brighter tomorrow.</h1>
        <p>HopeBridge Foundation partners with local leaders and grassroots organizations to deliver sustainable programs in education, healthcare, and economic empowerment. Every donation, every hour volunteered, every voice raised brings us closer to a world where opportunity is not a privilege but a universal right.</p>
        <div class="hero-ctas">
          <a href="#donate" class="btn btn-primary">Start Giving Today</a>
          <a href="#volunteer" class="btn btn-outline">Become a Volunteer</a>
        </div>
        <div class="hero-trust">
          <div><strong>4★</strong><span>Charity Navigator</span></div>
          <div><strong>96¢</strong><span>Per Dollar to Programs</span></div>
          <div><strong>A+</strong><span>GuideStar Platinum</span></div>
          <div><strong>17 yrs</strong><span>Of Trusted Impact</span></div>
        </div>
      </div>
      <div class="hero-image">
        <img src="https://picsum.photos/seed/hope-hero/640/540" alt="Volunteers distributing food supplies to community members">
        <div class="hero-badge">
          <div class="hero-badge-icon">🎁</div>
          <div class="hero-badge-text">
            <strong>$25 feeds a family</strong>
            <small>for an entire week</small>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="section" id="about">
  <div class="container">
    <div class="mission-grid">
      <div class="mission-image">
        <img src="https://picsum.photos/seed/mission-team/600/720" alt="Community outreach workers meeting with local families">
        <div class="mission-floating">
          <strong>17</strong>Years of Service
        </div>
      </div>
      <div>
        <span class="section-eyebrow">Our Mission</span>
        <h2>Dignity-driven development for every community we serve.</h2>
        <p>HopeBridge Foundation was founded on a simple belief: lasting change is built from the ground up. We work alongside local leaders in underserved regions to design and implement programs that respect cultural context, amplify local voices, and create real pathways out of poverty.</p>
        <p>Our capacity building approach focuses on equipping communities with the tools, training, and resources they need to sustain their own progress long after our direct involvement ends. From rural villages in Southeast Asia to urban neighborhoods in East Africa, our model is rooted in partnership — never dependency. Every initiative is co-designed with beneficiaries to ensure relevance and lasting ownership.</p>
        <ul class="mission-list">
          <li><span class="icon">🤝</span><div><strong>Community-Led Solutions:</strong> Beneficiaries help shape every program from day one, ensuring cultural fit and local buy-in.</div></li>
          <li><span class="icon">📊</span><div><strong>Transparent Reporting:</strong> Every dollar is tracked, every outcome is measured, and we publish full results annually.</div></li>
          <li><span class="icon">🌱</span><div><strong>Sustainable Impact:</strong> Programs are intentionally designed to outlast our direct involvement.</div></li>
          <li><span class="icon">🌐</span><div><strong>Global Reach, Local Roots:</strong> 47 active community partners working across 12 countries.</div></li>
        </ul>
        <a href="#impact" class="btn btn-secondary" style="margin-top:1.75rem">View Our Impact Report</a>
      </div>
    </div>
  </div>
</section>

<section class="section section-alt" id="impact">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Impact in 2024</span>
      <h2>Numbers that tell stories of hope.</h2>
      <p>Behind every statistic is a real person whose life has been touched by your generosity. Here is the measurable difference our community of donors and volunteers made together this year.</p>
    </div>
    <div class="stats-grid">
      <div class="stat-card">
        <div class="stat-icon">👨‍👩‍👧‍👦</div>
        <div class="stat-number">128,400+</div>
        <div class="stat-label">Beneficiaries Reached</div>
      </div>
      <div class="stat-card">
        <div class="stat-icon">💰</div>
        <div class="stat-number">$4.2M</div>
        <div class="stat-label">Distributed to Programs</div>
      </div>
      <div class="stat-card">
        <div class="stat-icon">🤝</div>
        <div class="stat-number">3,250</div>
        <div class="stat-label">Active Volunteers</div>
      </div>
      <div class="stat-card">
        <div class="stat-icon">🌍</div>
        <div class="stat-number">12</div>
        <div class="stat-label">Countries Served</div>
      </div>
    </div>
  </div>
</section>

<section class="section" id="programs">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Our Programs</span>
      <h2>Three pillars of lasting change.</h2>
      <p>We focus our efforts where they create the deepest, most sustainable impact. Each program is built on years of community partnership, rigorous evaluation, and a commitment to measurable outcomes.</p>
    </div>
    <div class="programs-grid">
      <article class="program-card">
        <img src="https://picsum.photos/seed/edu-children/600/400" alt="Children studying in a rural classroom">
        <div class="program-card-body">
          <span class="program-tag">Education</span>
          <h3>Bright Futures Learning Initiative</h3>
          <p>Our flagship education program provides scholarships, school supplies, and teacher training to children in 23 rural communities. Last year alone, we supported 4,800 students through primary and secondary school completion, with a particular focus on keeping girls enrolled through adolescence.</p>
          <a href="#" class="program-link">Learn more about education →</a>
        </div>
      </article>
      <article class="program-card">
        <img src="https://picsum.photos/seed/health-clinic/600/400" alt="Healthcare worker attending to a patient">
        <div class="program-card-body">
          <span class="program-tag">Healthcare</span>
          <h3>Community Wellness Outreach</h3>
          <p>Mobile clinics and locally trained community health workers deliver essential care to remote villages that lack permanent medical infrastructure. From maternal health visits to vaccination drives and chronic disease management, our healthcare programs have helped reduce infant mortality by 34% in partner regions.</p>
          <a href="#" class="program-link">Learn more about healthcare →</a>
        </div>
      </article>
      <article class="program-card">
        <img src="https://picsum.photos/seed/livelihood-biz/600/400" alt="Small business owner at work in her shop">
        <div class="program-card-body">
          <span class="program-tag">Livelihoods</span>
          <h3>EmpowerPath Economic Program</h3>
          <p>Microfinance, vocational training, and small business mentorship help families build sustainable income. Over 1,200 micro-enterprises have been launched through our livelihood program to date, creating economic ripple effects that lift entire neighborhoods out of intergenerational poverty.</p>
          <a href="#" class="program-link">Learn more about livelihoods →</a>
        </div>
      </article>
    </div>
  </div>
</section>

<section class="section section-alt" id="stories">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Beneficiary Stories</span>
      <h2>Real people, real transformations.</h2>
      <p>The most powerful measure of our work isn't in spreadsheets — it's in the lives changed. These are stories from program participants who have turned hope into action.</p>
    </div>
    <div class="stories-grid">
      <article class="story-card feature">
        <img src="https://picsum.photos/seed/amina-teach/800/520" alt="Amina teaching students outdoors">
        <div class="story-card-body">
          <div class="story-meta">
            <span class="category">Featured Story</span>
            <span>Kenya · 8 min read</span>
          </div>
          <h3>How a one-room schoolhouse grew into a community learning center</h3>
          <p>Amina Hassan started teaching in a borrowed room with 12 children. Five years after joining HopeBridge's teacher training cohort, she now leads a community learning center serving 340 students and has trained 18 other teachers in child-centered instruction methods that are transforming outcomes across the district.</p>
          <div class="story-author">
            <img src="https://i.pravatar.cc/100?u=amina-hassan" alt="Amina Hassan">
            <div class="story-author-info">
              <strong>Amina Hassan</strong>
              <span>Education Program Lead, Eldoret</span>
            </div>
          </div>
        </div>
      </article>
      <article class="story-card">
        <img src="https://picsum.photos/seed/carlos-workshop/400/260" alt="Carlos working in his carpentry workshop">
        <div class="story-card-body">
          <div class="story-meta"><span class="category">Livelihoods</span><span>Peru</span></div>
          <h3>Carlos turned $80 into a thriving carpentry business</h3>
          <p>A microloan and six weeks of vocational training helped Carlos launch a workshop now employing four of his neighbors.</p>
          <div class="story-author">
            <img src="https://i.pravatar.cc/100?u=carlos-mendoza" alt="Carlos Mendoza">
            <div class="story-author-info"><strong>Carlos Mendoza</strong><span>EmpowerPath Graduate</span></div>
          </div>
        </div>
      </article>
      <article class="story-card">
        <img src="https://picsum.photos/seed/sangita-baby/400/260" alt="Sangita holding her newborn baby">
        <div class="story-card-body">
          <div class="story-meta"><span class="category">Healthcare</span><span>Bangladesh</span></div>
          <h3>A mobile clinic reached Sangita's village just in time</h3>
          <p>When complications arose during delivery, our community health worker arrived with emergency supplies and stabilized mother and child.</p>
          <div class="story-author">
            <img src="https://i.pravatar.cc/100?u=sangita-begum" alt="Sangita Begum">
            <div class="story-author-info"><strong>Sangita Begum</strong><span>Mother of two, Rangpur</span></div>
          </div>
        </div>
      </article>
    </div>
    <div style="text-align:center;margin-top:2.5rem">
      <a href="#" class="btn btn-outline">Read All Success Stories</a>
    </div>
  </div>
</section>

<section class="section" id="volunteer">
  <div class="container">
    <div class="volunteer-wrap">
      <div class="volunteer-info">
        <span class="section-eyebrow">Get Involved</span>
        <h2>Your time can change a life.</h2>
        <p>Volunteers are the heartbeat of HopeBridge. Whether you can give a few hours a month or are ready for a longer field commitment, there is a meaningful place for your skills in our global community of changemakers. Join thousands of others who have discovered that giving time gives back even more.</p>
        <ul class="volunteer-perks">
          <li><span class="check">✓</span><div><strong>Flexible opportunities</strong> — virtual, local community, and international field-based roles available.</div></li>
          <li><span class="check">✓</span><div><strong>Comprehensive training</strong> and ongoing mentorship from experienced program staff.</div></li>
          <li><span class="check">✓</span><div><strong>Global network</strong> — join 3,250+ volunteers across 38 countries making real impact.</div></li>
          <li><span class="check">✓</span><div><strong>Certificate of contribution</strong> and verifiable service hours for your portfolio.</div></li>
          <li><span class="check">✓</span><div><strong>Tangible outcomes</strong> — see exactly how your hours translate into measurable change.</div></li>
        </ul>
      </div>
      <form class="volunteer-form" id="volunteerForm" onsubmit="return submitVolunteer(event)">
        <h3 style="margin-bottom:0.5rem">Register to Volunteer</h3>
        <p style="font-size:0.9rem;color:#6b7280;margin-bottom:1.5rem">A coordinator will reach out within 48 hours.</p>
        <div class="form-row">
          <div class="form-group">
            <label for="vname">First Name</label>
            <input type="text" id="vname" required>
          </div>
          <div class="form-group">
            <label for="vlast">Last Name</label>
            <input type="text" id="vlast" required>
          </div>
        </div>
        <div class="form-group">
          <label for="vemail">Email Address</label>
          <input type="email" id="vemail" required>
        </div>
        <div class="form-row">
          <div class="form-group">
            <label for="vcountry">Country / Region</label>
            <select id="vcountry" required>
              <option value="">Select...</option>
              <option>United States</option>
              <option>Canada</option>
              <option>United Kingdom</option>
              <option>Kenya</option>
              <option>Bangladesh</option>
              <option>Peru</option>
              <option>Vietnam</option>
              <option>Other</option>
            </select>
          </div>
          <div class="form-group">
            <label for="vinterest">Area of Interest</label>
            <select id="vinterest" required>
              <option value="">Select...</option>
              <option>Education Programs</option>
              <option>Healthcare Outreach</option>
              <option>Economic Empowerment</option>
              <option>Fundraising & Events</option>
              <option>Marketing & Communications</option>
              <option>Pro Bono Professional Skills</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label for="vmode">Engagement Mode</label>
          <select id="vmode">
            <option>Remote / Virtual</option>
            <option>Local Community</option>
            <option>Field Deployment (3+ months)</option>
          </select>
        </div>
        <button type="submit" class="btn btn-primary" style="width:100%;margin-top:0.5rem">Register Now</button>
        <div class="form-success" id="formSuccess">✅ Thank you! A HopeBridge coordinator will reach out within 48 hours with next steps.</div>
      </form>
    </div>
  </div>
</section>

<section class="section section-alt" id="news">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Organization News</span>
      <h2>Latest from HopeBridge.</h2>
      <p>Field updates, partnership announcements, and reflections from our global team working on the ground every day.</p>
    </div>
    <div class="news-grid">
      <article class="news-card">
        <img src="https://picsum.photos/seed/news-school/600/400" alt="New school opening ceremony">
        <div class="news-card-body">
          <div class="news-date"><span class="tag">Announcement</span><span>March 14, 2025</span></div>
          <h3>HopeBridge opens its 50th learning center in rural Bangladesh</h3>
          <p>After three years of community planning, our newest education facility welcomed 220 students on its first day — many of them girls who previously had no school within walking distance of their homes.</p>
          <a href="#" class="program-link">Read announcement →</a>
        </div>
      </article>
      <article class="news-card">
        <img src="https://picsum.photos/seed/news-volunteer/600/400" alt="Volunteer training session">
        <div class="news-card-body">
          <div class="news-date"><span class="tag">Programs</span><span>March 2, 2025</span></div>
          <h3>Spring 2025 volunteer cohort training kicks off across five regions</h3>
          <p>Over 400 new volunteers began their orientation this month, joining our healthcare, education, and livelihood teams across South Asia, East Africa, and Latin America for an immersive two-week training.</p>
          <a href="#" class="program-link">Read update →</a>
        </div>
      </article>
      <article class="news-card">
        <img src="https://picsum.photos/seed/news-report/600/400" alt="Annual impact report cover">
        <div class="news-card-body">
          <div class="news-date"><span class="tag">Impact</span><span>February 18, 2025</span></div>
          <h3>2024 Annual Impact Report now available for download</h3>
          <p>See detailed program metrics, financial breakdowns, and beneficiary testimonials in our most comprehensive report yet. Transparency is foundational to how we operate and how we earn your trust.</p>
          <a href="#" class="program-link">Read report →</a>
        </div>
      </article>
    </div>
    <div style="text-align:center;margin-top:2.5rem">
      <a href="#" class="btn btn-outline">View All News & Updates</a>
    </div>
  </div>
</section>

<section class="section partners-section" id="partners">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Our Partners</span>
      <h2>Powered by partnership.</h2>
      <p>HopeBridge is proud to work alongside corporations, foundations, governments, and community organizations who share our commitment to dignified, sustainable development.</p>
    </div>
    <div class="partners-grid">
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=GLOBAL+FOUND&font=raleway" alt="Global Foundation"></div>
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=EDU+ALLIANCE&font=raleway" alt="Education Alliance"></div>
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=HEALTHFIRST&font=raleway" alt="HealthFirst"></div>
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=KIND+CORP&font=raleway" alt="Kind Corporation"></div>
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=WELLS+INITIATIVE&font=raleway" alt="Wells Initiative"></div>
      <div class="partner-logo"><img src="https://placehold.co/180x60/0f766e/fefce8?text=UNITY+TRUST&font=raleway" alt="Unity Trust"></div>
    </div>
    <div style="text-align:center;margin-top:3rem">
      <p style="color:#374151;max-width:620px;margin:0 auto 1.5rem">Interested in becoming a corporate or institutional partner? Let's explore how we can amplify our collective impact and reach even more communities in need.</p>
      <a href="#" class="btn btn-secondary">Become a Partner</a>
    </div>
  </div>
</section>

<section class="section section-alt" id="faq">
  <div class="container">
    <div class="section-header">
      <span class="section-eyebrow">Common Questions</span>
      <h2>Frequently asked questions.</h2>
      <p>Have a question we haven't answered? Reach out — our team is happy to help you find the right way to get involved.</p>
    </div>
    <div class="faq-list">
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          <span>How is my donation actually used?</span>
          <span class="faq-toggle">+</span>
        </button>
        <div class="faq-answer"><div class="faq-answer-inner">
          <p>Of every dollar donated to HopeBridge, 96 cents goes directly to program services delivered on the ground. The remaining 4 cents covers essential administrative and fundraising costs that keep our operations running. We publish detailed financial breakdowns in our annual report, and individual donors can track contributions through their secure donor dashboard.</p>
        </div></div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          <span>Can I host my own fundraiser on behalf of HopeBridge?</span>
          <span class="faq-toggle">+</span>
        </button>
        <div class="faq-answer"><div class="faq-answer-inner">
          <p>Absolutely! We have a robust Host a Fundraiser program with toolkits, templates, and dedicated one-on-one support for community fundraisers — from birthday campaigns and charity runs to corporate giving days and workplace match events. Visit our fundraising portal to register your event, or contact our community partnerships team for personalized guidance.</p>
        </div></div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          <span>Are donations tax-deductible?</span>
          <span class="faq-toggle">+</span>
        </button>
        <div class="faq-answer"><div class="faq-answer-inner">
          <p>Yes. HopeBridge Foundation is a registered 501(c)(3) non-profit organization. All donations made within the United States are tax-deductible to the fullest extent allowed by law. Tax receipts are emailed automatically after each gift and remain accessible any time through your secure donor account.</p>
        </div></div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          <span>Do you accept in-kind donations or corporate matching gifts?</span>
          <span class="faq-toggle">+</span>
        </button>
        <div class="faq-answer"><div class="faq-answer-inner">
          <p>Yes to both! In-kind gifts of medical supplies, educational materials, technology equipment, and professional services are accepted through our partnerships team after a needs assessment. Many employers will also match employee donations dollar-for-dollar — check with your HR department, and we'll gladly help facilitate the matching process.</p>
        </div></div>
      </div>
      <div class="faq-item">
        <button class="faq-question" onclick="toggleFaq(this)">
          <span>How can I verify HopeBridge's legitimacy as an organization?</span>
          <span class="faq-toggle">+</span>
        </button>
        <div class="faq-answer"><div class="faq-answer-inner">
          <p>HopeBridge Foundation holds a 4-star rating from Charity Navigator, the Platinum Seal of Transparency from GuideStar (Candid), and is accredited by the Better Business Bureau Wise Giving Alliance. Our EIN, audited financial statements, IRS Form 990, and registration documents are publicly available in the Financial Reports section of our website.</p>
        </div></div>
      </div>
    </div>
  </div>
</section>

<section class="cta-section" id="donate">
  <div class="container">
    <h2>Ready to make a difference today?</h2>
    <p>Whether you give $5 or $5,000, host a fundraiser in your community, or volunteer your time — your contribution bridges hope to those who need it most.</p>
    <div class="cta-buttons">
      <a href="#" class="btn btn-primary">Start Giving</a>
      <a href="#" class="btn btn-outline">Host a Fundraiser</a>
    </div>
  </div>
</section>

<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div>
        <div class="footer-brand">
          <h3>HopeBridge Foundation</h3>
          <p>A registered 501(c)(3) non-profit organization dedicated to creating sustainable change in underserved communities through education, healthcare, and economic empowerment.</p>
        </div>
        <div class="footer-social" aria-label="Social media links">
          <a href="#" aria-label="Facebook">f</a>
          <a href="#" aria-label="Twitter">𝕏</a>
          <a href="#" aria-label="Instagram">ig</a>
          <a href="#" aria-label="LinkedIn">in</a>
          <a href="#" aria-label="YouTube">▶</a>
        </div>
      </div>
      <div class="footer-col">
        <h4>Organization</h4>
        <ul>
          <li><a href="#about">About Us</a></li>
          <li><a href="#programs">Our Programs</a></li>
          <li><a href="#impact">Annual Reports</a></li>
          <li><a href="#">Leadership Team</a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#">Press Kit</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Get Involved</h4>
        <ul>
          <li><a href="#volunteer">Volunteer</a></li>
          <li><a href="#">Host a Fundraiser</a></li>
          <li><a href="#partners">Corporate Partners</a></li>
          <li><a href="#">Planned Giving</a></li>
          <li><a href="#">Monthly Giving Club</a></li>
          <li><a href="#">Workplace Giving</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Contact Us</h4>
        <ul class="footer-contact">
          <li>📍 1842 Compassion Avenue, Suite 300, Boston, MA 02108</li>
          <li>📞 +1 (617) 555-0184</li>
          <li>✉️ hello@hopebridge.org</li>
          <li>🕐 Mon–Fri, 9:00am – 6:00pm EST</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <div>© 2025 HopeBridge Foundation. All rights reserved. EIN: 47-3829104</div>
      <div class="footer-bottom-links">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Use</a>
        <a href="#">Accessibility</a>
        <a href="#">Financial Reports</a>
      </div>
    </div>
  </div>
</footer>

<script>
function toggleFaq(btn){
  const item = btn.parentElement;
  const answer = item.querySelector('.faq-answer');
  const isOpen = item.classList.contains('open');
  document.querySelectorAll('.faq-item').forEach(i => {
    i.classList.remove('open');
    i.querySelector('.faq-answer').style.maxHeight = null;
  });
  if(!isOpen){
    item.classList.add('open');
    answer.style.maxHeight = answer.scrollHeight + 'px';
  }
}

function submitVolunteer(e){
  e.preventDefault();
  const success = document.getElementById('formSuccess');
  success.classList.add('show');
  document.getElementById('volunteerForm').reset();
  setTimeout(()=> success.classList.remove('show'), 6000);
  return 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:42:01.792Z",
  "url": "https://benchmark.aimac.invalid/383aa709e9891481e2895d89926f5117cba0a21ec3d61b5895ad332a26fa4fb6.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": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<nav class=\"main-nav\" aria-label=\"Primary\">",
          "target": [
            "nav"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"main-nav\" aria-label=\"Primary\">",
          "target": [
            "nav"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "focusable-modal-open",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements while a modal is open"
            },
            {
              "id": "focusable-disabled",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            },
            {
              "id": "focusable-not-tabbable",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "No focusable elements contained within element"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"brand-logo\" aria-hidden=\"true\">HB</div>",
          "target": [
            ".brand-logo"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": "serious",
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<nav class=\"main-nav\" aria-label=\"Primary\">",
          "target": [
            "nav"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"main-nav\" aria-label=\"Primary\">",
          "target": [
            "nav"
          ]
        }
      ]
    },
    {
      "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": "<nav class=\"main-nav\" aria-label=\"Primary\">",
          "target": [
            "nav"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#impact\" class=\"btn btn-secondary\" style=\"margin-top:1.75rem\">View Our Impact Report</a>",
          "target": [
            ".btn-secondary.btn[href$=\"#impact\"]"
          ]
        }
      ]
    },
    {
      "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 type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;margin-top:0.5rem\">Register Now</button>",
          "target": [
            "button[type=\"submit\"]"
          ]
        }
      ]
    },
    {
      "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>HopeBridge Foundation</h1>",
                  "target": [
                    ".brand-text > h1"
                  ]
                },
                {
                  "html": "<h1>Together we can <span>bridge</span> the gap to a brighter tomorrow.</h1>",
                  "target": [
                    ".hero-text > h1"
                  ]
                },
                {
                  "html": "<h2>Dignity-driven development for every community we serve.</h2>",
                  "target": [
                    "div:nth-child(2) > h2"
                  ]
                },
                {
                  "html": "<h2>Numbers that tell stories of hope.</h2>",
                  "target": [
                    "#impact > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Three pillars of lasting change.</h2>",
                  "target": [
                    "#programs > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>Bright Futures Learning Initiative</h3>",
                  "target": [
                    ".program-card:nth-child(1) > .program-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Community Wellness Outreach</h3>",
                  "target": [
                    ".program-card:nth-child(2) > .program-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>EmpowerPath Economic Program</h3>",
                  "target": [
                    ".program-card:nth-child(3) > .program-card-body > h3"
                  ]
                },
                {
                  "html": "<h2>Real people, real transformations.</h2>",
                  "target": [
                    "#stories > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>How a one-room schoolhouse grew into a community learning center</h3>",
                  "target": [
                    ".feature > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Carlos turned $80 into a thriving carpentry business</h3>",
                  "target": [
                    ".story-card:nth-child(2) > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>A mobile clinic reached Sangita's village just in time</h3>",
                  "target": [
                    ".story-card:nth-child(3) > .story-card-body > h3"
                  ]
                },
                {
                  "html": "<h2>Your time can change a life.</h2>",
                  "target": [
                    ".volunteer-info > h2"
                  ]
                },
                {
                  "html": "<h3 style=\"margin-bottom:0.5rem\">Register to Volunteer</h3>",
                  "target": [
                    "#volunteerForm > h3"
                  ]
                },
                {
                  "html": "<h2>Latest from HopeBridge.</h2>",
                  "target": [
                    "#news > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h3>HopeBridge opens its 50th learning center in rural Bangladesh</h3>",
                  "target": [
                    ".news-card:nth-child(1) > .news-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>Spring 2025 volunteer cohort training kicks off across five regions</h3>",
                  "target": [
                    ".news-card:nth-child(2) > .news-card-body > h3"
                  ]
                },
                {
                  "html": "<h3>2024 Annual Impact Report now available for download</h3>",
                  "target": [
                    ".news-card:nth-child(3) > .news-card-body > h3"
                  ]
                },
                {
                  "html": "<h2>Powered by partnership.</h2>",
                  "target": [
                    "#partners > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Frequently asked questions.</h2>",
                  "target": [
                    "#faq > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Ready to make a difference today?</h2>",
                  "target": [
                    ".container > h2"
                  ]
                },
                {
                  "html": "<h3>HopeBridge Foundation</h3>",
                  "target": [
                    ".footer-brand > h3"
                  ]
                },
                {
                  "html": "<h4>Organization</h4>",
                  "target": [
                    ".footer-col:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Get Involved</h4>",
                  "target": [
                    ".footer-col:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Contact Us</h4>",
                  "target": [
                    ".footer-col:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#134e4a",
                "bgColor": "#fefce8",
                "contrastRatio": 9.16,
                "fontSize": "16.8pt (22.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 9.16"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<h1>HopeBridge Foundation</h1>",
          "target": [
            ".brand-text > h1"
          ]
        }
      ]
    },
    {
      "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": "vname",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"vname\" required=\"\">",
          "target": [
            "#vname"
          ]
        }
      ]
    },
    {
      "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=\"vname\">First Name</label>",
                  "target": [
                    "label[for=\"vname\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"vname\" required=\"\">",
          "target": [
            "#vname"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://picsum.photos/seed/hope-hero/640/540\" alt=\"Volunteers distributing food supplies to community members\">",
          "target": [
            ".hero-image > img"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": {
                "explicitLabel": "First Name"
              },
              "relatedNodes": [
                {
                  "html": "<label for=\"vname\">First Name</label>",
                  "target": [
                    "label[for=\"vname\"]"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an explicit <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"vname\" required=\"\">",
          "target": [
            "#vname"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"program-card-body\">",
                  "target": [
                    ".program-card:nth-child(1) > .program-card-body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"program-link\">Learn more about education \u2192</a>",
          "target": [
            ".program-card:nth-child(1) > .program-card-body > .program-link[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "nav > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#home\">Home</a></li>",
          "target": [
            "nav > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://picsum.photos/seed/hope-hero/640/540\" alt=\"Volunteers distributing food supplies to community members\">",
          "target": [
            ".hero-image > img"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "explicit-label",
              "data": {
                "explicitLabel": "Country / Region"
              },
              "relatedNodes": [
                {
                  "html": "<label for=\"vcountry\">Country / Region</label>",
                  "target": [
                    "label[for=\"vcountry\"]"
                  ]
                }
              ],
              "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=\"vcountry\" required=\"\">",
          "target": [
            "#vcountry"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    }
  ],
  "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=\"footer-social\" aria-label=\"Social media links\">",
          "target": [
            ".footer-social"
          ],
          "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": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "18.0pt (24px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"brand-logo\" aria-hidden=\"true\">HB</div>",
                  "target": [
                    ".brand-logo"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"brand-logo\" aria-hidden=\"true\">HB</div>",
          "target": [
            ".brand-logo"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#f97316",
                "contrastRatio": 2.8,
                "fontSize": "11.0pt (14.72px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#donate\" class=\"nav-donate\">Donate Now</a>",
                  "target": [
                    ".nav-donate"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#donate\" class=\"nav-donate\">Donate Now</a>",
          "target": [
            ".nav-donate"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 11.0pt (14.72px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#f97316",
                "contrastRatio": 2.8,
                "fontSize": "12.0pt (16px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"mission-floating\">\n          <strong>17</strong>Years of Service\n        </div>",
                  "target": [
                    ".mission-floating"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"mission-floating\">\n          <strong>17</strong>Years of Service\n        </div>",
          "target": [
            ".mission-floating"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#f97316",
                "contrastRatio": 2.8,
                "fontSize": "21.6pt (28.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"mission-floating\">\n          <strong>17</strong>Years of Service\n        </div>",
                  "target": [
                    ".mission-floating"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 21.6pt (28.8px), font weight: bold). Expected contrast ratio of 3:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<strong>17</strong>",
          "target": [
            ".mission-floating > strong"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 21.6pt (28.8px), font weight: bold). Expected contrast ratio of 3:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#fefce8",
                "contrastRatio": 2.71,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Our Mission</span>",
          "target": [
            "div:nth-child(2) > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"impact\">",
                  "target": [
                    "#impact"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Impact in 2024</span>",
          "target": [
            "#impact > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#fefce8",
                "contrastRatio": 2.71,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Our Programs</span>",
          "target": [
            "#programs > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Learn more about education \u2192</a>",
          "target": [
            ".program-card:nth-child(1) > .program-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Learn more about healthcare \u2192</a>",
          "target": [
            ".program-card:nth-child(2) > .program-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"program-card\">",
                  "target": [
                    ".program-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Learn more about livelihoods \u2192</a>",
          "target": [
            ".program-card:nth-child(3) > .program-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"stories\">",
                  "target": [
                    "#stories"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Beneficiary Stories</span>",
          "target": [
            "#stories > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card feature\">",
                  "target": [
                    ".feature"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Featured Story</span>",
          "target": [
            ".feature > .story-card-body > .story-meta > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card\">",
                  "target": [
                    ".story-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Livelihoods</span>",
          "target": [
            ".story-card:nth-child(2) > .story-card-body > .story-meta > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"story-card\">",
                  "target": [
                    ".story-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"category\">Healthcare</span>",
          "target": [
            ".story-card:nth-child(3) > .story-card-body > .story-meta > .category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#fefce8",
                "contrastRatio": 2.71,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<body>",
                  "target": [
                    "body"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Get Involved</span>",
          "target": [
            ".volunteer-info > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.71 (foreground color: #f97316, background color: #fefce8, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#f97316",
                "contrastRatio": 2.8,
                "fontSize": "11.4pt (15.2px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;margin-top:0.5rem\">Register Now</button>",
                  "target": [
                    "button[type=\"submit\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<button type=\"submit\" class=\"btn btn-primary\" style=\"width:100%;margin-top:0.5rem\">Register Now</button>",
          "target": [
            "button[type=\"submit\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #ffffff, background color: #f97316, font size: 11.4pt (15.2px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"news\">",
                  "target": [
                    "#news"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Organization News</span>",
          "target": [
            "#news > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    ".news-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Read announcement \u2192</a>",
          "target": [
            ".news-card:nth-child(1) > .news-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    ".news-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Read update \u2192</a>",
          "target": [
            ".news-card:nth-child(2) > .news-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<article class=\"news-card\">",
                  "target": [
                    ".news-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"program-link\">Read report \u2192</a>",
          "target": [
            ".news-card:nth-child(3) > .news-card-body > .program-link[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.8pt (14.4px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#f0fdfa",
                "contrastRatio": 2.68,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section partners-section\" id=\"partners\">",
                  "target": [
                    "#partners"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.68 (foreground color: #f97316, background color: #f0fdfa, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Our Partners</span>",
          "target": [
            "#partners > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.68 (foreground color: #f97316, background color: #f0fdfa, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#f97316",
                "bgColor": "#ffffff",
                "contrastRatio": 2.8,
                "fontSize": "10.2pt (13.6px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"section section-alt\" id=\"faq\">",
                  "target": [
                    "#faq"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"section-eyebrow\">Common Questions</span>",
          "target": [
            "#faq > .container > .section-header > .section-eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.8 (foreground color: #f97316, background color: #ffffff, font size: 10.2pt (13.6px), font weight: bold). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 9062
      },
      {
        "y": 576,
        "height": 9062
      },
      {
        "y": 1152,
        "height": 9062
      },
      {
        "y": 1728,
        "height": 9062
      },
      {
        "y": 2304,
        "height": 9062
      },
      {
        "y": 2880,
        "height": 9062
      },
      {
        "y": 3456,
        "height": 9062
      },
      {
        "y": 4032,
        "height": 9062
      },
      {
        "y": 4608,
        "height": 9062
      },
      {
        "y": 5184,
        "height": 9062
      },
      {
        "y": 5760,
        "height": 9062
      },
      {
        "y": 6336,
        "height": 9062
      },
      {
        "y": 6912,
        "height": 9062
      },
      {
        "y": 7488,
        "height": 9062
      },
      {
        "y": 8064,
        "height": 9062
      },
      {
        "y": 8342,
        "height": 9062
      }
    ],
    "scans": 17,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Non-Profit/Charity" 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: "Non-Profit/Charity"
- Description: Charitable organizations, non-profit initiatives, volunteering, and fundraising resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Non-Profit/Charity" 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: "News", "Partners", "Impact".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Non-Profit/Charity" category. Consider themes similar to: "Organization News", "Beneficiary Stories", "Volunteer Opportunities".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "capacity building", "beneficiary", "community outreach".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Host Fundraiser", "Register", "Start Giving".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Non-Profit/Charity" sector. Ideas similar but not limited to: "volunteer signup".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "impact reports", "success stories", "partner highlights".
-   **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.