Qwen Qwen3 Coder Next – Science

via Parasail · Generated

  • AIMAC Debt 12.71
  • Cost $0.011
  • Total Violations 11
  • HTML Size 54 KB
  • Em Dashes 5

Screenshot

View Qwen Qwen3 Coder Next Science page View Live Page

Accessibility Issues Found

1 Critical 10 Serious

  • color-contrast serious 6 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="research-tag">Genomics</span>
  • link-name serious 4 instances

    Links must have discernible text

    Example HTML <a href="#">
  • select-name critical 1 instance

    Select element must have an accessible name

    Example HTML <select class="search-input" style="width: 180px;">

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>Aether Science Collective | Advancing Knowledge, Transforming Futures</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #0f2e4d;
            --primary-dark: #0a1e34;
            --accent: #1a73e8;
            --accent-hover: #145db5;
            --success: #1e8e3e;
            --success-hover: #166b30;
            --light: #f8fafc;
            --gray: #64748b;
            --dark: #1e293b;
            --border: #e2e8f0;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--dark);
            background-color: #ffffff;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Merriweather', serif;
            font-weight: 700;
            color: var(--primary);
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: color 0.2s ease;
        }

        img {
            max-width: 100%;
            height: auto;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* --- HEADER --- */
        header {
            background: white;
            border-bottom: 1px solid var(--border);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 0;
        }

        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .logo img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
        }

        .logo-text {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--primary);
        }

        .logo-sub {
            font-size: 0.875rem;
            color: var(--gray);
            font-family: 'Inter', sans-serif;
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 2rem;
        }

        nav a {
            color: var(--dark);
            font-weight: 500;
            font-size: 0.95rem;
            transition: color 0.2s;
        }

        nav a:hover {
            color: var(--accent);
        }

        .btn {
            display: inline-block;
            padding: 0.75rem 1.5rem;
            border-radius: 6px;
            font-weight: 600;
            font-size: 0.95rem;
            transition: all 0.2s;
            text-align: center;
            cursor: pointer;
            border: none;
        }

        .btn-primary {
            background: var(--primary);
            color: white;
        }

        .btn-primary:hover {
            background: var(--primary-dark);
        }

        .btn-accent {
            background: var(--accent);
            color: white;
        }

        .btn-accent:hover {
            background: var(--accent-hover);
        }

        .btn-outline {
            background: transparent;
            border: 1px solid var(--primary);
            color: var(--primary);
        }

        .btn-outline:hover {
            background: var(--light);
        }

        /* Mobile nav toggle */
        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            font-size: 1.5rem;
            color: var(--primary);
            cursor: pointer;
        }

        /* --- HERO SECTION --- */
        .hero {
            background: linear-gradient(rgba(15, 46, 77, 0.9), rgba(10, 30, 52, 0.85)), 
                        url('https://picsum.photos/1920/800?grayscale&blur=5');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 5rem 0;
            text-align: center;
        }

        .hero h1 {
            color: white;
            font-size: 3rem;
            margin-bottom: 1.25rem;
        }

        .hero p {
            font-size: 1.25rem;
            max-width: 750px;
            margin: 0 auto 2.5rem;
            font-weight: 300;
            font-family: 'Merriweather', serif;
        }

        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }

        .btn-white {
            background: white;
            color: var(--primary);
        }

        .btn-white:hover {
            background: var(--light);
        }

        /* --- STATS SECTION --- */
        .stats-section {
            background: var(--primary);
            color: white;
            padding: 3.5rem 0;
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2.5rem;
            text-align: center;
        }

        .stat-item h3 {
            font-size: 3rem;
            margin-bottom: 0.5rem;
        }

        .stat-item p {
            font-size: 1rem;
            font-weight: 300;
            opacity: 0.9;
        }

        /* --- MAIN CONTENT --- */
        main {
            padding: 5rem 0;
        }

        .section-header {
            text-align: center;
            margin-bottom: 3.5rem;
        }

        .section-header h2 {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }

        .section-header p {
            max-width: 600px;
            margin: 0 auto;
            font-size: 1.15rem;
            color: var(--gray);
        }

        /* --- SECTION 1: RESEARCH INITIATIVES --- */
        .research-section {
            background: var(--light);
            padding: 5rem 0;
        }

        .research-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 3rem;
            align-items: center;
        }

        .research-content {
            padding-right: 1.5rem;
        }

        .research-content h2 {
            font-size: 2.5rem;
            margin-bottom: 1.25rem;
        }

        .research-content p {
            margin-bottom: 1.5rem;
            color: var(--dark);
        }

        .research-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 1.5rem;
            margin-top: 2.5rem;
        }

        .research-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .research-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
        }

        .research-card img {
            height: 180px;
            object-fit: cover;
        }

        .research-card-content {
            padding: 1.5rem;
        }

        .research-card h3 {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
        }

        .research-card p {
            font-size: 0.95rem;
            margin-bottom: 1rem;
            color: var(--gray);
        }

        .research-tag {
            display: inline-block;
            font-size: 0.75rem;
            padding: 0.35rem 0.75rem;
            background: var(--light);
            color: var(--accent);
            border-radius: 4px;
            font-weight: 600;
        }

        /* --- SECTION 2: STEM EDUCATION --- */
        .stem-section {
            padding: 5rem 0;
        }

        .stem-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        }

        .stem-text h2 {
            font-size: 2.5rem;
            margin-bottom: 1.25rem;
        }

        .programs-list {
            margin-top: 2rem;
        }

        .program-item {
            display: flex;
            gap: 1.25rem;
            margin-bottom: 1.5rem;
            padding: 1.25rem;
            background: white;
            border-left: 4px solid var(--accent);
            border-radius: 6px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .program-icon {
            min-width: 48px;
            height: 48px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--light);
            color: var(--accent);
            border-radius: 50%;
            font-size: 1.25rem;
            font-weight: 700;
        }

        .program-info h4 {
            font-size: 1.15rem;
            margin-bottom: 0.5rem;
        }

        .program-info p {
            font-size: 0.95rem;
            color: var(--gray);
        }

        /* --- FEATURED RESEARCH --- */
        .featured-research {
            padding: 4rem 0;
            background: var(--primary-dark);
            color: white;
        }

        .featured-research .section-header h2,
        .featured-research p {
            color: white;
        }

        .featured-research .section-header p {
            color: #cbd5e1;
        }

        .publication-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 2.5rem;
        }

        .publication-card {
            background: rgba(255, 255, 255, 0.08);
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.2s;
        }

        .publication-card:hover {
            background: rgba(255, 255, 255, 0.12);
            border-color: rgba(255, 255, 255, 0.25);
        }

        .publication-card-header {
            padding: 1.25rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .pub-meta {
            font-size: 0.85rem;
            color: #cbd5e1;
        }

        .pub-date {
            font-size: 0.75rem;
            background: rgba(26, 115, 232, 0.2);
            color: #cbd5e1;
            padding: 0.25rem 0.75rem;
            border-radius: 15px;
        }

        .pub-content {
            padding: 1.5rem;
        }

        .pub-title {
            font-size: 1.25rem;
            margin-bottom: 0.75rem;
            font-weight: 600;
        }

        .pub-authors {
            font-size: 0.9rem;
            color: #cbd5e1;
            margin-bottom: 1rem;
            font-style: italic;
        }

        .pub-btn {
            display: inline-block;
            font-size: 0.9rem;
            color: var(--accent);
            font-weight: 600;
            padding-top: 0.75rem;
        }

        .pub-btn:hover {
            text-decoration: underline;
        }

        /* --- INTERACTIVE LAB DIRECTORY --- */
        .lab-directory {
            padding: 5rem 0;
            background: white;
        }

        .search-section {
            max-width: 800px;
            margin: 0 auto 3.5rem;
            text-align: center;
        }

        .search-container {
            display: flex;
            gap: 1rem;
            max-width: 600px;
            margin: 1.5rem auto 0;
        }

        .search-input {
            flex: 1;
            padding: 1rem 1.25rem;
            font-size: 1rem;
            border: 1px solid var(--border);
            border-radius: 8px;
            outline: none;
        }

        .search-input:focus {
            border-color: var(--accent);
            box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.15);
        }

        .search-btn {
            padding: 1rem 1.5rem;
            background: var(--accent);
            color: white;
            border: none;
            border-radius: 8px;
            font-weight: 600;
            cursor: pointer;
            transition: background 0.2s;
        }

        .search-btn:hover {
            background: var(--accent-hover);
        }

        .directory-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1.5rem;
        }

        .lab-card {
            border: 1px solid var(--border);
            border-radius: 10px;
            padding: 1.5rem;
            transition: all 0.2s;
        }

        .lab-card:hover {
            border-color: var(--accent);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .lab-card h3 {
            margin-bottom: 0.5rem;
            font-size: 1.25rem;
        }

        .lab-card .dept {
            color: var(--gray);
            font-size: 0.95rem;
            margin-bottom: 0.75rem;
        }

        .lab-card .research-focus {
            font-size: 0.9rem;
            margin-bottom: 1rem;
            padding: 0.5rem 1rem;
            background: var(--light);
            border-radius: 6px;
        }

        .lab-card .contact-btn {
            font-size: 0.9rem;
            color: var(--accent);
            font-weight: 600;
        }

        .lab-card .contact-btn:hover {
            text-decoration: underline;
        }

        /* --- TESTIMONIALS --- */
        .testimonials {
            padding: 5rem 0;
            background: var(--light);
        }

        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
        }

        .testimonial-card {
            background: white;
            padding: 2rem;
            border-radius: 12px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        }

        .quote {
            font-style: italic;
            font-size: 1.15rem;
            margin-bottom: 1.5rem;
            color: var(--dark);
            line-height: 1.6;
        }

        .author {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .author img {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            object-fit: cover;
        }

        .author-info h4 {
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }

        .author-info p {
            font-size: 0.875rem;
            color: var(--gray);
        }

        /* --- FAQ SECTION --- */
        .faq-section {
            padding: 5rem 0;
            background: white;
        }

        .faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .faq-item {
            border-bottom: 1px solid var(--border);
            padding: 1.5rem 0;
        }

        .faq-question {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--primary);
            cursor: pointer;
            padding: 1rem 0;
        }

        .faq-question span {
            font-size: 1.25rem;
            color: var(--gray);
        }

        .faq-answer {
            color: var(--gray);
            padding-top: 0.75rem;
            padding-left: 0.5rem;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding-top 0.3s ease-out;
        }

        .faq-item.active .faq-answer {
            max-height: 300px;
            padding-top: 1rem;
        }

        /* --- CTA SECTION --- */
        .cta-section {
            padding: 5rem 0;
            text-align: center;
        }

        .cta-box {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            border-radius: 16px;
            padding: 4rem 2rem;
            color: white;
            max-width: 900px;
            margin: 0 auto;
        }

        .cta-box h2 {
            font-size: 2.5rem;
            margin-bottom: 1.25rem;
        }

        .cta-box p {
            font-size: 1.15rem;
            margin-bottom: 2.5rem;
            font-weight: 300;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        /* --- FOOTER --- */
        footer {
            background: #0a1e34;
            color: #cbd5e1;
            padding: 4rem 0 2rem;
        }

        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 2.5rem;
            margin-bottom: 3rem;
        }

        .footer-col h3 {
            color: white;
            margin-bottom: 1.25rem;
        }

        .footer-col ul {
            list-style: none;
        }

        .footer-col ul li {
            margin-bottom: 0.75rem;
        }

        .footer-col a {
            color: #cbd5e1;
            font-size: 0.95rem;
        }

        .footer-col a:hover {
            color: white;
        }

        .footer-bottom {
            border-top: 1px solid #1e293b;
            padding-top: 2rem;
            text-align: center;
            font-size: 0.9rem;
        }

        .social-links {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .social-icon {
            width: 24px;
            height: 24px;
            fill: #cbd5e1;
            transition: fill 0.2s;
        }

        .social-icon:hover {
            fill: white;
        }

        /* --- MODAL --- */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 1000;
            align-items: center;
            justify-content: center;
        }

        .modal.active {
            display: flex;
            animation: fadeIn 0.3s ease-out;
        }

        .modal-content {
            background: white;
            border-radius: 12px;
            padding: 2.5rem;
            max-width: 500px;
            width: 90%;
            position: relative;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
        }

        .close-btn {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: var(--gray);
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group label {
            display: block;
            margin-bottom: 0.5rem;
            font-weight: 500;
            color: var(--primary);
        }

        .form-group input,
        .form-group textarea,
        .form-group select {
            width: 100%;
            padding: 0.75rem 1rem;
            border: 1px solid var(--border);
            border-radius: 8px;
            font-family: inherit;
            font-size: 1rem;
            transition: border-color 0.2s;
        }

        .form-group input:focus,
        .form-group textarea:focus,
        .form-group select:focus {
            border-color: var(--accent);
            outline: none;
        }

        .modal h3 {
            margin-bottom: 1rem;
        }

        .modal p {
            color: var(--gray);
            margin-bottom: 1.5rem;
        }

        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
                gap: 1rem;
            }

            nav ul {
                gap: 1rem;
                flex-wrap: wrap;
            }

            .hero h1 {
                font-size: 2.25rem;
            }

            .research-container,
            .stem-container {
                grid-template-columns: 1fr;
            }

            .research-content,
            .stem-text {
                padding-right: 0;
            }

            .search-container {
                flex-direction: column;
            }

            .modal-content {
                padding: 1.5rem;
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header>
        <div class="container">
            <div class="header-content">
                <div class="logo">
                    <img src="https://placehold.co/48x48/0f2e4d/ffffff?text=A" alt="Aether Logo">
                    <div>
                        <div class="logo-text">Aether Science Collective</div>
                        <div class="logo-sub">Advancing Human Understanding</div>
                    </div>
                </div>
                <button class="mobile-menu-btn" onclick="toggleMenu()">☰</button>
                <nav>
                    <ul>
                        <li><a href="#home">Home</a></li>
                        <li><a href="#research">Research</a></li>
                        <li><a href="#education">Education</a></li>
                        <li><a href="#publications">Publications</a></li>
                        <li><a href="#directory">Directory</a></li>
                        <li><a href="#events">Events</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </nav>
                <a href="#" class="btn btn-primary btn-sm">Donate</a>
            </div>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="container">
            <h1>Unlocking the Frontiers of Knowledge</h1>
            <p>A global collaboration of scientists, educators, and innovators dedicated to accelerating scientific discovery and ensuring its equitable application for the benefit of humanity and our planet.</p>
            <div class="hero-buttons">
                <a href="#research" class="btn btn-white">Explore Research</a>
                <a href="#directory" class="btn btn-outline-white">Find a Lab</a>
            </div>
        </div>
    </section>

    <!-- Stats Section -->
    <section class="stats-section">
        <div class="container">
            <div class="stats-grid">
                <div class="stat-item">
                    <h3>240+</h3>
                    <p>Active Research Projects</p>
                </div>
                <div class="stat-item">
                    <h3>45+</h3>
                    <p>Partner Institutions</p>
                </div>
                <div class="stat-item">
                    <h3>120+</h3>
                    <p>Published Discoveries</p>
                </div>
                <div class="stat-item">
                    <h3>15k+</h3>
                    <p>STEM Students Reached</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Main Content -->
    <main>
        <!-- Research Initiatives Section -->
        <section class="research-section" id="research">
            <div class="container">
                <div class="research-container">
                    <div class="research-content">
                        <h2>Pioneering Discovery Through Collaborative Research</h2>
                        <p>At Aether, we believe that humanity's most pressing challenges—climate change, global health, sustainable energy, and digital ethics—require unprecedented levels of interdisciplinary cooperation. Our research ecosystem spans over 30 specialized centers, fostering an environment where hypotheses are rigorously tested, data is transparently shared, and findings undergo rigorous peer validation before dissemination.</p>
                        <p>Our longitudinal studies, some spanning decades, provide invaluable insights into complex phenomena like aging, environmental degradation, and neural development. By adopting open-science principles, we ensure our research benefits from collective scrutiny and contributes meaningfully to the global scientific corpus.</p>
                        <p>Recent breakthroughs include the development of novel CRISPR-Cas systems for gene editing, AI-driven climate modeling with 92% predictive accuracy, and sustainable nanomaterials with 40% greater efficiency in energy storage.</p>
                        <a href="#publications" class="btn btn-primary">Access Our Publications</a>
                    </div>
                    <div>
                        <div class="research-grid">
                            <div class="research-card">
                                <img src="https://picsum.photos/400/300?grayscale" alt="Genomic research in progress">
                                <div class="research-card-content">
                                    <span class="research-tag">Genomics</span>
                                    <h3>CRISPR-Next</h3>
                                    <p>Developing precision gene-editing tools with reduced off-target effects for treating rare genetic disorders.</p>
                                </div>
                            </div>
                            <div class="research-card">
                                <img src="https://picsum.photos/400/300?grayscale" alt="Field research">
                                <div class="research-card-content">
                                    <span class="research-tag">Ecology</span>
                                    <h3>Project Regen</h3>
                                    <p>Restoring biodiversity in degraded ecosystems using AI-guided rewilding strategies and community engagement.</p>
                                </div>
                            </div>
                            <div class="research-card">
                                <img src="https://picsum.photos/400/300?grayscale" alt="Neural network visualization">
                                <div class="research-card-content">
                                    <span class="research-tag">AI & Neuroscience</span>
                                    <h3>Brain-Computer Interfaces</h3>
                                    <p>Creating ethical neural interfaces for medical rehabilitation and enhanced human-computer interaction.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- STEM Education Section -->
        <section class="stem-section" id="education">
            <div class="container">
                <div class="section-header">
                    <h2>Empowering Future Scientists</h2>
                    <p>Our STEM education programs transform theoretical concepts into hands-on learning experiences, inspiring curiosity and critical thinking from primary school through postdoctoral research.</p>
                </div>
                <div class="stem-container">
                    <div class="stem-text">
                        <h2>Building the Next Generation of Scientific Leaders</h2>
                        <p>We design educational experiences that mirror authentic scientific practice—not just memorizing facts, but forming hypotheses, collecting and analyzing data, and presenting findings with confidence. Our curriculum aligns with NGSS standards while incorporating cutting-edge topics like bioethics and computational modeling.</p>
                        <p>With over 70% of our program alumni pursuing STEM degrees and 65% entering research fields within 5 years of graduation, our impact is measurable and meaningful. We believe that scientific literacy is a fundamental human right, and we work tirelessly to dismantle barriers to participation through inclusive pedagogy and targeted outreach.</p>
                        <p>Each year, our educators undergo rigorous professional development to stay current with best practices in science pedagogy and equity-focused instruction.</p>
                        <a href="#contact" class="btn btn-accent">Partner With Us</a>
                    </div>
                    <div class="programs-list">
                        <div class="program-item">
                            <div class="program-icon">🔬</div>
                            <div class="program-info">
                                <h4>Lab Scholars Program</h4>
                                <p>Full-semester research internships for undergraduate students with mentorship from our senior scientists.</p>
                            </div>
                        </div>
                        <div class="program-item">
                            <div class="program-icon">🧑‍🏫</div>
                            <div class="program-info">
                                <h4>K-12 STEM Ambassador Corps</h4>
                                <p>Graduate students visit classrooms to lead hands-on experiments and career conversations.</p>
                            </div>
                        </div>
                        <div class="program-item">
                            <div class="program-icon">🌍</div>
                            <div class="program-info">
                                <h4>Citizen Science Network</h4>
                                <p>Public participation in ongoing research projects—from tracking migratory patterns to monitoring air quality.</p>
                            </div>
                        </div>
                        <div class="program-item">
                            <div class="program-icon">💻</div>
                            <div class="program-info">
                                <h4>Data Science for Scientists</h4>
                                <p>Workshops on Python, R, machine learning fundamentals, and reproducible research practices.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Featured Research Publications -->
        <section class="featured-research" id="publications">
            <div class="container">
                <div class="section-header">
                    <h2>Recent Landmark Publications</h2>
                    <p>Our peer-reviewed research appears in top-tier journals and contributes foundational knowledge across disciplines.</p>
                </div>
                <div class="publication-grid">
                    <div class="publication-card">
                        <div class="publication-card-header">
                            <span class="pub-meta">Nature, 2024</span>
                            <span class="pub-date">June 12</span>
                        </div>
                        <div class="pub-content">
                            <div class="pub-title">Novel Neuroprotective Compound Reduces Amyloid Plaques in Early-Stage Alzheimer's Patients</div>
                            <div class="pub-authors">by A. Patel, M. Tanaka, R. Gupta et al.</div>
                            <a href="#" class="pub-btn">Read Publication →</a>
                        </div>
                    </div>
                    <div class="publication-card">
                        <div class="publication-card-header">
                            <span class="pub-meta">Science Advances, 2024</span>
                            <span class="pub-date">May 30</span>
                        </div>
                        <div class="pub-content">
                            <div class="pub-title">Autonomous Micro-robotic Swarms for Targeted Drug Delivery in Solid Tumors</div>
                            <div class="pub-authors">by L. Chen, S. Johnson, K. Al-Rashid et al.</div>
                            <a href="#" class="pub-btn">Read Publication →</a>
                        </div>
                    </div>
                    <div class="publication-card">
                        <div class="publication-card-header">
                            <span class="pub-meta">PNAS, 2024</span>
                            <span class="pub-date">April 18</span>
                        </div>
                        <div class="pub-content">
                            <div class="pub-title">Genomic Adaptation Mechanisms in Coral Reefs Under Extreme Thermal Stress</div>
                            <div class="pub-authors">by E. Williams, H. Nkosi, T. Mwangi et al.</div>
                            <a href="#" class="pub-btn">Read Publication →</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Lab Directory Interactive Section -->
        <section class="lab-directory" id="directory">
            <div class="container">
                <div class="search-section">
                    <h2>Explore Our Research Laboratories</h2>
                    <p>Connect with our 60+ active labs spanning physics, biology, social sciences, and engineering. Use our directory to find labs working on specific technologies, diseases, or environmental challenges.</p>
                    <form class="search-container" onsubmit="filterLabs(event)">
                        <input type="text" id="labSearch" class="search-input" placeholder="Search labs, PIs, keywords (e.g., 'quantum', 'oncology', 'climate')">
                        <select class="search-input" style="width: 180px;">
                            <option value="">All Departments</option>
                            <option value="bio">Biological Sciences</option>
                            <option value="physics">Physics</option>
                            <option value="cs">Computer Science</option>
                            <option value="env">Environmental Science</option>
                        </select>
                        <button type="submit" class="search-btn">Search</button>
                    </form>
                </div>
                <div class="directory-grid">
                    <div class="lab-card" data-dept="bio">
                        <h3>Genomic Innovation Lab</h3>
                        <p class="dept">Department of Biological Sciences</p>
                        <p class="research-focus">Gene therapy development, CRISPR off-target analysis, ethical genomic editing frameworks</p>
                        <a href="#" class="contact-btn">Contact Dr. Aisha Khan</a>
                    </div>
                    <div class="lab-card" data-dept="physics">
                        <h3>Quantum Materials Research</h3>
                        <p class="dept">Department of Physics</p>
                        <p class="research-focus">Topological insulators, quantum computing error correction, superconducting materials</p>
                        <a href="#" class="contact-btn">Contact Prof. Robert Vance</a>
                    </div>
                    <div class="lab-card" data-dept="env">
                        <h3>Climate Resilience Center</h3>
                        <p class="dept">Department of Environmental Science</p>
                        <p class="research-focus">Carbon sequestration technologies, regional climate adaptation strategies, biodiversity modeling</p>
                        <a href="#" class="contact-btn">Contact Dr. Fatima Nkosi</a>
                    </div>
                    <div class="lab-card" data-dept="cs">
                        <h3>AI Ethics & Society Lab</h3>
                        <p class="dept">Department of Computer Science</p>
                        <p class="research-focus">Algorithmic bias detection, responsible AI deployment, governance frameworks</p>
                        <a href="#" class="contact-btn">Contact Dr. Marcus Chen</a>
                    </div>
                    <div class="lab-card" data-dept="bio">
                        <h3>Microbiome & Health Initiative</h3>
                        <p class="dept">Department of Biological Sciences</p>
                        <p class="research-focus">Gut-brain axis research, microbiome-based therapeutics, personalized nutrition</p>
                        <a href="#" class="contact-btn">Contact Dr. Sofia Al-Zaher</a>
                    </div>
                    <div class="lab-card" data-dept="env">
                        <h3>Ocean Health Lab</h3>
                        <p class="dept">Department of Environmental Science</p>
                        <p class="research-focus">Marine conservation, ocean acidification impacts, sustainable fisheries management</p>
                        <a href="#" class="contact-btn">Contact Dr. James O'Connell</a>
                    </div>
                </div>
            </div>
        </section>

        <!-- Testimonials -->
        <section class="testimonials">
            <div class="container">
                <div class="section-header">
                    <h2>Community Voices</h2>
                    <p>See what our researchers, students, and partners say about Aether</p>
                </div>
                <div class="testimonial-grid">
                    <div class="testimonial-card">
                        <div class="quote">"Aether's collaborative model transformed my approach to research. The shared resources and open data philosophy accelerated our project timelines by over 30%, while the mentorship ecosystem helped me grow as an independent scientist."</div>
                        <div class="author">
                            <img src="https://placehold.co/96x96/1a73e8/ffffff?text=S" alt="Sarah">
                            <div class="author-info">
                                <h4>Sarah Mitchell, PhD</h4>
                                <p>Postdoctoral Fellow, Microbiome Lab</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <div class="quote">"As a high school teacher in a Title I school, the STEM Ambassador Corps program gave me tools to make science accessible and exciting for my students. Five of my mentees have since pursued STEM degrees."</div>
                        <div class="author">
                            <img src="https://placehold.co/96x96/1e8e3e/ffffff?text=R" alt="Ricardo">
                            <div class="author-info">
                                <h4>Ricardo Torres</h4>
                                <p>Science Teacher, Eastside High</p>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-card">
                        <div class="quote">"Our foundation has funded over 120 projects through Aether's grant program. Their commitment to rigorous methodology, transparent reporting, and impactful dissemination sets a gold standard in scientific philanthropy."</div>
                        <div class="author">
                            <img src="https://placehold.co/96x96/0f2e4d/ffffff?text=L" alt="Linda">
                            <div class="author-info">
                                <h4>Linda Chen, MD</h4>
                                <p>Director, Health Innovation Foundation</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- FAQ Section -->
        <section class="faq-section" id="faq">
            <div class="container">
                <div class="section-header">
                    <h2>Frequently Asked Questions</h2>
                    <p>Common inquiries from researchers, educators, and community partners</p>
                </div>
                <div class="faq-container">
                    <div class="faq-item">
                        <div class="faq-question">
                            <span>How can I access Aether's research data?</span>
                            <span>+</span>
                        </div>
                        <div class="faq-answer">
                            <p>All datasets from publicly funded projects are available through our Open Science Portal at open.aether.science. Data undergoes metadata tagging and quality control before publication. Most are CC-BY licensed for reuse with attribution.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question">
                            <span>What grant opportunities do you offer?</span>
                            <span>+</span>
                        </div>
                        <div class="faq-answer">
                            <p>We offer multiple grant tiers: <br>• Exploratory (up to $50k for high-risk ideas)<br>• Collaborative (up to $250k for multi-institutional work)<br>• Translation (up to $1M for moving discoveries toward applications)<br><br>Deadlines are quarterly, with next submission on August 15, 2024.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question">
                            <span>How do I partner with Aether on K-12 STEM initiatives?</span>
                            <span>+</span>
                        </div>
                        <div class="faq-answer">
                            <p>School districts and community organizations can apply through our Community Partnership Program. Requirements include alignment with local standards, commitment to equity, and capacity for joint evaluation. Applications open September 1 annually.</p>
                        </div>
                    </div>
                    <div class="faq-item">
                        <div class="faq-question">
                            <span>Are lab tours available for the public?</span>
                            <span>+</span>
                        </div>
                        <div class="faq-answer">
                            <p>Yes! We host monthly "Open Lab Days" on the third Saturday of each month, including accessibility accommodations. Virtual tours are available through our YouTube channel. Groups of 10+ can request custom tours with 4 weeks' notice.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA Section -->
        <section class="cta-section">
            <div class="container">
                <div class="cta-box">
                    <h2>Join Us in Advancing Science</h2>
                    <p>Whether you're a researcher seeking collaboration, an educator aiming to inspire, or a community partner looking to make impact—there's a place for you at Aether.</p>
                    <div class="hero-buttons">
                        <a href="#contact" class="btn btn-white">Contact Us</a>
                        <a href="#" onclick="openModal()" class="btn btn-outline-white">Apply for Access</a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Contact Section -->
    <section class="container" id="contact" style="padding: 4rem 20px 6rem;">
        <div class="contact-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 3rem; background: var(--light); padding: 3rem; border-radius: 12px;">
            <div>
                <h3>Headquarters</h3>
                <p>1428 Discovery Avenue<br>Cambridge, MA 02139<br>United States</p>
                <p style="margin-top: 1.5rem;">
                    <strong>Phone:</strong> +1 (617) 555-0198<br>
                    <strong>Email:</strong> contact@aether.science<br>
                    <strong>Media Inquiries:</strong> media@aether.science
                </p>
            </div>
            <div>
                <h3>Regional Centers</h3>
                <ul style="list-style: none; margin-top: 1.5rem;">
                    <li>London Hub: 12 Kings Parade, London, UK</li>
                    <li>Singapore Lab: 8 Science Drive, Singapore 117456</li>
                    <li>Nairobi Node: 45 Nairobi Innovation Park</li>
                    <li>São Paulo Lab: 204 Centro de Ciências, USP</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="social-links">
                <a href="#"><svg class="social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a>
                <a href="#"><svg class="social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></a>
                <a href="#"><svg class="social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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="#"><svg class="social-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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>
            </div>
            
            <div class="footer-grid">
                <div class="footer-col">
                    <h3>Aether Science Collective</h3>
                    <p style="font-size: 0.95rem;">
                        Advancing scientific knowledge through collaboration, integrity, and public service.
                    </p>
                </div>
                <div class="footer-col">
                    <h3>Resources</h3>
                    <ul>
                        <li><a href="#">Open Data Portal</a></li>
                        <li><a href="#">Research Guidelines</a></li>
                        <li><a href="#">Ethics Policy</a></li>
                        <li><a href="#">Publications</a></li>
                        <li><a href="#">Grants Database</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h3>Education</h3>
                    <ul>
                        <li><a href="#">K-12 Programs</a></li>
                        <li><a href="#">University Partnerships</a></li>
                        <li><a href="#">Teacher Training</a></li>
                        <li><a href="#">Public Lectures</a></li>
                        <li><a href="#">Virtual Labs</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h3>Connect</h3>
                    <ul>
                        <li><a href="#">Contact Support</a></li>
                        <li><a href="#">Media Inquiries</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Volunteer</a></li>
                        <li><a href="#">Newsletter</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="footer-bottom">
                <p>&copy; 2024 Aether Science Collective. All rights reserved.</p>
                <div style="margin-top: 0.75rem; font-size: 0.85rem; display: flex; justify-content: center; gap: 1.5rem;">
                    <a href="#">Privacy Policy</a>
                    <a href="#">Terms of Use</a>
                    <a href="#">Accessibility Statement</a>
                </div>
            </div>
        </div>
    </footer>

    <!-- Contact Modal -->
    <div class="modal" id="contactModal">
        <div class="modal-content">
            <button class="close-btn" onclick="closeModal()">×</button>
            <h3>Get In Touch</h3>
            <p>Have questions about research collaborations, educational partnerships, or donations? Fill out the form below and we'll connect you with the right team.</p>
            
            <form>
                <div class="form-group">
                    <label for="name">Full Name</label>
                    <input type="text" id="name" required>
                </div>
                
                <div class="form-group">
                    <label for="email">Email Address</label>
                    <input type="email" id="email" required>
                </div>
                
                <div class="form-group">
                    <label for="affiliation">Affiliation</label>
                    <input type="text" id="affiliation" placeholder="University, Organization, or 'Individual'">
                </div>
                
                <div class="form-group">
                    <label for="inquiry">Inquiry Type</label>
                    <select id="inquiry">
                        <option value="research">Research Collaboration</option>
                        <option value="education">Educational Partnership</option>
                        <option value="donation">Make a Gift</option>
                        <option value="media">Media Inquiry</option>
                        <option value="other">Other</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" rows="4"></textarea>
                </div>
                
                <button type="submit" class="btn btn-primary" style="width: 100%;">Send Inquiry</button>
            </form>
        </div>
    </div>

    <script>
        // Mobile menu toggle
        function toggleMenu() {
            const nav = document.querySelector('nav ul');
            nav.style.display = nav.style.display === 'flex' ? 'none' : 'flex';
            nav.style.flexDirection = 'column';
            nav.style.position = 'absolute';
            nav.style.top = '100%';
            nav.style.left = '0';
            nav.style.width = '100%';
            nav.style.backgroundColor = '#fff';
            nav.style.boxShadow = '0 5px 10px rgba(0,0,0,0.1)';
            nav.style.padding = '1rem 0';
        }

        // FAQ accordion
        document.querySelectorAll('.faq-question').forEach(question => {
            question.addEventListener('click', () => {
                const item = question.parentElement;
                item.classList.toggle('active');
                
                // Close other items
                document.querySelectorAll('.faq-item').forEach(otherItem => {
                    if (otherItem !== item) {
                        otherItem.classList.remove('active');
                    }
                });
            });
        });

        // Modal functions
        function openModal() {
            document.getElementById('contactModal').classList.add('active');
        }

        function closeModal() {
            document.getElementById('contactModal').classList.remove('active');
        }

        // Close modal when clicking outside
        document.getElementById('contactModal').addEventListener('click', function(e) {
            if (e.target === this) {
                closeModal();
            }
        });

        // Lab directory search
        function filterLabs(event) {
            event.preventDefault();
            const term = document.getElementById('labSearch').value.toLowerCase();
            const dept = document.querySelector('.search-container select').value;
            
            document.querySelectorAll('.lab-card').forEach(card => {
                const deptAttr = card.dataset.dept;
                const content = card.innerText.toLowerCase();
                const matchesSearch = content.includes(term);
                const matchesDept = dept === '' || deptAttr === dept;
                
                card.style.display = matchesSearch && matchesDept ? 'block' : 'none';
            });
        }

        // Smooth scrolling for anchor links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                const targetElement = document.querySelector(targetId);
                
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80,
                        behavior: 'smooth'
                    });
                }
            });
        });
    </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:41:03.488Z",
  "url": "https://benchmark.aimac.invalid/09005caf75b98d7a3e960fbafe5f61ec3bf5c2bfcc13f8c24d0975c1ca4783d5.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-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": []
    },
    {
      "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-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": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-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": []
    },
    {
      "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": "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": []
    },
    {
      "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": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<select class=\"search-input\" style=\"width: 180px;\">",
          "target": [
            ".search-container > select"
          ]
        }
      ]
    },
    {
      "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=\"search-btn\">Search</button>",
          "target": [
            ".search-btn"
          ]
        }
      ]
    },
    {
      "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>Unlocking the Frontiers of Knowledge</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h3>240+</h3>",
                  "target": [
                    ".stat-item:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>45+</h3>",
                  "target": [
                    ".stat-item:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>120+</h3>",
                  "target": [
                    ".stat-item:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>15k+</h3>",
                  "target": [
                    ".stat-item:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2>Pioneering Discovery Through Collaborative Research</h2>",
                  "target": [
                    ".research-content > h2"
                  ]
                },
                {
                  "html": "<h3>CRISPR-Next</h3>",
                  "target": [
                    ".research-card:nth-child(1) > .research-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Project Regen</h3>",
                  "target": [
                    ".research-card:nth-child(2) > .research-card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Brain-Computer Interfaces</h3>",
                  "target": [
                    ".research-card:nth-child(3) > .research-card-content > h3"
                  ]
                },
                {
                  "html": "<h2>Empowering Future Scientists</h2>",
                  "target": [
                    "#education > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Building the Next Generation of Scientific Leaders</h2>",
                  "target": [
                    ".stem-text > h2"
                  ]
                },
                {
                  "html": "<h4>Lab Scholars Program</h4>",
                  "target": [
                    ".program-item:nth-child(1) > .program-info > h4"
                  ]
                },
                {
                  "html": "<h4>K-12 STEM Ambassador Corps</h4>",
                  "target": [
                    ".program-item:nth-child(2) > .program-info > h4"
                  ]
                },
                {
                  "html": "<h4>Citizen Science Network</h4>",
                  "target": [
                    ".program-item:nth-child(3) > .program-info > h4"
                  ]
                },
                {
                  "html": "<h4>Data Science for Scientists</h4>",
                  "target": [
                    ".program-item:nth-child(4) > .program-info > h4"
                  ]
                },
                {
                  "html": "<h2>Recent Landmark Publications</h2>",
                  "target": [
                    "#publications > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Explore Our Research Laboratories</h2>",
                  "target": [
                    ".search-section > h2"
                  ]
                },
                {
                  "html": "<h3>Genomic Innovation Lab</h3>",
                  "target": [
                    ".lab-card[data-dept=\"bio\"]:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Quantum Materials Research</h3>",
                  "target": [
                    "div[data-dept=\"physics\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Climate Resilience Center</h3>",
                  "target": [
                    ".lab-card[data-dept=\"env\"]:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>AI Ethics &amp; Society Lab</h3>",
                  "target": [
                    "div[data-dept=\"cs\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Microbiome &amp; Health Initiative</h3>",
                  "target": [
                    ".lab-card[data-dept=\"bio\"]:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Ocean Health Lab</h3>",
                  "target": [
                    ".lab-card[data-dept=\"env\"]:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h2>Community Voices</h2>",
                  "target": [
                    ".testimonials > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h4>Sarah Mitchell, PhD</h4>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h4>Ricardo Torres</h4>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h4>Linda Chen, MD</h4>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h2>Frequently Asked Questions</h2>",
                  "target": [
                    "#faq > .container > .section-header > h2"
                  ]
                },
                {
                  "html": "<h2>Join Us in Advancing Science</h2>",
                  "target": [
                    ".cta-box > h2"
                  ]
                },
                {
                  "html": "<h3>Headquarters</h3>",
                  "target": [
                    ".contact-grid > div:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Regional Centers</h3>",
                  "target": [
                    ".contact-grid > div:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Aether Science Collective</h3>",
                  "target": [
                    ".footer-col:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Resources</h3>",
                  "target": [
                    ".footer-col:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Education</h3>",
                  "target": [
                    ".footer-col:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Connect</h3>",
                  "target": [
                    ".footer-col:nth-child(4) > h3"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main>",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0f2e4d",
                "bgColor": "#ffffff",
                "contrastRatio": 13.83,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 13.83"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<div class=\"logo-text\">Aether Science Collective</div>",
          "target": [
            ".logo-text"
          ]
        }
      ]
    },
    {
      "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": "name",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<input type=\"text\" id=\"name\" required=\"\">",
          "target": [
            "#name"
          ]
        }
      ]
    },
    {
      "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": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"labSearch\" class=\"search-input\" placeholder=\"Search labs, PIs, keywords (e.g., 'quantum', 'oncology', 'climate')\">",
          "target": [
            "#labSearch"
          ]
        }
      ]
    },
    {
      "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/0f2e4d/ffffff?text=A\" alt=\"Aether Logo\">",
          "target": [
            "img[alt=\"Aether Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" id=\"labSearch\" class=\"search-input\" placeholder=\"Search labs, PIs, keywords (e.g., 'quantum', 'oncology', 'climate')\">",
          "target": [
            "#labSearch"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"lab-card\" data-dept=\"bio\">",
                  "target": [
                    ".lab-card[data-dept=\"bio\"]:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"contact-btn\">Contact Dr. Aisha Khan</a>",
          "target": [
            ".lab-card[data-dept=\"bio\"]:nth-child(1) > .contact-btn[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": "serious",
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "nav > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#home\">Home</a></li>",
          "target": [
            "nav > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/48x48/0f2e4d/ffffff?text=A\" alt=\"Aether Logo\">",
          "target": [
            "img[alt=\"Aether Logo\"]"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "a[href$=\"#home\"]"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "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": "36.0pt (48px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h1>Unlocking the Frontiers of Knowledge</h1>",
          "target": [
            "h1"
          ],
          "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": "#1a73e8",
                "bgColor": "#f8fafc",
                "contrastRatio": 4.3,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"research-tag\">Genomics</span>",
                  "target": [
                    ".research-card:nth-child(1) > .research-card-content > .research-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"research-tag\">Genomics</span>",
          "target": [
            ".research-card:nth-child(1) > .research-card-content > .research-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a73e8",
                "bgColor": "#f8fafc",
                "contrastRatio": 4.3,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"research-tag\">Ecology</span>",
                  "target": [
                    ".research-card:nth-child(2) > .research-card-content > .research-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"research-tag\">Ecology</span>",
          "target": [
            ".research-card:nth-child(2) > .research-card-content > .research-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a73e8",
                "bgColor": "#f8fafc",
                "contrastRatio": 4.3,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"research-tag\">AI &amp; Neuroscience</span>",
                  "target": [
                    ".research-card:nth-child(3) > .research-card-content > .research-tag"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"research-tag\">AI &amp; Neuroscience</span>",
          "target": [
            ".research-card:nth-child(3) > .research-card-content > .research-tag"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 4.3 (foreground color: #1a73e8, background color: #f8fafc, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a73e8",
                "bgColor": "#1e3044",
                "contrastRatio": 2.98,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"publication-card\">",
                  "target": [
                    ".publication-card:nth-child(1)"
                  ]
                },
                {
                  "html": "<section class=\"featured-research\" id=\"publications\">",
                  "target": [
                    "#publications"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"pub-btn\">Read Publication \u2192</a>",
          "target": [
            ".publication-card:nth-child(1) > .pub-content > .pub-btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a73e8",
                "bgColor": "#1e3044",
                "contrastRatio": 2.98,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"publication-card\">",
                  "target": [
                    ".publication-card:nth-child(2)"
                  ]
                },
                {
                  "html": "<section class=\"featured-research\" id=\"publications\">",
                  "target": [
                    "#publications"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"pub-btn\">Read Publication \u2192</a>",
          "target": [
            ".publication-card:nth-child(2) > .pub-content > .pub-btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a73e8",
                "bgColor": "#1e3044",
                "contrastRatio": 2.98,
                "fontSize": "10.8pt (14.4px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"publication-card\">",
                  "target": [
                    ".publication-card:nth-child(3)"
                  ]
                },
                {
                  "html": "<section class=\"featured-research\" id=\"publications\">",
                  "target": [
                    "#publications"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\" class=\"pub-btn\">Read Publication \u2192</a>",
          "target": [
            ".publication-card:nth-child(3) > .pub-content > .pub-btn[href=\"#\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.98 (foreground color: #1a73e8, background color: #1e3044, font size: 10.8pt (14.4px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "link-name",
      "impact": "serious",
      "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 does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\">",
          "target": [
            ".social-links > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\">",
          "target": [
            ".social-links > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\">",
          "target": [
            ".social-links > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        },
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have text that is visible to screen readers"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has no title attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is in tab order and does not have accessible text"
            }
          ],
          "impact": "serious",
          "html": "<a href=\"#\">",
          "target": [
            ".social-links > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix all of the following:\n  Element is in tab order and does not have accessible text\n\nFix any of the following:\n  Element does not have text that is visible to screen readers\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute"
        }
      ]
    },
    {
      "id": "select-name",
      "impact": "critical",
      "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": "implicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an implicit (wrapped) <label>"
            },
            {
              "id": "explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an explicit <label>"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<select class=\"search-input\" style=\"width: 180px;\">",
          "target": [
            ".search-container > select"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an implicit (wrapped) <label>\n  Element does not have an explicit <label>\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7957
      },
      {
        "y": 576,
        "height": 7957
      },
      {
        "y": 1152,
        "height": 7957
      },
      {
        "y": 1728,
        "height": 7957
      },
      {
        "y": 2304,
        "height": 7957
      },
      {
        "y": 2880,
        "height": 7957
      },
      {
        "y": 3456,
        "height": 7957
      },
      {
        "y": 4032,
        "height": 7957
      },
      {
        "y": 4608,
        "height": 7957
      },
      {
        "y": 5184,
        "height": 7957
      },
      {
        "y": 5760,
        "height": 7957
      },
      {
        "y": 6336,
        "height": 7957
      },
      {
        "y": 6912,
        "height": 7957
      },
      {
        "y": 7237,
        "height": 7957
      }
    ],
    "scans": 15,
    "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 "Science" 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: "Science"
- Description: Scientific research, discoveries, STEM education, and science news.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Science" 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: "Research", "About", "Events".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Science" category. Consider themes similar to: "Grant Opportunities", "Educational Programs", "STEM Resources".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "longitudinal study", "peer validation", "citation".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Access Publication", "Apply Grant", "Learn More".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Science" sector. Ideas similar but not limited to: "lab directory".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "data releases", "featured research", "upcoming lectures".
-   **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.