HomeMoonshotAI Kimi K2.7 CodeEducation

MoonshotAI Kimi K2.7 Code – Education

via Moonshot AI · Generated

  • AIMAC Debt 2.00
  • Cost $0.20
  • Total Violations 1
  • HTML Size 43 KB
  • Em Dashes 0

Screenshot

View MoonshotAI Kimi K2.7 Code Education page View Live Page

Accessibility Issues Found

1 Serious

  • color-contrast serious 1 instance

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <p class="text-xs text-slate-500">Follow us for application tips, campus news, and research highlights.</p>

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>Lumina Academic Consortium | Where Ambition Meets Accreditation</title>
  <script src="https://cdn.tailwindcss.com"></script>
  <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=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
  <style>
    html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; }
    .font-serif { font-family: 'Playfair Display', serif; }
    details > summary { list-style: none; }
    details > summary::-webkit-details-marker { display: none; }
  </style>
</head>
<body class="bg-slate-50 text-slate-800">
  <a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-blue-900 text-white px-4 py-2 rounded z-50">Skip to content</a>

  <!-- Header -->
  <header class="bg-white shadow sticky top-0 z-40">
    <div class="container mx-auto px-4">
      <div class="flex items-center justify-between h-20">
        <a href="#" class="flex items-center gap-3">
          <img src="https://placehold.co/48x48/1e3a8a/ffffff?text=L&amp;font=playfair+display" alt="Lumina Academic Consortium logo" class="h-10 w-10 rounded">
          <div>
            <div class="text-xl font-bold text-slate-900 leading-none font-serif">Lumina Academic Consortium</div>
            <div class="text-xs text-slate-500 font-medium tracking-wide">Where Ambition Meets Accreditation</div>
          </div>
        </a>

        <nav class="hidden md:flex items-center gap-8 text-sm font-semibold text-slate-700">
          <a href="#programs" class="hover:text-blue-900 transition">Programs</a>
          <a href="#admissions" class="hover:text-blue-900 transition">Admissions</a>
          <a href="#campus" class="hover:text-blue-900 transition">Campus Life</a>
          <a href="#resources" class="hover:text-blue-900 transition">Resources</a>
          <a href="#student-portal" class="hover:text-blue-900 transition">Student Portal</a>
          <a href="#about" class="hover:text-blue-900 transition">About</a>
          <a href="mailto:admissions@luminacademy.edu" class="px-4 py-2 bg-blue-900 text-white rounded hover:bg-blue-800 transition">Contact</a>
        </nav>

        <button id="mobile-menu-btn" class="md:hidden p-2 text-slate-700" aria-label="Open menu" aria-expanded="false">
          <svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
          </svg>
        </button>
      </div>
    </div>

    <!-- Mobile Navigation -->
    <div id="mobile-menu" class="hidden md:hidden bg-white border-t">
      <div class="container mx-auto px-4 py-4 flex flex-col gap-3 text-slate-700 font-medium">
        <a href="#programs" class="mobile-link hover:text-blue-900">Programs</a>
        <a href="#admissions" class="mobile-link hover:text-blue-900">Admissions</a>
        <a href="#campus" class="mobile-link hover:text-blue-900">Campus Life</a>
        <a href="#resources" class="mobile-link hover:text-blue-900">Resources</a>
        <a href="#student-portal" class="mobile-link hover:text-blue-900">Student Portal</a>
        <a href="#about" class="mobile-link hover:text-blue-900">About</a>
        <a href="mailto:admissions@luminacademy.edu" class="mobile-link text-blue-900 font-semibold">Contact</a>
      </div>
    </div>
  </header>

  <main id="main">
    <!-- Hero -->
    <section class="relative overflow-hidden">
      <img src="https://picsum.photos/1600/700" alt="Aerial view of a modern university campus" class="absolute inset-0 w-full h-full object-cover" loading="eager" decoding="async">
      <div class="absolute inset-0 bg-gradient-to-r from-blue-950/90 to-blue-900/40"></div>
      <div class="relative container mx-auto px-4 py-24 md:py-32">
        <div class="max-w-2xl">
          <p class="inline-block px-3 py-1 mb-4 text-xs font-bold tracking-wider uppercase text-blue-100 bg-white/10 rounded-full border border-white/20">Regionally accredited since 1987</p>
          <h1 class="text-4xl md:text-6xl font-bold text-white font-serif leading-tight">Illuminate Your Future With a Degree That Moves You Forward</h1>
          <p class="mt-6 text-lg md:text-xl text-blue-100 leading-relaxed">Lumina Academic Consortium combines rigorous, regionally accredited curricula with flexible online and in-person learning pathways. Whether you are transferring credits, advancing a career, or beginning your first undergraduate journey, our academic calendar, dedicated advisors, and career-integrated programs are designed to help you meet prerequisites, stay on track, and graduate with confidence.</p>
          <div class="mt-8 flex flex-wrap gap-4">
            <a href="#programs" class="px-6 py-3 bg-amber-500 text-blue-950 font-bold rounded hover:bg-amber-400 transition">Explore Programs</a>
            <a href="mailto:admissions@luminacademy.edu" class="px-6 py-3 bg-white/10 text-white border border-white/30 rounded hover:bg-white/20 transition">Contact an Advisor</a>
          </div>
        </div>
      </div>
    </section>

    <!-- Stats -->
    <section class="bg-white py-12 border-b border-slate-200">
      <div class="container mx-auto px-4">
        <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
          <div>
            <div class="text-3xl md:text-4xl font-bold text-blue-900">150+</div>
            <div class="text-sm text-slate-600 mt-1">Accredited Programs</div>
          </div>
          <div>
            <div class="text-3xl md:text-4xl font-bold text-blue-900">98%</div>
            <div class="text-sm text-slate-600 mt-1">Career Placement Rate</div>
          </div>
          <div>
            <div class="text-3xl md:text-4xl font-bold text-blue-900">25:1</div>
            <div class="text-sm text-slate-600 mt-1">Student-Faculty Ratio</div>
          </div>
          <div>
            <div class="text-3xl md:text-4xl font-bold text-blue-900">$18M</div>
            <div class="text-sm text-slate-600 mt-1">Annual Scholarships</div>
          </div>
        </div>
      </div>
    </section>

    <!-- Program Finder / Course Catalog -->
    <section id="programs" class="py-16 md:py-24 bg-slate-50">
      <div class="container mx-auto px-4">
        <div class="max-w-3xl mb-12">
          <h2 class="text-3xl md:text-4xl font-bold text-slate-900 font-serif">Explore Our Course Catalog</h2>
          <p class="mt-4 text-slate-600 leading-relaxed">Our comprehensive catalog spans undergraduate, graduate, and professional certificate tracks across business, technology, health sciences, education, and the liberal arts. Use the filters below to sort programs by level, delivery format, and area of study. Each listing shows estimated duration, format, prerequisites, and accreditation details.</p>
        </div>

        <div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 mb-10">
          <form id="program-finder" class="grid md:grid-cols-4 gap-4 items-end">
            <div>
              <label class="block text-sm font-semibold text-slate-700 mb-1" for="level">Academic Level</label>
              <select id="level" class="w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900">
                <option value="all">All Levels</option>
                <option value="undergraduate">Undergraduate</option>
                <option value="graduate">Graduate</option>
                <option value="certificate">Certificate</option>
              </select>
            </div>
            <div>
              <label class="block text-sm font-semibold text-slate-700 mb-1" for="subject">Subject Area</label>
              <select id="subject" class="w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900">
                <option value="all">All Subjects</option>
                <option value="business">Business &amp; Leadership</option>
                <option value="technology">Technology &amp; Data</option>
                <option value="health">Health Sciences</option>
                <option value="education">Education</option>
              </select>
            </div>
            <div>
              <label class="block text-sm font-semibold text-slate-700 mb-1" for="format">Delivery Format</label>
              <select id="format" class="w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900">
                <option value="all">All Formats</option>
                <option value="online">Online</option>
                <option value="on-campus">On-Campus</option>
                <option value="hybrid">Hybrid</option>
              </select>
            </div>
            <button type="submit" class="w-full px-4 py-2.5 bg-blue-900 text-white font-semibold rounded hover:bg-blue-800 transition">Filter Programs</button>
          </form>
          <p id="result-count" class="mt-4 text-sm text-slate-500" aria-live="polite">Showing all programs</p>
        </div>

        <div id="program-grid" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
          <!-- Program cards rendered by JavaScript -->
        </div>

        <div class="mt-12 text-center">
          <a href="#" class="inline-block px-6 py-3 border-2 border-blue-900 text-blue-900 font-semibold rounded hover:bg-blue-900 hover:text-white transition">Download Full Academic Catalog</a>
        </div>
      </div>
    </section>

    <!-- Academic Resources -->
    <section id="resources" class="py-16 md:py-24 bg-white">
      <div class="container mx-auto px-4">
        <div class="grid lg:grid-cols-2 gap-12 items-center">
          <div class="order-2 lg:order-1">
            <h2 class="text-3xl md:text-4xl font-bold text-slate-900 font-serif">Academic Resources Built Around Your Success</h2>
            <p class="mt-4 text-slate-600 leading-relaxed">From the moment you enroll, Lumina provides a robust ecosystem of support services designed to help you navigate prerequisites, manage your academic calendar, and build marketable skills. Our Student Success Center offers peer tutoring, writing labs, and disability accommodations, while the Career Integration Office connects classroom learning with internships, mentorships, and employer partnerships.</p>
            <p class="mt-4 text-slate-600 leading-relaxed">All students gain access to our digital library, research databases, and learning-management system. Faculty hold regular virtual office hours, and academic advisors work with you each term to map course sequences, review degree audits, and ensure you remain eligible for financial aid and scholarship renewal.</p>

            <ul class="mt-6 space-y-3">
              <li class="flex items-start gap-3">
                <svg class="w-6 h-6 text-blue-700 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                <span class="text-slate-700">Personalized degree planning and prerequisite tracking</span>
              </li>
              <li class="flex items-start gap-3">
                <svg class="w-6 h-6 text-blue-700 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                <span class="text-slate-700">24/7 online tutoring, writing support, and research assistance</span>
              </li>
              <li class="flex items-start gap-3">
                <svg class="w-6 h-6 text-blue-700 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                <span class="text-slate-700">Career coaching, resume review, and employer networking events</span>
              </li>
            </ul>

            <div class="mt-8 flex flex-wrap gap-4">
              <a href="#student-portal" class="px-6 py-3 bg-blue-900 text-white font-semibold rounded hover:bg-blue-800 transition">Access Student Portal</a>
              <a href="#about" class="px-6 py-3 text-blue-900 font-semibold hover:underline">Meet Faculty</a>
            </div>
          </div>
          <div class="order-1 lg:order-2">
            <img src="https://picsum.photos/800/600" alt="Students collaborating in a modern library" class="rounded-2xl shadow-lg w-full object-cover" loading="lazy" decoding="async">
          </div>
        </div>
      </div>
    </section>

    <!-- About -->
    <section id="about" class="py-16 md:py-24 bg-slate-50">
      <div class="container mx-auto px-4">
        <div class="grid lg:grid-cols-2 gap-12 items-center">
          <div>
            <img src="https://picsum.photos/800/600?grayscale&amp;blur=1" alt="Historic campus building" class="rounded-2xl shadow-lg w-full object-cover" loading="lazy" decoding="async">
          </div>
          <div>
            <h2 class="text-3xl md:text-4xl font-bold text-slate-900 font-serif">About Lumina Academic Consortium</h2>
            <p class="mt-4 text-slate-600 leading-relaxed">Founded on the belief that access to excellent education transforms lives, Lumina Academic Consortium is a private, nonprofit institution serving traditional, transfer, adult, and online learners. We hold regional accreditation through the Higher Learning Commission and maintain specialized accreditation for programs in nursing, business, education, and engineering technology.</p>
            <p class="mt-4 text-slate-600 leading-relaxed">Our mission is simple: prepare students for careers and citizenship through rigorous academics, applied research, and ethical leadership. That mission shows up in small class sizes, faculty who prioritize mentorship, and a culture that treats every student as a partner in their own success. From the first advising appointment to commencement, we are committed to transparency, inclusion, and outcomes that matter.</p>
            <div class="mt-8 flex flex-wrap gap-4">
              <a href="#admissions" class="px-6 py-3 bg-blue-900 text-white font-semibold rounded hover:bg-blue-800 transition">Plan Your Visit</a>
              <a href="#" class="px-6 py-3 border-2 border-blue-900 text-blue-900 font-semibold rounded hover:bg-blue-900 hover:text-white transition">Our Accreditation</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Campus Life with Sidebar -->
    <section id="campus" class="py-16 md:py-24 bg-white">
      <div class="container mx-auto px-4">
        <div class="grid lg:grid-cols-3 gap-10">
          <div class="lg:col-span-2">
            <h2 class="text-3xl md:text-4xl font-bold text-slate-900 font-serif">Campus Life &amp; Community</h2>
            <p class="mt-4 text-slate-600 leading-relaxed">Education happens everywhere, not just in lecture halls. At Lumina, campus life is designed to foster collaboration, wellness, and leadership. Our main campus features state-of-the-art laboratories, a fully digital library, recreation centers, and residence halls organized around learning communities. Students can join more than eighty student organizations, including academic honor societies, cultural affinity groups, service-learning initiatives, and competitive esports and athletics teams.</p>
            <p class="mt-4 text-slate-600 leading-relaxed">We also host a year-round calendar of events, from research symposiums and career fairs to arts performances and mental-health workshops. For online learners, our virtual campus offers live networking events, remote club meetings, and regional meetups, ensuring every student feels connected regardless of zip code.</p>
            <img src="https://picsum.photos/900/450" alt="Students walking across a sunny campus quad" class="mt-8 rounded-2xl shadow-lg w-full object-cover" loading="lazy" decoding="async">
            <div class="mt-8 flex flex-wrap gap-4">
              <a href="#" class="px-6 py-3 bg-blue-900 text-white font-semibold rounded hover:bg-blue-800 transition">Schedule a Campus Tour</a>
              <a href="#" class="px-6 py-3 border-2 border-blue-900 text-blue-900 font-semibold rounded hover:bg-blue-900 hover:text-white transition">View Housing Options</a>
            </div>
          </div>

          <!-- Sidebar -->
          <aside class="space-y-8">
            <div class="bg-slate-50 p-6 rounded-xl shadow-sm border border-slate-200">
              <h3 class="text-lg font-bold text-slate-900 mb-4">Faculty Highlights</h3>
              <div class="space-y-4">
                <div class="flex gap-4">
                  <img src="https://i.pravatar.cc/80?u=dr-chen" alt="Dr. Elena Chen" class="w-16 h-16 rounded-full object-cover" loading="lazy">
                  <div>
                    <div class="font-semibold text-slate-900">Dr. Elena Chen</div>
                    <div class="text-sm text-slate-500">Dean of Data Sciences</div>
                    <p class="text-sm text-slate-600 mt-1">Leading Lumina's AI ethics initiative and graduate research lab.</p>
                  </div>
                </div>
                <div class="flex gap-4">
                  <img src="https://i.pravatar.cc/80?u=prof-morales" alt="Professor James Morales" class="w-16 h-16 rounded-full object-cover" loading="lazy">
                  <div>
                    <div class="font-semibold text-slate-900">Prof. James Morales</div>
                    <div class="text-sm text-slate-500">Department Chair, Education</div>
                    <p class="text-sm text-slate-600 mt-1">Published scholar in equitable classroom design and pedagogy.</p>
                  </div>
                </div>
              </div>
            </div>

            <div class="bg-blue-900 text-white p-6 rounded-xl">
              <h3 class="text-lg font-bold mb-3">Upcoming Events</h3>
              <ul class="space-y-3 text-sm">
                <li class="flex justify-between border-b border-white/20 pb-2"><span>Fall Open House</span><span class="font-semibold">Oct 14</span></li>
                <li class="flex justify-between border-b border-white/20 pb-2"><span>FAFSA Workshop</span><span class="font-semibold">Nov 2</span></li>
                <li class="flex justify-between border-b border-white/20 pb-2"><span>Research Symposium</span><span class="font-semibold">Nov 18</span></li>
                <li class="flex justify-between pt-1"><span>Winter Commencement</span><span class="font-semibold">Dec 16</span></li>
              </ul>
            </div>

            <div class="bg-slate-50 p-6 rounded-xl shadow-sm border border-slate-200">
              <h3 class="text-lg font-bold text-slate-900 mb-3">Alumni Achievements</h3>
              <p class="text-sm text-slate-600 leading-relaxed">Recent graduates have joined organizations such as the Mayo Clinic, Google for Education, Teach For America, and regional healthcare networks. Many continue into top-ranked master's and doctoral programs across the country.</p>
            </div>
          </aside>
        </div>
      </div>
    </section>

    <!-- Financial Aid CTA -->
    <section id="admissions" class="py-16 md:py-24 bg-slate-50">
      <div class="container mx-auto px-4">
        <div class="bg-gradient-to-br from-blue-900 to-blue-800 rounded-3xl overflow-hidden shadow-2xl">
          <div class="grid lg:grid-cols-2">
            <div class="p-10 md:p-14 text-white">
              <h2 class="text-3xl md:text-4xl font-bold font-serif">Invest in Your Future. We Can Help.</h2>
              <p class="mt-4 text-blue-100 leading-relaxed">A Lumina education is an investment, and our Financial Aid Office is committed to making it accessible. We participate in federal and state grant programs, administer an institutional scholarship portfolio exceeding $18 million annually, and offer flexible payment plans for working professionals. Our advisors will walk you through the FAFSA, verification process, loan counseling, and private scholarship searches so you can focus on learning rather than paperwork.</p>
              <div class="mt-8 flex flex-wrap gap-4">
                <a href="#" class="px-6 py-3 bg-amber-500 text-blue-950 font-bold rounded hover:bg-amber-400 transition">Apply for Aid</a>
                <a href="#" class="px-6 py-3 bg-white/10 text-white border border-white/30 rounded hover:bg-white/20 transition">Tuition &amp; Fees</a>
              </div>
            </div>
            <div class="relative min-h-[300px]">
              <img src="https://picsum.photos/800/600?grayscale&amp;blur=1" alt="Graduates celebrating commencement" class="absolute inset-0 w-full h-full object-cover opacity-60" loading="lazy" decoding="async">
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Testimonials -->
    <section class="py-16 md:py-24 bg-white">
      <div class="container mx-auto px-4">
        <h2 class="text-3xl md:text-4xl font-bold text-slate-900 text-center font-serif">Voices From the Lumina Community</h2>
        <p class="mt-4 text-center text-slate-600 max-w-2xl mx-auto">Our students and alumni share how flexible programs, attentive advising, and career-connected coursework have shaped their trajectories.</p>
        <div class="mt-10 grid md:grid-cols-3 gap-6">
          <div class="bg-slate-50 p-8 rounded-xl shadow-sm border border-slate-200">
            <p class="text-slate-700 italic leading-relaxed">"The prerequisite tracking and academic calendar made returning to school as a working parent manageable. My advisor was there every term."</p>
            <div class="mt-6 flex items-center gap-4">
              <img src="https://i.pravatar.cc/60?u=amara" alt="Amara Okafor" class="w-12 h-12 rounded-full object-cover" loading="lazy">
              <div>
                <div class="font-semibold text-slate-900">Amara Okafor</div>
                <div class="text-sm text-slate-500">B.S. Health Informatics, '24</div>
              </div>
            </div>
          </div>
          <div class="bg-slate-50 p-8 rounded-xl shadow-sm border border-slate-200">
            <p class="text-slate-700 italic leading-relaxed">"Lumina's accreditation gave my employer confidence to reimburse tuition. The hybrid format let me keep my job while finishing my MBA."</p>
            <div class="mt-6 flex items-center gap-4">
              <img src="https://i.pravatar.cc/60?u=david-k" alt="David Kim" class="w-12 h-12 rounded-full object-cover" loading="lazy">
              <div>
                <div class="font-semibold text-slate-900">David Kim</div>
                <div class="text-sm text-slate-500">M.B.A. Strategic Leadership, '23</div>
              </div>
            </div>
          </div>
          <div class="bg-slate-50 p-8 rounded-xl shadow-sm border border-slate-200">
            <p class="text-slate-700 italic leading-relaxed">"I published my first research paper as an undergraduate. The faculty mentorship here is extraordinary and genuinely student-centered."</p>
            <div class="mt-6 flex items-center gap-4">
              <img src="https://i.pravatar.cc/60?u=samira" alt="Samira Patel" class="w-12 h-12 rounded-full object-cover" loading="lazy">
              <div>
                <div class="font-semibold text-slate-900">Samira Patel</div>
                <div class="text-sm text-slate-500">B.A. Psychology, '25</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- FAQ Accordion -->
    <section class="py-16 md:py-24 bg-slate-50">
      <div class="container mx-auto px-4 max-w-4xl">
        <h2 class="text-3xl md:text-4xl font-bold text-slate-900 text-center font-serif">Frequently Asked Questions</h2>
        <p class="mt-4 text-center text-slate-600">Find quick answers about admissions, accreditation, transfer credits, and more.</p>
        <div class="mt-10 space-y-4">
          <details class="group bg-white rounded-xl border border-slate-200 open:shadow-sm transition">
            <summary class="flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900">
              Is Lumina regionally accredited?
              <svg class="w-5 h-5 text-blue-900 transition-transform duration-300 group-open:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
              </svg>
            </summary>
            <div class="px-5 pb-5 text-slate-600 leading-relaxed">
              <p>Yes. Lumina Academic Consortium is regionally accredited by the Higher Learning Commission, and many of our professional programs carry additional specialized accreditation from field-specific bodies. Accreditation means your credits are more likely to transfer and your degree is recognized by employers and graduate schools.</p>
            </div>
          </details>

          <details class="group bg-white rounded-xl border border-slate-200 open:shadow-sm transition">
            <summary class="flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900">
              How do transfer credits work?
              <svg class="w-5 h-5 text-blue-900 transition-transform duration-300 group-open:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
              </svg>
            </summary>
            <div class="px-5 pb-5 text-slate-600 leading-relaxed">
              <p>We accept transfer credits from regionally accredited institutions with a grade of C or better. After you apply, our registrar completes a transcript evaluation that maps your prior coursework to Lumina degree requirements. Most students transfer 30&ndash;60 credits, and some pathways accept up to 90 credits toward a bachelor's degree.</p>
            </div>
          </details>

          <details class="group bg-white rounded-xl border border-slate-200 open:shadow-sm transition">
            <summary class="flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900">
              When are the application deadlines?
              <svg class="w-5 h-5 text-blue-900 transition-transform duration-300 group-open:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
              </svg>
            </summary>
            <div class="px-5 pb-5 text-slate-600 leading-relaxed">
              <p>We operate on a rolling admissions model with three primary start dates per year: fall, spring, and summer. Priority deadlines are posted on our academic calendar, and we encourage applicants to submit materials at least six weeks before their intended start date to allow time for financial aid processing and advising.</p>
            </div>
          </details>

          <details class="group bg-white rounded-xl border border-slate-200 open:shadow-sm transition">
            <summary class="flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900">
              What types of financial aid are available?
              <svg class="w-5 h-5 text-blue-900 transition-transform duration-300 group-open:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
              </svg>
            </summary>
            <div class="px-5 pb-5 text-slate-600 leading-relaxed">
              <p>Eligible students may receive federal Pell Grants, Direct Loans, work-study, state grants, and Lumina institutional scholarships. Many employers also offer tuition benefits that can be combined with financial aid. Our advisors help you compare options and complete required counseling.</p>
            </div>
          </details>

          <details class="group bg-white rounded-xl border border-slate-200 open:shadow-sm transition">
            <summary class="flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900">
              What technology do I need for online courses?
              <svg class="w-5 h-5 text-blue-900 transition-transform duration-300 group-open:rotate-45" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
              </svg>
            </summary>
            <div class="px-5 pb-5 text-slate-600 leading-relaxed">
              <p>Online learners need a reliable internet connection, a webcam, and a computer capable of running modern browsers and productivity software. Specific programs&mdash;such as design, data science, or nursing simulations&mdash;may list additional hardware or software requirements in the course catalog.</p>
            </div>
          </details>
        </div>
      </div>
    </section>

    <!-- Student Portal CTA -->
    <section id="student-portal" class="py-16 bg-blue-900 text-white">
      <div class="container mx-auto px-4 text-center">
        <h2 class="text-3xl font-bold font-serif">Already a Student?</h2>
        <p class="mt-3 text-blue-100 max-w-2xl mx-auto">Log in to the Student Portal to register for classes, view your academic calendar, check financial aid status, and connect with advisors.</p>
        <a href="#" class="mt-6 inline-block px-8 py-3 bg-amber-500 text-blue-950 font-bold rounded hover:bg-amber-400 transition">Log In to Student Portal</a>
      </div>
    </section>
  </main>

  <!-- Footer -->
  <footer class="bg-slate-900 text-slate-300 py-14">
    <div class="container mx-auto px-4">
      <div class="grid md:grid-cols-4 gap-10">
        <div>
          <div class="flex items-center gap-3 mb-4">
            <img src="https://placehold.co/40x40/1e3a8a/ffffff?text=L&amp;font=playfair+display" alt="Lumina logo" class="h-8 w-8 rounded" loading="lazy">
            <div class="text-lg font-bold text-white font-serif">Lumina Academic Consortium</div>
          </div>
          <p class="text-sm leading-relaxed">An accredited, mission-driven institution preparing students for careers and citizenship through flexible, high-quality education.</p>
        </div>
        <div>
          <h4 class="text-white font-semibold mb-4">Quick Links</h4>
          <ul class="space-y-2 text-sm">
            <li><a href="#programs" class="hover:text-white transition">Programs</a></li>
            <li><a href="#admissions" class="hover:text-white transition">Admissions</a></li>
            <li><a href="#campus" class="hover:text-white transition">Campus Life</a></li>
            <li><a href="#student-portal" class="hover:text-white transition">Student Portal</a></li>
            <li><a href="#about" class="hover:text-white transition">About</a></li>
          </ul>
        </div>
        <div>
          <h4 class="text-white font-semibold mb-4">Contact</h4>
          <ul class="space-y-2 text-sm">
            <li>1 Lumina Commons, Suite 400</li>
            <li>Aurora, IL 60502</li>
            <li><a href="tel:+18005551234" class="hover:text-white transition">(800) 555-1234</a></li>
            <li><a href="mailto:admissions@luminacademy.edu" class="hover:text-white transition">admissions@luminacademy.edu</a></li>
          </ul>
        </div>
        <div>
          <h4 class="text-white font-semibold mb-4">Stay Connected</h4>
          <div class="flex gap-4 mb-4">
            <a href="#" aria-label="Facebook" class="hover:text-white transition">
              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
            </a>
            <a href="#" aria-label="LinkedIn" class="hover:text-white transition">
              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
            </a>
            <a href="#" aria-label="Instagram" class="hover:text-white transition">
              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
            </a>
            <a href="#" aria-label="YouTube" class="hover:text-white transition">
              <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
            </a>
          </div>
          <p class="text-xs text-slate-500">Follow us for application tips, campus news, and research highlights.</p>
        </div>
      </div>
      <div class="border-t border-slate-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-sm">
        <p>&copy; <span id="year">2025</span> Lumina Academic Consortium. All rights reserved.</p>
        <div class="flex gap-6">
          <a href="#" class="hover:text-white transition">Privacy Policy</a>
          <a href="#" class="hover:text-white transition">Terms of Use</a>
          <a href="#" class="hover:text-white transition">Accessibility</a>
        </div>
      </div>
    </div>
  </footer>

  <script>
    // Program Finder Data & Rendering
    const programGrid = document.getElementById('program-grid');
    const resultCount = document.getElementById('result-count');
    const levelSelect = document.getElementById('level');
    const subjectSelect = document.getElementById('subject');
    const formatSelect = document.getElementById('format');
    const finderForm = document.getElementById('program-finder');

    const subjectColors = {
      business: '1e3a8a',
      technology: '0f766e',
      health: 'be123c',
      education: '7c2d12'
    };

    const programs = [
      {
        title: 'B.S. Business Administration',
        short: 'Business',
        level: 'undergraduate',
        subject: 'business',
        format: 'hybrid',
        duration: '4 years',
        prereq: 'College Algebra, English Composition',
        desc: 'Develop leadership, strategic thinking, and operational expertise through a curriculum grounded in real-world case studies. Graduates are prepared for roles in management, consulting, entrepreneurship, and nonprofit leadership.'
      },
      {
        title: 'M.B.A. Strategic Leadership',
        short: 'MBA',
        level: 'graduate',
        subject: 'business',
        format: 'online',
        duration: '18–24 months',
        prereq: "Bachelor's degree, 2 years experience preferred",
        desc: 'Designed for working professionals, this AACSB-aligned program strengthens decision-making, organizational behavior, and change-management skills. Most courses are offered in accelerated 8-week terms.'
      },
      {
        title: 'B.S. Computer Science',
        short: 'CompSci',
        level: 'undergraduate',
        subject: 'technology',
        format: 'on-campus',
        duration: '4 years',
        prereq: 'Pre-Calculus, Introduction to Programming',
        desc: 'Explore software engineering, artificial intelligence, cybersecurity, and systems architecture. Students complete team-based capstone projects and have access to dedicated computing labs and research assistantships.'
      },
      {
        title: 'M.S. Data Analytics',
        short: 'Data Analytics',
        level: 'graduate',
        subject: 'technology',
        format: 'online',
        duration: '20 months',
        prereq: "Bachelor's degree, Statistics coursework",
        desc: 'Learn statistical modeling, data visualization, machine-learning fundamentals, and ethical data governance. The program culminates in a portfolio-ready analytics project for a real industry partner.'
      },
      {
        title: 'B.S.N. Nursing (RN to BSN)',
        short: 'Nursing',
        level: 'undergraduate',
        subject: 'health',
        format: 'hybrid',
        duration: '16 months',
        prereq: 'Active RN license, ADN or diploma in nursing',
        desc: 'This CCNE-accredited pathway prepares registered nurses for leadership and evidence-based practice. Clinical experiences are arranged near your community, and coursework is delivered in a flexible hybrid format.'
      },
      {
        title: 'M.P.H. Public Health',
        short: 'Public Health',
        level: 'graduate',
        subject: 'health',
        format: 'online',
        duration: '24 months',
        prereq: "Bachelor's degree",
        desc: 'Study epidemiology, biostatistics, health policy, and community program planning. Graduates work in health departments, hospitals, nonprofits, and global health organizations.'
      },
      {
        title: 'Post-Baccalaureate Teaching Certificate',
        short: 'Teaching Cert',
        level: 'certificate',
        subject: 'education',
        format: 'hybrid',
        duration: '12 months',
        prereq: "Bachelor's degree, content-area coursework",
        desc: 'Prepare for initial teacher licensure through a blend of coursework, field experiences, and student teaching. The program emphasizes inclusive pedagogy, classroom management, and standards-based assessment.'
      },
      {
        title: 'M.Ed. Curriculum & Instruction',
        short: 'M.Ed.',
        level: 'graduate',
        subject: 'education',
        format: 'online',
        duration: '18 months',
        prereq: "Bachelor's degree; teaching license preferred",
        desc: 'Advance your instructional design, assessment literacy, and culturally responsive teaching practices. This program is ideal for current educators seeking a master’s degree or additional endorsement pathways.'
      }
    ];

    function programImage(title, subject) {
      const color = subjectColors[subject] || '475569';
      return `https://placehold.co/600x340/${color}/ffffff?text=${encodeURIComponent(title)}&font=raleway`;
    }

    function formatLabel(value) {
      return value === 'certificate' ? 'Certificate' : value.charAt(0).toUpperCase() + value.slice(1);
    }

    function renderPrograms(list) {
      if (list.length === 0) {
        programGrid.innerHTML = `<div class="col-span-full text-center py-12 text-slate-500">No programs match your criteria. Try broadening your filters.</div>`;
        resultCount.textContent = 'Showing 0 programs';
        return;
      }

      programGrid.innerHTML = list.map(p => `
        <article class="bg-white rounded-xl shadow-sm border border-slate-200 overflow-hidden hover:shadow-md transition flex flex-col" data-level="${p.level}" data-subject="${p.subject}" data-format="${p.format}">
          <img src="${programImage(p.short, p.subject)}" alt="${p.title}" class="w-full h-48 object-cover" loading="lazy" decoding="async">
          <div class="p-6 flex-1 flex flex-col">
            <div class="flex items-center gap-2 mb-3">
              <span class="text-xs font-bold uppercase tracking-wider px-2 py-1 rounded bg-slate-100 text-slate-600">${formatLabel(p.level)}</span>
              <span class="text-xs font-bold uppercase tracking-wider px-2 py-1 rounded bg-blue-50 text-blue-800">${formatLabel(p.format)}</span>
            </div>
            <h3 class="text-xl font-bold text-slate-900 mb-2">${p.title}</h3>
            <p class="text-slate-600 text-sm leading-relaxed mb-4 flex-1">${p.desc}</p>
            <ul class="text-sm text-slate-500 space-y-1 mb-5">
              <li><strong>Duration:</strong> ${p.duration}</li>
              <li><strong>Prerequisites:</strong> ${p.prereq}</li>
            </ul>
            <a href="#" class="block text-center px-4 py-2.5 border border-blue-900 text-blue-900 font-semibold rounded hover:bg-blue-900 hover:text-white transition">View Program Details</a>
          </div>
        </article>
      `).join('');

      resultCount.textContent = `Showing ${list.length} program${list.length === 1 ? '' : 's'}`;
    }

    function applyFilters() {
      const level = levelSelect.value;
      const subject = subjectSelect.value;
      const format = formatSelect.value;

      const filtered = programs.filter(p =>
        (level === 'all' || p.level === level) &&
        (subject === 'all' || p.subject === subject) &&
        (format === 'all' || p.format === format)
      );

      renderPrograms(filtered);
    }

    finderForm.addEventListener('submit', e => {
      e.preventDefault();
      applyFilters();
    });

    [levelSelect, subjectSelect, formatSelect].forEach(select => {
      select.addEventListener('change', applyFilters);
    });

    renderPrograms(programs);

    // Mobile Menu Toggle
    const mobileBtn = document.getElementById('mobile-menu-btn');
    const mobileMenu = document.getElementById('mobile-menu');
    const mobileLinks = document.querySelectorAll('.mobile-link');

    mobileBtn.addEventListener('click', () => {
      const isHidden = mobileMenu.classList.toggle('hidden');
      mobileBtn.setAttribute('aria-expanded', !isHidden);
    });

    mobileLinks.forEach(link => {
      link.addEventListener('click', () => {
        mobileMenu.classList.add('hidden');
        mobileBtn.setAttribute('aria-expanded', 'false');
      });
    });

    // Current Year
    document.getElementById('year').textContent = new Date().getFullYear();
  </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:43:53.816Z",
  "url": "https://benchmark.aimac.invalid/04a7e899a865250ac669260902d4f3e5dedeef8e0a5ac7f538317ede8e998a05.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": "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": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": []
    },
    {
      "id": "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": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<p id=\"result-count\" class=\"mt-4 text-sm text-slate-500\" aria-live=\"polite\">Showing 8 programs</p>",
          "target": [
            "#result-count"
          ]
        }
      ]
    },
    {
      "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": "<p id=\"result-count\" class=\"mt-4 text-sm text-slate-500\" aria-live=\"polite\">Showing 8 programs</p>",
          "target": [
            "#result-count"
          ]
        }
      ]
    },
    {
      "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 class=\"bg-slate-50 text-slate-800\">",
          "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": "<svg class=\"w-5 h-5\" fill=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">",
          "target": [
            "a[aria-label=\"Facebook\"] > .w-5[fill=\"currentColor\"][aria-hidden=\"true\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<p id=\"result-count\" class=\"mt-4 text-sm text-slate-500\" aria-live=\"polite\">Showing 8 programs</p>",
          "target": [
            "#result-count"
          ]
        }
      ]
    },
    {
      "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": "<p id=\"result-count\" class=\"mt-4 text-sm text-slate-500\" aria-live=\"polite\">Showing 8 programs</p>",
          "target": [
            "#result-count"
          ]
        }
      ]
    },
    {
      "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": "<p id=\"result-count\" class=\"mt-4 text-sm text-slate-500\" aria-live=\"polite\">Showing 8 programs</p>",
          "target": [
            "#result-count"
          ]
        }
      ]
    },
    {
      "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=\"w-full px-4 py-2.5 bg-blue-900 text-white font-semibold rounded hover:bg-blue-800 transition\">Filter Programs</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 class=\"text-4xl md:text-6xl font-bold text-white font-serif leading-tight\">Illuminate Your Future With a Degree That Moves You Forward</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 font-serif\">Explore Our Course Catalog</h2>",
                  "target": [
                    ".max-w-3xl > h2"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">B.S. Business Administration</h3>",
                  "target": [
                    "article[data-subject=\"business\"][data-level=\"undergraduate\"][data-format=\"hybrid\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">M.B.A. Strategic Leadership</h3>",
                  "target": [
                    "article[data-subject=\"business\"][data-level=\"graduate\"][data-format=\"online\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">B.S. Computer Science</h3>",
                  "target": [
                    "article[data-format=\"on-campus\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">M.S. Data Analytics</h3>",
                  "target": [
                    "article[data-subject=\"technology\"][data-level=\"graduate\"][data-format=\"online\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">B.S.N. Nursing (RN to BSN)</h3>",
                  "target": [
                    "article[data-subject=\"health\"][data-level=\"undergraduate\"][data-format=\"hybrid\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">M.P.H. Public Health</h3>",
                  "target": [
                    "article[data-subject=\"health\"][data-level=\"graduate\"][data-format=\"online\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">Post-Baccalaureate Teaching Certificate</h3>",
                  "target": [
                    "article[data-level=\"certificate\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h3 class=\"text-xl font-bold text-slate-900 mb-2\">M.Ed. Curriculum &amp; Instruction</h3>",
                  "target": [
                    "article[data-subject=\"education\"][data-level=\"graduate\"][data-format=\"online\"] > .p-6.flex-1.flex-col > .mb-2.text-xl"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 font-serif\">Academic Resources Built Around Your Success</h2>",
                  "target": [
                    ".order-2 > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 font-serif\">About Lumina Academic Consortium</h2>",
                  "target": [
                    "div:nth-child(2) > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 font-serif\">Campus Life &amp; Community</h2>",
                  "target": [
                    ".lg\\:col-span-2 > h2"
                  ]
                },
                {
                  "html": "<h3 class=\"text-lg font-bold text-slate-900 mb-4\">Faculty Highlights</h3>",
                  "target": [
                    ".bg-slate-50.p-6.shadow-sm:nth-child(1) > .text-lg"
                  ]
                },
                {
                  "html": "<h3 class=\"text-lg font-bold mb-3\">Upcoming Events</h3>",
                  "target": [
                    ".bg-blue-900.p-6.text-white > .text-lg.mb-3"
                  ]
                },
                {
                  "html": "<h3 class=\"text-lg font-bold text-slate-900 mb-3\">Alumni Achievements</h3>",
                  "target": [
                    ".bg-slate-50.p-6.shadow-sm:nth-child(3) > .text-lg.mb-3"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold font-serif\">Invest in Your Future. We Can Help.</h2>",
                  "target": [
                    ".p-10 > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 text-center font-serif\">Voices From the Lumina Community</h2>",
                  "target": [
                    ".md\\:py-24.py-16:nth-child(8) > .container.mx-auto.px-4 > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl md:text-4xl font-bold text-slate-900 text-center font-serif\">Frequently Asked Questions</h2>",
                  "target": [
                    ".max-w-4xl > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"text-3xl font-bold font-serif\">Already a Student?</h2>",
                  "target": [
                    ".container.mx-auto.text-center > h2"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4\">Quick Links</h4>",
                  "target": [
                    "div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4\">Contact</h4>",
                  "target": [
                    "div:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4 class=\"text-white font-semibold mb-4\">Stay Connected</h4>",
                  "target": [
                    "div:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"main\">",
                  "target": [
                    "#main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0f172a",
                "bgColor": "#ffffff",
                "contrastRatio": 17.85,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 17.85"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"text-xl font-bold text-slate-900 leading-none font-serif\">Lumina Academic Consortium</div>",
          "target": [
            ".leading-none"
          ]
        }
      ]
    },
    {
      "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": "level",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<select id=\"level\" class=\"w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900\">",
          "target": [
            "#level"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label class=\"block text-sm font-semibold text-slate-700 mb-1\" for=\"level\">Academic Level</label>",
                  "target": [
                    "label[for=\"level\"]"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"level\" class=\"w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900\">",
          "target": [
            "#level"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "TT7.b",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <img> elements have alternative text or a role of none or presentation",
      "help": "Images must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has an alt attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "alt-space-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a valid alt attribute value"
            }
          ],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/1e3a8a/ffffff?text=L&amp;font=playfair+display\" alt=\"Lumina Academic Consortium logo\" class=\"h-10 w-10 rounded\">",
          "target": [
            ".h-10"
          ]
        }
      ]
    },
    {
      "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=\"#main\" class=\"sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-blue-900 text-white px-4 py-2 rounded z-50\">Skip to content</a>",
          "target": [
            ".sr-only"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul class=\"text-sm text-slate-500 space-y-1 mb-5\">\n              <li><strong>Duration:</strong> 4 years</li>\n              <li><strong>Prerequisites:</strong> College Algebra, English Composition</li>\n            </ul>",
          "target": [
            "article[data-subject=\"business\"][data-level=\"undergraduate\"][data-format=\"hybrid\"] > .p-6.flex-1.flex-col > .space-y-1.mb-5"
          ]
        }
      ]
    },
    {
      "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><strong>Duration:</strong> 4 years</li>",
          "target": [
            "article[data-subject=\"business\"][data-level=\"undergraduate\"][data-format=\"hybrid\"] > .p-6.flex-1.flex-col > .space-y-1.mb-5 > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/1e3a8a/ffffff?text=L&amp;font=playfair+display\" alt=\"Lumina Academic Consortium logo\" class=\"h-10 w-10 rounded\">",
          "target": [
            ".h-10"
          ]
        }
      ]
    },
    {
      "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": "Academic Level"
              },
              "relatedNodes": [
                {
                  "html": "<label class=\"block text-sm font-semibold text-slate-700 mb-1\" for=\"level\">Academic Level</label>",
                  "target": [
                    "label[for=\"level\"]"
                  ]
                }
              ],
              "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=\"level\" class=\"w-full rounded border-slate-300 p-2.5 text-slate-700 focus:ring-2 focus:ring-blue-900 focus:border-blue-900\">",
          "target": [
            "#level"
          ]
        }
      ]
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<summary class=\"flex justify-between items-center cursor-pointer p-5 font-semibold text-slate-900\">",
          "target": [
            "details:nth-child(1) > summary"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#main\" class=\"sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 bg-blue-900 text-white px-4 py-2 rounded z-50\">Skip to content</a>",
          "target": [
            ".sr-only"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<p class=\"inline-block px-3 py-1 mb-4 text-xs font-bold tracking-wider uppercase text-blue-100 bg-white/10 rounded-full border border-white/20\">Regionally accredited since 1987</p>",
                  "target": [
                    ".px-3"
                  ]
                },
                {
                  "html": "<div class=\"absolute inset-0 bg-gradient-to-r from-blue-950/90 to-blue-900/40\"></div>",
                  "target": [
                    ".bg-gradient-to-r"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"inline-block px-3 py-1 mb-4 text-xs font-bold tracking-wider uppercase text-blue-100 bg-white/10 rounded-full border border-white/20\">Regionally accredited since 1987</p>",
          "target": [
            ".px-3"
          ],
          "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": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer class=\"bg-slate-900 text-slate-300 py-14\">",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<p class=\"text-xs text-slate-500\">Follow us for application tips, campus news, and research highlights.</p>",
          "target": [
            "div:nth-child(4) > .text-slate-500.text-xs"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 8697
      },
      {
        "y": 576,
        "height": 8697
      },
      {
        "y": 1152,
        "height": 8697
      },
      {
        "y": 1728,
        "height": 8697
      },
      {
        "y": 2304,
        "height": 8740
      },
      {
        "y": 2880,
        "height": 8740
      },
      {
        "y": 3456,
        "height": 8740
      },
      {
        "y": 4032,
        "height": 8740
      },
      {
        "y": 4608,
        "height": 8740
      },
      {
        "y": 5184,
        "height": 8740
      },
      {
        "y": 5760,
        "height": 8740
      },
      {
        "y": 6336,
        "height": 8740
      },
      {
        "y": 6912,
        "height": 8740
      },
      {
        "y": 7488,
        "height": 8740
      },
      {
        "y": 8020,
        "height": 8740
      }
    ],
    "scans": 16,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt 
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt 
Create a **complete, polished, production-quality** primary web page for a new client in the "Education" sector.
Your goal is to generate the full HTML code for a page that is not just functional but also visually compelling, content-rich, and feels like a finished product ready for launch.

**Client & Category:**
- Industry: "Education"
- Description: Educational resources, school and university information, and online learning platforms.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Education" category.
2.  **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3.  **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.

**Content & Structure Requirements (Deliver a COMPLETE page):**
-   **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
-   **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Campus Life", "About", "Student Portal".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Education" category. Consider themes similar to: "Course Catalog", "Academic Resources", "Financial Aid".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "accreditation", "prerequisites", "academic calendar".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Meet Faculty", "Explore Programs", "Contact Advisor".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Education" sector. Ideas similar but not limited to: "program finder".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "alumni achievements", "faculty highlights", "research updates".
-   **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.
← Back to MoonshotAI Kimi K2.7 Code summary View all models for Education