ByteDance Seed Seed 2.1 Turbo – Arts and Entertainment

via Seed · Generated

  • AIMAC Debt 2.66
  • Cost $0.08
  • Total Violations 2
  • HTML Size 55 KB
  • Em Dashes 11

Screenshot

View ByteDance Seed Seed 2.1 Turbo Arts and Entertainment page View Live Page

Accessibility Issues Found

2 Serious

  • color-contrast serious 2 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="card-category">Visual Arts</span>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Curtain & Canvas | Your Curated Gateway to Global Arts and Entertainment</title>
    <meta name="description" content="Curtain & Canvas is your premier source for arts and entertainment news, reviews, galleries, and behind-the-scenes access to the world's leading artists and productions.">
    <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=Open+Sans:wght@400;600;700&family=Playfair+Display:wght@700;800&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #1a237e;
            --primary-dark: #0d1442;
            --accent: #ffd700;
            --accent-dark: #b8860b;
            --text-dark: #212121;
            --text-light: #f5f5f5;
            --text-muted: #616161;
            --bg-light: #fafafa;
            --bg-white: #ffffff;
            --border: #e0e0e0;
            --shadow-sm: 0 2px 8px rgba(0,0,0,0.1);
            --shadow-md: 0 4px 16px rgba(0,0,0,0.12);
            --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
            --transition: all 0.3s ease;
        }

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

        body {
            font-family: 'Open Sans', sans-serif;
            color: var(--text-dark);
            line-height: 1.6;
            background-color: var(--bg-light);
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Playfair Display', serif;
            font-weight: 700;
            line-height: 1.2;
        }

        a {
            text-decoration: none;
            color: inherit;
            transition: var(--transition);
        }

        ul {
            list-style: none;
        }

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

        .container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }

        .section {
            padding: 5rem 0;
        }

        .section-title {
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 1rem;
            position: relative;
        }

        .section-title::after {
            content: '';
            display: block;
            width: 60px;
            height: 3px;
            background-color: var(--accent);
            margin: 0.75rem auto 0;
        }

        .section-intro {
            max-width: 800px;
            margin: 0 auto 2.5rem;
            text-align: center;
            color: var(--text-muted);
            font-size: 1.1rem;
        }

        .btn {
            display: inline-block;
            padding: 0.8rem 1.75rem;
            border-radius: 4px;
            font-weight: 600;
            font-size: 0.95rem;
            cursor: pointer;
            border: none;
            transition: var(--transition);
            text-align: center;
        }

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

        .btn-primary:hover {
            background-color: var(--primary-dark);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        .btn-secondary {
            background-color: transparent;
            color: var(--text-light);
            border: 2px solid var(--text-light);
        }

        .btn-secondary:hover {
            background-color: var(--text-light);
            color: var(--primary-dark);
            transform: translateY(-2px);
        }

        .btn-outline {
            background-color: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
            padding: 0.6rem 1.25rem;
            font-size: 0.9rem;
        }

        .btn-outline:hover {
            background-color: var(--primary);
            color: var(--text-light);
            transform: translateY(-2px);
        }

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

        .btn-accent:hover {
            background-color: var(--accent-dark);
            color: var(--text-light);
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
        }

        /* Header Styles */
        .header {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: var(--bg-white);
            box-shadow: var(--shadow-sm);
        }

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

        .logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

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

        .logo-text h1 {
            font-size: 1.5rem;
            color: var(--primary);
        }

        .tagline {
            font-size: 0.85rem;
            color: var(--text-muted);
            font-style: italic;
        }

        .mobile-nav-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 1.75rem;
            cursor: pointer;
            color: var(--primary);
        }

        .main-nav ul {
            display: flex;
            gap: 1.75rem;
        }

        .main-nav a {
            color: var(--text-dark);
            font-weight: 600;
            font-size: 0.95rem;
            position: relative;
        }

        .main-nav a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--accent);
            transition: var(--transition);
        }

        .main-nav a:hover::after {
            width: 100%;
        }

        /* Hero Styles */
        .hero {
            position: relative;
            min-height: 85vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--text-light);
            background-image: url('https://picsum.photos/1920x1080?blur=2&random=10');
            background-size: cover;
            background-position: center;
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(13,20,66,0.85) 0%, rgba(26,35,126,0.75) 100%);
        }

        .hero-content {
            position: relative;
            z-index: 1;
            max-width: 900px;
            padding: 2rem 1.5rem;
        }

        .hero-content h2 {
            font-size: 3.5rem;
            margin-bottom: 1.5rem;
            line-height: 1.1;
        }

        .hero-content p {
            font-size: 1.25rem;
            margin-bottom: 2.5rem;
            opacity: 0.95;
            line-height: 1.8;
        }

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

        /* Featured Experiences */
        .experiences-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            margin-top: 3rem;
        }

        .experience-card {
            background-color: var(--bg-white);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: var(--shadow-md);
            transition: var(--transition);
        }

        .experience-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-lg);
        }

        .experience-card img {
            width: 100%;
            height: 320px;
            object-fit: cover;
        }

        .card-content {
            padding: 2rem;
        }

        .card-category {
            display: inline-block;
            background-color: rgba(255, 215, 0, 0.15);
            color: var(--accent-dark);
            padding: 0.25rem 0.75rem;
            border-radius: 20px;
            font-size: 0.8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 1rem;
        }

        .experience-card h3 {
            font-size: 1.75rem;
            margin-bottom: 0.5rem;
            color: var(--primary-dark);
        }

        .card-venue {
            color: var(--text-muted);
            font-size: 0.9rem;
            margin-bottom: 1.25rem;
            font-style: italic;
        }

        .card-content p {
            margin-bottom: 1rem;
            color: var(--text-dark);
            line-height: 1.7;
        }

        .card-content .btn {
            margin-top: 0.5rem;
        }

        /* Cultural Impact Section */
        .cultural-impact {
            background-color: var(--bg-white);
        }

        .impact-grid {
            display: grid;
            grid-template-columns: 1fr 1.2fr;
            gap: 3.5rem;
            align-items: center;
            margin-top: 3rem;
        }

        .impact-image img {
            border-radius: 8px;
            box-shadow: var(--shadow-lg);
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .impact-text p {
            margin-bottom: 1.25rem;
            line-height: 1.8;
            color: var(--text-dark);
        }

        .impact-text .btn {
            margin-top: 1rem;
        }

        /* Reviews Section */
        .reviews-container {
            display: grid;
            grid-template-columns: 3fr 1fr;
            gap: 3rem;
        }

        .filter-buttons {
            display: flex;
            gap: 0.75rem;
            margin-bottom: 2rem;
            flex-wrap: wrap;
        }

        .filter-btn {
            padding: 0.6rem 1.25rem;
            border: 2px solid var(--primary);
            background-color: var(--bg-white);
            color: var(--primary);
            border-radius: 4px;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition);
            font-size: 0.9rem;
        }

        .filter-btn.active,
        .filter-btn:hover {
            background-color: var(--primary);
            color: var(--text-light);
        }

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

        .review-card {
            background-color: var(--bg-white);
            border-radius: 8px;
            padding: 1.75rem;
            box-shadow: var(--shadow-sm);
            border-top: 4px solid var(--accent);
            transition: var(--transition);
        }

        .review-card:hover {
            box-shadow: var(--shadow-md);
            transform: translateY(-4px);
        }

        .rating {
            color: var(--accent-dark);
            font-weight: 700;
            margin-bottom: 0.75rem;
            font-size: 1rem;
        }

        .rating span {
            color: var(--text-muted);
            font-weight: 600;
            margin-left: 0.5rem;
        }

        .review-card h3 {
            font-size: 1.35rem;
            margin-bottom: 0.35rem;
            color: var(--primary-dark);
        }

        .review-venue {
            color: var(--text-muted);
            font-size: 0.85rem;
            margin-bottom: 1rem;
            font-style: italic;
        }

        .review-snippet {
            font-style: italic;
            color: var(--text-dark);
            margin-bottom: 1rem;
            line-height: 1.6;
            border-left: 3px solid var(--border);
            padding-left: 1rem;
        }

        .review-source {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin-bottom: 1.25rem;
            font-weight: 600;
        }

        /* Sidebar */
        .sidebar-widget {
            background-color: var(--bg-white);
            border-radius: 8px;
            padding: 1.75rem;
            box-shadow: var(--shadow-sm);
            margin-bottom: 2rem;
        }

        .widget-title {
            font-size: 1.25rem;
            margin-bottom: 1.25rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid var(--accent);
            color: var(--primary-dark);
        }

        .widget-list li {
            padding: 0.85rem 0;
            border-bottom: 1px solid var(--border);
        }

        .widget-list li:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .show-date {
            display: block;
            font-size: 0.8rem;
            color: var(--primary);
            font-weight: 700;
            margin-bottom: 0.25rem;
        }

        .show-name {
            display: block;
            font-weight: 600;
            font-size: 0.95rem;
            margin-bottom: 0.15rem;
        }

        .show-venue {
            display: block;
            font-size: 0.85rem;
            color: var(--text-muted);
        }

        .widget-link {
            display: inline-block;
            margin-top: 1rem;
            color: var(--primary);
            font-weight: 600;
            font-size: 0.9rem;
        }

        .widget-link:hover {
            color: var(--primary-dark);
            text-decoration: underline;
        }

        .sidebar-widget img {
            width: 100%;
            height: 160px;
            object-fit: cover;
            border-radius: 6px;
            margin-bottom: 1rem;
        }

        .sidebar-widget h4 {
            font-size: 1.1rem;
            margin-bottom: 0.75rem;
            color: var(--primary-dark);
        }

        .sidebar-widget p {
            font-size: 0.9rem;
            line-height: 1.6;
            color: var(--text-dark);
            margin-bottom: 0.5rem;
        }

        /* Vanguard Awards */
        .vanguard-awards {
            background-color: var(--bg-white);
        }

        .winners-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .winner-card {
            background-color: var(--bg-light);
            border-radius: 8px;
            padding: 2rem;
            text-align: center;
            box-shadow: var(--shadow-sm);
            transition: var(--transition);
        }

        .winner-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-lg);
        }

        .winner-headshot {
            width: 130px;
            height: 130px;
            border-radius: 50%;
            margin: 0 auto 1.25rem;
            border: 4px solid var(--accent);
            object-fit: cover;
        }

        .winner-card h3 {
            font-size: 1.4rem;
            margin-bottom: 0.5rem;
            color: var(--primary-dark);
        }

        .winner-category {
            color: var(--primary);
            font-weight: 600;
            font-size: 0.9rem;
            margin-bottom: 1.25rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .winner-card p {
            margin-bottom: 1.25rem;
            line-height: 1.6;
            color: var(--text-dark);
            font-size: 0.95rem;
        }

        /* Creative Process Section */
        .process-grid {
            display: grid;
            grid-template-columns: 1.2fr 1fr;
            gap: 3.5rem;
            align-items: center;
            margin-top: 3rem;
        }

        .process-text p {
            margin-bottom: 1.25rem;
            line-height: 1.8;
            color: var(--text-dark);
        }

        .process-text .btn {
            margin-top: 0.5rem;
        }

        .process-images {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .process-images img {
            border-radius: 8px;
            box-shadow: var(--shadow-lg);
            width: 100%;
            height: 280px;
            object-fit: cover;
        }

        /* Testimonials Section */
        .testimonials {
            background-color: var(--bg-white);
        }

        .testimonials-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 2rem;
            margin-top: 3rem;
        }

        .testimonial-card {
            background-color: var(--bg-light);
            border-radius: 8px;
            padding: 2rem;
            box-shadow: var(--shadow-sm);
            border-top: 4px solid var(--accent);
            position: relative;
            transition: var(--transition);
        }

        .testimonial-card:hover {
            box-shadow: var(--shadow-md);
            transform: translateY(-4px);
        }

        .testimonial-quote {
            font-style: italic;
            line-height: 1.8;
            margin-bottom: 1.75rem;
            color: var(--text-dark);
            position: relative;
            padding-left: 1.5rem;
        }

        .testimonial-quote::before {
            content: '"';
            position: absolute;
            left: 0;
            top: -10px;
            font-size: 3rem;
            color: var(--accent);
            font-family: 'Playfair Display', serif;
            line-height: 1;
        }

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

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

        .author-info h4 {
            font-size: 1.1rem;
            margin-bottom: 0.25rem;
            color: var(--primary-dark);
        }

        .author-info p {
            font-size: 0.85rem;
            color: var(--text-muted);
            margin: 0;
        }

        /* Newsletter Section */
        .newsletter {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: var(--text-light);
            text-align: center;
        }

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

        .newsletter p {
            max-width: 700px;
            margin: 0 auto 2rem;
            opacity: 0.9;
            line-height: 1.7;
            font-size: 1.1rem;
        }

        .newsletter-form {
            max-width: 550px;
            margin: 0 auto 1rem;
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

        .newsletter-form input[type="email"] {
            flex: 1;
            min-width: 250px;
            padding: 0.9rem 1.25rem;
            border-radius: 4px;
            border: none;
            font-size: 1rem;
            font-family: inherit;
        }

        .newsletter-note {
            font-size: 0.85rem;
            opacity: 0.8;
            font-style: italic;
        }

        /* Footer */
        .footer {
            background-color: #0a0e27;
            color: var(--text-light);
            padding-top: 4rem;
        }

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

        .footer-title {
            font-size: 1.25rem;
            margin-bottom: 1.5rem;
            color: var(--accent);
        }

        .footer-logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 1.25rem;
        }

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

        .footer-logo h3 {
            font-size: 1.35rem;
            color: var(--text-light);
        }

        .footer-widget p {
            margin-bottom: 1.5rem;
            line-height: 1.7;
            color: #bdbdbd;
            font-size: 0.95rem;
        }

        .contact-info p {
            margin-bottom: 0.5rem;
            font-size: 0.9rem;
        }

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

        .footer-links a {
            color: #bdbdbd;
            font-size: 0.95rem;
            transition: var(--transition);
        }

        .footer-links a:hover {
            color: var(--accent);
            padding-left: 4px;
        }

        .social-icons {
            display: flex;
            gap: 0.75rem;
            margin-top: 1.25rem;
        }

        .social-icon {
            width: 42px;
            height: 42px;
            background-color: rgba(255,255,255,0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.1rem;
            transition: var(--transition);
        }

        .social-icon:hover {
            background-color: var(--accent);
            transform: translateY(-3px);
        }

        .copyright {
            text-align: center;
            padding: 1.75rem 1.5rem;
            border-top: 1px solid rgba(255,255,255,0.1);
            color: #9e9e9e;
            font-size: 0.9rem;
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .experiences-grid,
            .impact-grid,
            .reviews-container,
            .process-grid {
                grid-template-columns: 1fr;
            }

            .impact-image {
                order: -1;
            }

            .hero-content h2 {
                font-size: 2.75rem;
            }

            .section-title {
                font-size: 2rem;
            }
        }

        @media (max-width: 768px) {
            .mobile-nav-toggle {
                display: block;
            }

            .main-nav {
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background-color: var(--bg-white);
                box-shadow: var(--shadow-md);
                padding: 1rem 1.5rem;
                display: none;
            }

            .main-nav.active {
                display: block;
            }

            .main-nav ul {
                flex-direction: column;
                gap: 1rem;
            }

            .hero-content h2 {
                font-size: 2.25rem;
            }

            .hero-content p {
                font-size: 1.1rem;
            }

            .section {
                padding: 3.5rem 0;
            }

            .section-title {
                font-size: 1.75rem;
            }

            .newsletter h2 {
                font-size: 2rem;
            }

            .newsletter-form {
                flex-direction: column;
            }

            .newsletter-form input[type="email"],
            .newsletter-form button {
                width: 100%;
            }
        }

        @media (max-width: 480px) {
            .hero-content h2 {
                font-size: 1.85rem;
            }

            .card-content {
                padding: 1.5rem;
            }

            .experience-card h3 {
                font-size: 1.4rem;
            }

            .testimonial-card {
                padding: 1.5rem;
            }
        }
    </style>
</head>
<body>
    <!-- Header -->
    <header class="header">
        <div class="container header-container">
            <div class="logo">
                <img src="https://placehold.co/60x60/1a237e/ffd700?text=C&C&font=playfair%20display" alt="Curtain & Canvas Logo">
                <div class="logo-text">
                    <h1>Curtain & Canvas</h1>
                    <p class="tagline">Your Curated Gateway to Global Arts</p>
                </div>
            </div>
            <button class="mobile-nav-toggle" id="mobileNavToggle" aria-label="Toggle navigation">
                ☰
            </button>
            <nav class="main-nav" id="mainNav">
                <ul>
                    <li><a href="#home">Home</a></li>
                    <li><a href="#galleries">Galleries</a></li>
                    <li><a href="#performances">Performances</a></li>
                    <li><a href="#reviews">News & Reviews</a></li>
                    <li><a href="#shop">Shop</a></li>
                    <li><a href="#about">About</a></li>
                    <li><a href="#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Hero Section -->
    <section class="hero" id="home">
        <div class="hero-overlay"></div>
        <div class="hero-content container">
            <h2>Where Creativity Takes Center Stage</h2>
            <p>From boundary-pushing visual exhibitions to unforgettable live performances, Curtain & Canvas brings you the best of the arts and entertainment world—with expert analysis, behind-the-scenes access, and curated guides to help you experience more.</p>
            <div class="hero-buttons">
                <a href="#galleries" class="btn btn-primary">Explore Galleries</a>
                <a href="#performances" class="btn btn-secondary">View Upcoming Shows</a>
            </div>
        </div>
    </section>

    <!-- Featured Experiences Section -->
    <section class="featured-experiences section" id="performances">
        <div class="container">
            <h2 class="section-title">Featured Experiences This Month</h2>
            <p class="section-intro">Discover handpicked exhibitions, performances, and events that define the best of contemporary arts and entertainment. Each month, our curatorial team selects standout experiences worth your time and attention.</p>
            <div class="experiences-grid">
                <div class="experience-card">
                    <img src="https://picsum.photos/600x400?random=1" alt="Dreams & Dissent exhibition installation view">
                    <div class="card-content">
                        <span class="card-category">Visual Arts</span>
                        <h3>Dreams & Dissent: 50 Years of Protest Art</h3>
                        <p class="card-venue">Metropolitan Visual Arts Center | Ongoing through January 2025</p>
                        <p>This landmark retrospective brings together over 200 works from 60+ international artists, tracing the evolution of protest art from the civil rights movement to today’s digital activism. Curated by Dr. Elena Marquez, the exhibition challenges viewers to consider how art has shaped social movements, amplified marginalized voices, and redefined the boundaries of creative expression.</p>
                        <p>Highlights include rare early works by Keith Haring, a commissioned installation by Indigenous artist Maya Tanaka, and an interactive digital piece where visitors can contribute their own messages of change. The exhibition has been hailed as "essential viewing" by Artforum and has drawn record crowds since its opening in September.</p>
                        <a href="#galleries" class="btn btn-primary">View Exhibition Gallery</a>
                    </div>
                </div>
                <div class="experience-card">
                    <img src="https://picsum.photos/600x400?random=2" alt="Echoes of Tomorrow dance performance on stage">
                    <div class="card-content">
                        <span class="card-category">Performing Arts</span>
                        <h3>Echoes of Tomorrow</h3>
                        <p class="card-venue">Nouveau Dance Company | Oct 12 – Nov 3, 2024</p>
                        <p>A groundbreaking contemporary dance production that explores the intersection of technology and human connection, <em>Echoes of Tomorrow</em> has taken the theater world by storm. Choreographed by award-winning artist Liam Chen, the performance features seven dancers interacting with immersive projection mapping, original electronic music by composer Zara Khan, and innovative lighting design that transforms the stage into a shifting digital landscape.</p>
                        <p>The production has earned rave reviews for its emotional depth and technical innovation, with The New York Times calling it "a glimpse into the future of dance." This limited engagement marks the company’s first national tour following a sold-out run in London earlier this year.</p>
                        <a href="#tickets" class="btn btn-primary">Buy Tickets Now</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Cultural Impact Section -->
    <section class="cultural-impact section" id="about">
        <div class="container">
            <h2 class="section-title">Cultural Impact: How the Arts Shape Our World</h2>
            <div class="impact-grid">
                <div class="impact-image">
                    <img src="https://picsum.photos/600x500?random=3" alt="Community art project in an urban neighborhood">
                </div>
                <div class="impact-text">
                    <p>At Curtain & Canvas, we believe the arts are more than just entertainment—they’re a mirror held up to society, a catalyst for change, and a bridge between communities. Our ongoing Cultural Impact series dives deep into the ways art and entertainment are shaping our world, from local community theater programs to global film movements.</p>
                    <p>Recent studies from the National Endowment for the Arts have shown that communities with robust arts programs see lower rates of youth incarceration, higher levels of civic engagement, and stronger local economies. But the impact goes beyond statistics: art gives voice to those who are unheard, challenges our assumptions, and helps us process the most difficult moments of our time.</p>
                    <p>In this year’s series, we’re exploring topics like the rise of decolonization in museum curation, the role of streaming platforms in amplifying international film, and how theater is adapting to address the climate crisis. Each feature includes in-depth interviews with artists, curators, and community leaders, as well as practical guides for how you can get involved and support the arts in your own area.</p>
                    <p>Whether you’re a lifelong art lover or just beginning to explore the creative world, the Cultural Impact series offers a thought-provoking look at why the arts matter now more than ever. We’re committed to highlighting not just the headline-grabbing exhibitions and blockbusters, but the grassroots efforts that are transforming communities one performance, one painting, one story at a time.</p>
                    <a href="#series" class="btn btn-primary">Read the Full Series</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Reviews & Sidebar Section -->
    <section class="reviews-section section" id="reviews">
        <div class="container reviews-container">
            <div class="main-reviews">
                <h2 class="section-title">Current Season Review Aggregator</h2>
                <p class="section-intro">Looking for your next favorite show, film, or exhibition? Our team of critics and contributors curate reviews from across the industry to bring you the most trusted ratings and recommendations. Filter by category to find exactly what you’re looking for.</p>
                <div class="filter-buttons">
                    <button class="filter-btn active" data-filter="all">All</button>
                    <button class="filter-btn" data-filter="theater">Theater</button>
                    <button class="filter-btn" data-filter="film">Film</button>
                    <button class="filter-btn" data-filter="visual-art">Visual Art</button>
                    <button class="filter-btn" data-filter="music">Music</button>
                </div>
                <div class="review-grid" id="reviewGrid">
                    <!-- Review Card 1 -->
                    <div class="review-card" data-category="theater">
                        <div class="rating">★★★★★ <span>4.8/5</span></div>
                        <h3>Hamlet</h3>
                        <p class="review-venue">Royal Shakespeare Company | Broadway</p>
                        <p class="review-snippet">"A masterful reimagining that feels both timeless and urgently relevant. Director Nadia Rose brings fresh nuance to the classic text, with a standout performance by lead actor James Okafor."</p>
                        <p class="review-source">— The Guardian</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                    <!-- Review Card 2 -->
                    <div class="review-card" data-category="film">
                        <div class="rating">★★★★☆ <span>4.5/5</span></div>
                        <h3>All That Remains</h3>
                        <p class="review-venue">A24 | In Theaters Now</p>
                        <p class="review-snippet">"A hauntingly beautiful meditation on grief and memory. Director Sofia Vargas weaves together stunning cinematography with a powerful script that stays with you long after the credits roll."</p>
                        <p class="review-source">— IndieWire</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                    <!-- Review Card 3 -->
                    <div class="review-card" data-category="visual-art">
                        <div class="rating">★★★★☆ <span>4.3/5</span></div>
                        <h3>Form & Flow: Contemporary Ceramics</h3>
                        <p class="review-venue">Tate Modern | Through December 2024</p>
                        <p class="review-snippet">"A vibrant exploration of a medium often overlooked. The exhibition showcases the work of 25 emerging and established artists, pushing the boundaries of what ceramics can be."</p>
                        <p class="review-source">— Artforum</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                    <!-- Review Card 4 -->
                    <div class="review-card" data-category="music">
                        <div class="rating">★★★★★ <span>4.9/5</span></div>
                        <h3>Solstice Tour</h3>
                        <p class="review-venue">Aurora | North American Tour</p>
                        <p class="review-snippet">"A transcendent live experience that blends ethereal vocals with stunning visual production. Aurora’s performance is equal parts intimate and epic, connecting with the audience on a deeply emotional level."</p>
                        <p class="review-source">— Rolling Stone</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                    <!-- Review Card 5 -->
                    <div class="review-card" data-category="theater">
                        <div class="rating">★★★★★ <span>4.7/5</span></div>
                        <h3>The Inheritance</h3>
                        <p class="review-venue">Broadway | Ethel Barrymore Theatre</p>
                        <p class="review-snippet">"An epic, emotional journey through love, loss, and legacy. The cast delivers powerhouse performances in this Tony Award-winning play that redefines what theater can achieve."</p>
                        <p class="review-source">— Variety</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                    <!-- Review Card 6 -->
                    <div class="review-card" data-category="visual-art">
                        <div class="rating">★★★★★ <span>4.6/5</span></div>
                        <h3>Chromatic Dreams</h3>
                        <p class="review-venue">MoMA | Through February 2025</p>
                        <p class="review-snippet">"A dazzling survey of abstract art from the past two decades. Curated with precision and vision, the exhibition highlights the diversity and innovation of contemporary abstract practice."</p>
                        <p class="review-source">— Art News</p>
                        <a href="#full-review" class="btn btn-outline">Read Full Review</a>
                    </div>
                </div>
            </div>
            <aside class="sidebar">
                <!-- Widget 1: This Week's Shows -->
                <div class="sidebar-widget">
                    <h3 class="widget-title">This Week's Must-See Shows</h3>
                    <ul class="widget-list">
                        <li>
                            <span class="show-date">Oct 12-15</span>
                            <span class="show-name">Echoes of Tomorrow</span>
                            <span class="show-venue">Nouveau Dance Co.</span>
                        </li>
                        <li>
                            <span class="show-date">Oct 13-14</span>
                            <span class="show-name">Jazz at the Blue Note</span>
                            <span class="show-venue">Various Artists</span>
                        </li>
                        <li>
                            <span class="show-date">Oct 15</span>
                            <span class="show-name">Aurora: Solstice Tour</span>
                            <span class="show-venue">Radio City Music Hall</span>
                        </li>
                        <li>
                            <span class="show-date">Ongoing</span>
                            <span class="show-name">Dreams & Dissent</span>
                            <span class="show-venue">Met Visual Arts</span>
                        </li>
                    </ul>
                    <a href="#all-shows" class="widget-link">See All Shows →</a>
                </div>
                <!-- Widget 2: Venue Spotlight -->
                <div class="sidebar-widget">
                    <h3 class="widget-title">Venue Spotlight</h3>
                    <img src="https://picsum.photos/400x250?random=4" alt="Interior of The Grand Opera House">
                    <h4>The Grand Opera House</h4>
                    <p>First opened in 1927, The Grand Opera House is a historic landmark and one of the country’s premier performing arts venues. Recently renovated with state-of-the-art sound and lighting, it hosts over 100 performances a year.</p>
                    <p>This season, don’t miss the production of <em>La Bohème</em> by the National Opera Company, running November 3-18.</p>
                    <a href="#venue" class="widget-link">Learn More →</a>
                </div>
                <!-- Widget 3: Behind the Scenes -->
                <div class="sidebar-widget">
                    <h3 class="widget-title">Behind the Scenes</h3>
                    <img src="https://picsum.photos/400x250?random=5" alt="Set builders working on Hamlet's stage set">
                    <h4>The Making of 'Hamlet'</h4>
                    <p>Go behind the curtain with the RSC's award-winning production. We speak with set designer Marcus Webb about creating the stark, industrial set and the hidden details you might miss from the audience.</p>
                    <a href="#bts" class="widget-link">Read Full BTS →</a>
                </div>
            </aside>
        </div>
    </section>

    <!-- Vanguard Awards Section -->
    <section class="vanguard-awards section" id="awards">
        <div class="container">
            <h2 class="section-title">2024 Vanguard Award Winners</h2>
            <p class="section-intro">Each year, Curtain & Canvas honors artists, curators, and creative visionaries who have made exceptional contributions to the arts and entertainment world. The 2024 Vanguard Awards recognize 12 individuals across six categories, chosen by our panel of industry experts and voted on by over 50,000 readers. This year’s winners represent the cutting edge of creative practice, pushing boundaries and inspiring audiences around the globe.</p>
            <div class="winners-grid">
                <!-- Winner 1 -->
                <div class="winner-card">
                    <img src="https://i.pravatar.cc/150?u=mayatanaka" alt="Maya Tanaka" class="winner-headshot">
                    <h3>Maya Tanaka</h3>
                    <p class="winner-category">Visual Artist of the Year</p>
                    <p>Tanaka’s large-scale mixed-media installations explore themes of Indigenous identity, environmental justice, and community healing. Her 2024 exhibition 'Roots & Rivers' drew over 150,000 visitors during its run at the National Gallery of Art, making it one of the most visited solo shows of the year.</p>
                    <a href="#profile" class="btn btn-outline">Read Full Profile</a>
                </div>
                <!-- Winner 2 -->
                <div class="winner-card">
                    <img src="https://i.pravatar.cc/150?u=liamchen" alt="Liam Chen" class="winner-headshot">
                    <h3>Liam Chen</h3>
                    <p class="winner-category">Performing Artist of the Year</p>
                    <p>Chen’s innovative choreography has redefined contemporary dance, blending traditional Asian dance forms with modern technique and digital technology. His production 'Echoes of Tomorrow' has toured 18 cities this year, earning widespread acclaim and three Critics’ Circle Awards.</p>
                    <a href="#profile" class="btn btn-outline">Read Full Profile</a>
                </div>
                <!-- Winner 3 -->
                <div class="winner-card">
                    <img src="https://i.pravatar.cc/150?u=sofiavargas" alt="Sofia Vargas" class="winner-headshot">
                    <h3>Sofia Vargas</h3>
                    <p class="winner-category">Filmmaker of the Year</p>
                    <p>Vargas’ sophomore film 'All That Remains' won the Grand Jury Prize at Sundance this year, with critics praising her unique visual style and empathetic storytelling. The Colombian-American filmmaker is known for her intimate, character-driven work that explores themes of identity and belonging.</p>
                    <a href="#profile" class="btn btn-outline">Read Full Profile</a>
                </div>
                <!-- Winner 4 -->
                <div class="winner-card">
                    <img src="https://i.pravatar.cc/150?u=zarakhan" alt="Zara Khan" class="winner-headshot">
                    <h3>Zara Khan</h3>
                    <p class="winner-category">Musician of the Year</p>
                    <p>Khan’s genre-defying music blends electronic beats with classical Indian instrumentation, creating a sound that is entirely her own. Her third album 'Horizons' debuted at number one on the Billboard Electronic charts, and her world tour sold out in 12 cities within hours of tickets going on sale.</p>
                    <a href="#profile" class="btn btn-outline">Read Full Profile</a>
                </div>
            </div>
        </div>
    </section>

    <!-- Creative Process Section -->
    <section class="creative-process section" id="galleries">
        <div class="container">
            <h2 class="section-title">Creative Process: Behind the Canvas and Curtain</h2>
            <p class="section-intro">What does it take to create a work of art? From the first spark of an idea to the final performance or exhibition, the creative process is a journey of experimentation, failure, and discovery. Our series takes you behind the scenes with artists, designers, and creators to explore how they bring their visions to life.</p>
            <div class="process-grid">
                <div class="process-text">
                    <p>For mixed-media artist Maya Tanaka, the process begins long before she touches a canvas. "I spend months researching, talking to community members, and exploring the land where the work will be shown," she explains. "My art isn’t just about my own voice—it’s about lifting up the voices of the people and places that inspire it." Tanaka’s process involves collecting natural materials, interviewing elders, and hosting community workshops to incorporate their stories into her installations.</p>
                    <p>For theater director Nadia Rose, the process is collaborative from start to finish. "I don’t come into rehearsals with a fixed vision," she says. "I work with the cast, the designers, and the crew to build the production together. The best ideas often come from the most unexpected places." Rose’s production of <em>Hamlet</em> evolved over six months of workshops, with the actors contributing their own interpretations of the characters and helping to shape the play’s contemporary setting.</p>
                    <p>Even for established artists, the creative process is rarely straightforward. Composer Zara Khan describes writing her hit album <em>Horizons</em> as "a process of constant revision and rediscovery." She wrote over 40 songs for the album, experimenting with different sounds and styles before settling on the final 12 tracks. "You have to be willing to let go of ideas that aren’t working, even if you love them," she says. "That’s how you create something that feels true."</p>
                    <p>Whether it’s a painter working alone in their studio or a team of hundreds creating a Broadway musical, the creative process is defined by curiosity, resilience, and a willingness to take risks. Our series explores these processes in depth, offering readers a unique glimpse into the minds of the artists shaping our cultural landscape.</p>
                    <a href="#process-series" class="btn btn-primary">Explore the Full Series</a>
                </div>
                <div class="process-images">
                    <img src="https://picsum.photos/500x350?random=6" alt="Artist working in their studio">
                    <img src="https://picsum.photos/500x350?random=7" alt="Theater cast during rehearsal">
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials Section -->
    <section class="testimonials section" id="testimonials">
        <div class="container">
            <h2 class="section-title">What Artists Say</h2>
            <p class="section-intro">We’re proud to work with artists across all disciplines to share their work and stories with our global audience. Here’s what some of the creative visionaries we’ve featured have to say about Curtain & Canvas.</p>
            <div class="testimonials-grid">
                <!-- Testimonial 1 -->
                <div class="testimonial-card">
                    <p class="testimonial-quote">Curtain & Canvas gave my work exposure I never could have imagined. Their review of my first solo exhibition led to gallery representation and opportunities to show my work internationally. It’s rare to find a publication that takes the time to truly understand and support emerging artists.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/120?u=mayatanaka" alt="Maya Tanaka">
                        <div class="author-info">
                            <h4>Maya Tanaka</h4>
                            <p>Visual Artist, Vanguard Award Winner</p>
                        </div>
                    </div>
                </div>
                <!-- Testimonial 2 -->
                <div class="testimonial-card">
                    <p class="testimonial-quote">As a choreographer, it’s important to have critics who understand the nuances of dance and can write about it with intelligence and sensitivity. The team at Curtain & Canvas doesn’t just review performances—they contextualize them, connecting the work to broader cultural conversations. That’s incredibly valuable for artists and audiences alike.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/120?u=liamchen" alt="Liam Chen">
                        <div class="author-info">
                            <h4>Liam Chen</h4>
                            <p>Choreographer, Nouveau Dance Company</p>
                        </div>
                    </div>
                </div>
                <!-- Testimonial 3 -->
                <div class="testimonial-card">
                    <p class="testimonial-quote">I’ve worked with dozens of arts publications, but Curtain & Canvas stands out for their commitment to storytelling. Their feature on my film didn’t just talk about the plot—it dove into the themes, the process, and the community that helped make it happen. It’s the kind of coverage that makes a real difference.</p>
                    <div class="testimonial-author">
                        <img src="https://i.pravatar.cc/120?u=sofiavargas" alt="Sofia Vargas">
                        <div class="author-info">
                            <h4>Sofia Vargas</h4>
                            <p>Filmmaker, Sundance Award Winner</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Newsletter Section -->
    <section class="newsletter section" id="shop">
        <div class="container">
            <h2>Stay Connected to the Arts</h2>
            <p>Join over 150,000 art lovers and get weekly updates delivered straight to your inbox. Our newsletter features exclusive reviews, behind-the-scenes content, ticket giveaways, and curated guides to the best arts events in your city. Plus, subscribers get early access to our annual Vanguard Awards voting and exclusive discounts from our shop of curated art prints, books, and merchandise.</p>
            <form class="newsletter-form" onsubmit="event.preventDefault(); alert('Thank you for subscribing! Check your inbox for a welcome email.');">
                <input type="email" placeholder="Enter your email address" required>
                <button type="submit" class="btn btn-accent">Subscribe Now</button>
            </form>
            <p class="newsletter-note">We respect your privacy. Unsubscribe at any time.</p>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer" id="contact">
        <div class="container footer-container">
            <div class="footer-widget">
                <div class="footer-logo">
                    <img src="https://placehold.co/40x40/1a237e/ffd700?text=C&C&font=playfair%20display" alt="Curtain & Canvas Logo">
                    <h3>Curtain & Canvas</h3>
                </div>
                <p>Your curated gateway to global arts and entertainment. We provide expert coverage, behind-the-scenes access, and resources to help you experience the best of the creative world.</p>
                <div class="contact-info">
                    <p>123 Arts Avenue, New York, NY 10001</p>
                    <p>info@curtainandcanvas.com</p>
                    <p>(212) 555-1234</p>
                </div>
            </div>
            <div class="footer-widget">
                <h3 class="footer-title">Quick Links</h3>
                <ul class="footer-links">
                    <li><a href="#home">Home</a></li>
                    <li><a href="#galleries">Galleries</a></li>
                    <li><a href="#performances">Performances</a></li>
                    <li><a href="#reviews">News & Reviews</a></li>
                    <li><a href="#shop">Shop</a></li>
                    <li><a href="#about">About Us</a></li>
                    <li><a href="#contact">Contact</a></li>
                    <li><a href="#submit">Submit Your Work</a></li>
                </ul>
            </div>
            <div class="footer-widget">
                <h3 class="footer-title">Follow Us</h3>
                <p>Get daily art inspiration, behind-the-scenes clips, and event updates.</p>
                <div class="social-icons">
                    <a href="#instagram" class="social-icon" aria-label="Instagram">📷</a>
                    <a href="#twitter" class="social-icon" aria-label="X (Twitter)">𝕏</a>
                    <a href="#tiktok" class="social-icon" aria-label="TikTok">🎵</a>
                    <a href="#youtube" class="social-icon" aria-label="YouTube">▶️</a>
                    <a href="#pinterest" class="social-icon" aria-label="Pinterest">📌</a>
                </div>
            </div>
            <div class="footer-widget">
                <h3 class="footer-title">Support & Legal</h3>
                <ul class="footer-links">
                    <li><a href="#faq">FAQ</a></li>
                    <li><a href="#support">Support the Arts</a></li>
                    <li><a href="#privacy">Privacy Policy</a></li>
                    <li><a href="#terms">Terms of Service</a></li>
                    <li><a href="#cookies">Cookie Settings</a></li>
                    <li><a href="#accessibility">Accessibility</a></li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            <p>&copy; 2024 Curtain & Canvas. All rights reserved. Made with ❤️ for the arts community.</p>
        </div>
    </footer>

    <script>
        // Mobile Navigation Toggle
        const mobileNavToggle = document.getElementById('mobileNavToggle');
        const mainNav = document.getElementById('mainNav');

        mobileNavToggle.addEventListener('click', () => {
            mainNav.classList.toggle('active');
        });

        // Review Filter Functionality
        const filterButtons = document.querySelectorAll('.filter-btn');
        const reviewCards = document.querySelectorAll('.review-card');

        filterButtons.forEach(button => {
            button.addEventListener('click', () => {
                // Remove active class from all buttons
                filterButtons.forEach(btn => btn.classList.remove('active'));
                // Add active class to clicked button
                button.classList.add('active');
                
                const filter = button.getAttribute('data-filter');
                
                reviewCards.forEach(card => {
                    const category = card.getAttribute('data-category');
                    if (filter === 'all' || category === filter) {
                        card.style.display = 'block';
                    } else {
                        card.style.display = 'none';
                    }
                });
            });
        });

        // Smooth Scrolling for Anchor Links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const targetId = this.getAttribute('href');
                if (targetId === '#' || targetId.length <= 1) return;
                
                const targetElement = document.querySelector(targetId);
                if (targetElement) {
                    window.scrollTo({
                        top: targetElement.offsetTop - 80, // Adjust for header height
                        behavior: 'smooth'
                    });
                    // Close mobile nav if open
                    mainNav.classList.remove('active');
                }
            });
        });

        // Add scroll effect to header
        window.addEventListener('scroll', () => {
            const header = document.querySelector('.header');
            if (window.scrollY > 50) {
                header.style.boxShadow = '0 4px 16px rgba(0,0,0,0.15)';
            } else {
                header.style.boxShadow = '0 2px 8px rgba(0,0,0,0.1)';
            }
        });
    </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:45:54.263Z",
  "url": "https://benchmark.aimac.invalid/e1e8ddae3a163d5373d1177e1481a68c3bb2185378ba3ca6012d70d9867e1047.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "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": []
    },
    {
      "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": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-allowed-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attributes are used correctly for the defined role"
            }
          ],
          "none": [
            {
              "id": "aria-unsupported-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute is supported"
            }
          ],
          "impact": null,
          "html": "<a href=\"#instagram\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7</a>",
          "target": [
            "a[href$=\"#instagram\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-conditional-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#instagram\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7</a>",
          "target": [
            "a[href$=\"#instagram\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "aria-prohibited-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "ARIA attribute is allowed"
            }
          ],
          "impact": null,
          "html": "<a href=\"#instagram\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7</a>",
          "target": [
            "a[href$=\"#instagram\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "aria-valid-attr-value",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute values are valid"
            },
            {
              "id": "aria-errormessage",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
            },
            {
              "id": "aria-level",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-level values are valid"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#instagram\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7</a>",
          "target": [
            "a[href$=\"#instagram\"]"
          ]
        }
      ]
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-valid-attr",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "ARIA attribute name is valid"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#instagram\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7</a>",
          "target": [
            "a[href$=\"#instagram\"]"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"filter-btn active\" data-filter=\"all\">All</button>",
          "target": [
            ".active"
          ]
        }
      ]
    },
    {
      "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>Curtain &amp; Canvas</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Where Creativity Takes Center Stage</h2>",
                  "target": [
                    ".hero-content > h2"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Featured Experiences This Month</h2>",
                  "target": [
                    "#performances > .container > .section-title"
                  ]
                },
                {
                  "html": "<h3>Dreams &amp; Dissent: 50 Years of Protest Art</h3>",
                  "target": [
                    ".experience-card:nth-child(1) > .card-content > h3"
                  ]
                },
                {
                  "html": "<h3>Echoes of Tomorrow</h3>",
                  "target": [
                    ".experience-card:nth-child(2) > .card-content > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Cultural Impact: How the Arts Shape Our World</h2>",
                  "target": [
                    "#about > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Current Season Review Aggregator</h2>",
                  "target": [
                    ".main-reviews > .section-title"
                  ]
                },
                {
                  "html": "<h3>Hamlet</h3>",
                  "target": [
                    ".review-card[data-category=\"theater\"]:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>All That Remains</h3>",
                  "target": [
                    "div[data-category=\"film\"] > h3"
                  ]
                },
                {
                  "html": "<h3>Form &amp; Flow: Contemporary Ceramics</h3>",
                  "target": [
                    ".review-card[data-category=\"visual-art\"]:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Solstice Tour</h3>",
                  "target": [
                    "div[data-category=\"music\"] > h3"
                  ]
                },
                {
                  "html": "<h3>The Inheritance</h3>",
                  "target": [
                    ".review-card[data-category=\"theater\"]:nth-child(5) > h3"
                  ]
                },
                {
                  "html": "<h3>Chromatic Dreams</h3>",
                  "target": [
                    ".review-card[data-category=\"visual-art\"]:nth-child(6) > h3"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\">This Week's Must-See Shows</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(1) > .widget-title"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\">Venue Spotlight</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(2) > .widget-title"
                  ]
                },
                {
                  "html": "<h4>The Grand Opera House</h4>",
                  "target": [
                    ".sidebar-widget:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h3 class=\"widget-title\">Behind the Scenes</h3>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > .widget-title"
                  ]
                },
                {
                  "html": "<h4>The Making of 'Hamlet'</h4>",
                  "target": [
                    ".sidebar-widget:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">2024 Vanguard Award Winners</h2>",
                  "target": [
                    "#awards > .container > .section-title"
                  ]
                },
                {
                  "html": "<h3>Maya Tanaka</h3>",
                  "target": [
                    ".winner-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Liam Chen</h3>",
                  "target": [
                    ".winner-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Sofia Vargas</h3>",
                  "target": [
                    ".winner-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h3>Zara Khan</h3>",
                  "target": [
                    ".winner-card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">Creative Process: Behind the Canvas and Curtain</h2>",
                  "target": [
                    "#galleries > .container > .section-title"
                  ]
                },
                {
                  "html": "<h2 class=\"section-title\">What Artists Say</h2>",
                  "target": [
                    "#testimonials > .container > .section-title"
                  ]
                },
                {
                  "html": "<h4>Maya Tanaka</h4>",
                  "target": [
                    ".testimonial-card:nth-child(1) > .testimonial-author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h4>Liam Chen</h4>",
                  "target": [
                    ".testimonial-card:nth-child(2) > .testimonial-author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h4>Sofia Vargas</h4>",
                  "target": [
                    ".testimonial-card:nth-child(3) > .testimonial-author > .author-info > h4"
                  ]
                },
                {
                  "html": "<h2>Stay Connected to the Arts</h2>",
                  "target": [
                    "#shop > .container > h2"
                  ]
                },
                {
                  "html": "<h3>Curtain &amp; Canvas</h3>",
                  "target": [
                    ".footer-logo > h3"
                  ]
                },
                {
                  "html": "<h3 class=\"footer-title\">Quick Links</h3>",
                  "target": [
                    ".footer-widget:nth-child(2) > .footer-title"
                  ]
                },
                {
                  "html": "<h3 class=\"footer-title\">Follow Us</h3>",
                  "target": [
                    ".footer-widget:nth-child(3) > .footer-title"
                  ]
                },
                {
                  "html": "<h3 class=\"footer-title\">Support &amp; Legal</h3>",
                  "target": [
                    ".footer-widget:nth-child(4) > .footer-title"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#1a237e",
                "bgColor": "#ffffff",
                "contrastRatio": 13.24,
                "fontSize": "18.0pt (24px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 13.24"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<h1>Curtain &amp; Canvas</h1>",
          "target": [
            "h1"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "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=\"email\" placeholder=\"Enter your email address\" required=\"\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "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/60x60/1a237e/ffd700?text=C&amp;C&amp;font=playfair%20display\" alt=\"Curtain &amp; Canvas Logo\">",
          "target": [
            ".logo > img[alt=\"Curtain & Canvas 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=\"email\" placeholder=\"Enter your email address\" required=\"\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#home\">Home</a>",
          "target": [
            "#mainNav > ul > li:nth-child(1) > 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": [
            "#mainNav > 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": [
            "#mainNav > 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/60x60/1a237e/ffd700?text=C&amp;C&amp;font=playfair%20display\" alt=\"Curtain &amp; Canvas Logo\">",
          "target": [
            ".logo > img[alt=\"Curtain & Canvas 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": [
            "#mainNav > ul > li:nth-child(1) > 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": "42.0pt (56px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"hero-overlay\"></div>",
                  "target": [
                    ".hero-overlay"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<h2>Where Creativity Takes Center Stage</h2>",
          "target": [
            ".hero-content > h2"
          ],
          "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": "#b8860b",
                "bgColor": "#fff9d9",
                "contrastRatio": 3.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"card-category\">Visual Arts</span>",
                  "target": [
                    ".experience-card:nth-child(1) > .card-content > .card-category"
                  ]
                },
                {
                  "html": "<div class=\"experience-card\">",
                  "target": [
                    ".experience-card:nth-child(1)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.06 (foreground color: #b8860b, background color: #fff9d9, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"card-category\">Visual Arts</span>",
          "target": [
            ".experience-card:nth-child(1) > .card-content > .card-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.06 (foreground color: #b8860b, background color: #fff9d9, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#b8860b",
                "bgColor": "#fff9d9",
                "contrastRatio": 3.06,
                "fontSize": "9.6pt (12.8px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"card-category\">Performing Arts</span>",
                  "target": [
                    ".experience-card:nth-child(2) > .card-content > .card-category"
                  ]
                },
                {
                  "html": "<div class=\"experience-card\">",
                  "target": [
                    ".experience-card:nth-child(2)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.06 (foreground color: #b8860b, background color: #fff9d9, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"card-category\">Performing Arts</span>",
          "target": [
            ".experience-card:nth-child(2) > .card-content > .card-category"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.06 (foreground color: #b8860b, background color: #fff9d9, font size: 9.6pt (12.8px), font weight: bold). Expected contrast ratio of 4.5:1"
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 9124
      },
      {
        "y": 576,
        "height": 9124
      },
      {
        "y": 1152,
        "height": 9124
      },
      {
        "y": 1728,
        "height": 9124
      },
      {
        "y": 2304,
        "height": 9124
      },
      {
        "y": 2880,
        "height": 9124
      },
      {
        "y": 3456,
        "height": 9124
      },
      {
        "y": 4032,
        "height": 9124
      },
      {
        "y": 4608,
        "height": 9124
      },
      {
        "y": 5184,
        "height": 9124
      },
      {
        "y": 5760,
        "height": 9124
      },
      {
        "y": 6336,
        "height": 9124
      },
      {
        "y": 6912,
        "height": 9124
      },
      {
        "y": 7488,
        "height": 9124
      },
      {
        "y": 8064,
        "height": 9124
      },
      {
        "y": 8404,
        "height": 9124
      }
    ],
    "scans": 17,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Arts and Entertainment" 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: "Arts and Entertainment"
- Description: Music, movies, visual arts, performing arts, and entertainment industry news and resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Arts and Entertainment" 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: "Shop", "About", "Galleries".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Arts and Entertainment" category. Consider themes similar to: "Cultural Impact", "Award Winners", "Creative Process".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "repertoire", "staging", "exhibition".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "View Gallery", "Read Reviews", "Buy Tickets".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Arts and Entertainment" sector. Ideas similar but not limited to: "review aggregator".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "venue spotlights", "behind the scenes", "this week's shows".
-   **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.