Recursive Flint (free) – Gambling Casinos

via Recursive · Generated

  • AIMAC Debt 3.00
  • Cost $0.00
  • Total Violations 2
  • HTML Size 28 KB
  • Em Dashes 1

Screenshot

View Recursive Flint (free) Gambling Casinos page View Live Page

Accessibility Issues Found

2 Serious

  • target-size serious 2 instances

    All touch targets must be 24px large, or leave sufficient space

    Example HTML <a href="#support">Self-exclusion</a>

Artifacts

View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Fortune &amp; Fold — Gambling News, Casino Guides &amp; Smart Betting</title>
  <meta name="description" content="Fortune and Fold is a gambling news, casino guide, and betting resource covering casino reviews, game guides, tournament schedules, and responsible gaming.">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg: #0a0f1e;
      --surface: #101830;
      --surface-2: #16203a;
      --border: #263454;
      --text: #e9eef8;
      --muted: #a3b0c6;
      --gold: #d4af37;
      --gold-2: #f5dd7e;
      --green: #22c55e;
      --red: #ef4444;
      --blue: #3b82f6;
      --radius: 16px;
      --font-body: 'Inter', system-ui, -apple-system, sans-serif;
      --font-display: 'Playfair Display', Georgia, serif;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; font-family: var(--font-body); background: var(--bg); color: var(--text); line-height: 1.6; }
    img { max-width: 100%; display: block; }
    a { color: inherit; }
    :focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
    .container { width: min(1180px, 100% - 2rem); margin-inline: auto; }
    .skip-link { position: absolute; left: -9999px; top: 0; background: var(--gold); color: #14100a; padding: .75rem 1rem; z-index: 100; border-radius: 0 0 10px 0; }
    .skip-link:focus { left: 0; }
    .site-header { position: sticky; top: 0; z-index: 50; background: rgba(10,15,30,.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
    .header-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; padding: .75rem 0; }
    .brand { display: flex; align-items: center; gap: .6rem; text-decoration: none; font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--text); }
    .brand img { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--gold); background: #111; }
    .brand-text .amp { color: var(--gold); }
    .tagline { margin: 0; color: var(--muted); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
    .main-nav ul { display: flex; gap: .25rem; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
    .main-nav a { display: block; padding: .55rem .8rem; border-radius: 999px; text-decoration: none; color: var(--muted); font-weight: 600; font-size: .9rem; }
    .main-nav a:hover { color: var(--text); background: var(--surface-2); }
    .main-nav a.active { color: #14100a; background: var(--gold); }
    .hero { position: relative; padding: 4rem 0 3rem; background: radial-gradient(1000px 500px at 80% -10%, rgba(212,175,55,.12), transparent), var(--bg); border-bottom: 1px solid var(--border); }
    .hero-inner { display: grid; grid-template-columns: 1.05fr .95fr; gap: 3rem; align-items: center; }
    .eyebrow { display: inline-block; color: var(--gold-2); text-transform: uppercase; letter-spacing: .18em; font-size: .75rem; font-weight: 700; margin-bottom: .75rem; }
    h1 { font-family: var(--font-display); font-size: clamp(2.4rem, 5vw, 4rem); line-height: 1.05; margin: 0 0 1rem; }
    h2 { font-family: var(--font-display); font-size: clamp(1.8rem, 3.5vw, 2.6rem); margin: 0 0 1rem; }
    .lede { font-size: 1.15rem; color: var(--text); }
    .hero-copy p { color: var(--muted); }
    .hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin: 1.5rem 0; }
    .btn { display: inline-block; padding: .9rem 1.4rem; border-radius: 999px; text-decoration: none; font-weight: 700; border: 1px solid transparent; cursor: pointer; }
    .btn-primary { background: var(--gold); color: #14100a; }
    .btn-primary:hover { background: var(--gold-2); }
    .btn-ghost { border-color: var(--border); color: var(--text); background: rgba(22,32,58,.5); }
    .btn-ghost:hover { border-color: var(--gold); }
    .hero-note { font-size: .8rem; color: var(--muted); }
    .hero-media img { border-radius: 24px; border: 1px solid var(--border); box-shadow: 0 30px 60px rgba(0,0,0,.45); }
    .section { padding: 4rem 0; }
    .section-head { max-width: 760px; margin-bottom: 2.5rem; }
    .grid { display: grid; gap: 1.5rem; }
    .two { grid-template-columns: 1fr 1fr; }
    .three { grid-template-columns: repeat(3, 1fr); }
    .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2rem; }
    .card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; }
    .cta-band { background: linear-gradient(135deg, #1a2a4a, #101830); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
    .cta-final { padding: 4rem 0; text-align: center; background: radial-gradient(800px 400px at 50% 0%, rgba(212,175,55,.1), transparent), var(--bg); border-block: 1px solid var(--border); }
    .layout { display: grid; grid-template-columns: 1fr 320px; gap: 3rem; padding: 3rem 0; }
    .sidebar { display: grid; gap: 1.5rem; align-content: start; }
    .sidebar-card { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; }
    .sidebar-card h3 { margin-top: 0; }
    .faq-list { display: grid; gap: 1rem; }
    details { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 1rem 1.25rem; }
    summary { cursor: pointer; font-weight: 600; }
    details p { color: var(--muted); margin-bottom: 0; }
    .testimonial blockquote { margin: 1rem 0; font-size: 1.05rem; }
    .testimonial figcaption { color: var(--muted); font-size: .9rem; }
    .game-finder { padding: 4rem 0; }
    .finder-controls { display: grid; grid-template-columns: repeat(4, auto) 1fr; gap: 1rem; align-items: end; background: var(--surface); border: 1px solid var(--border); padding: 1.5rem; border-radius: var(--radius); }
    label { display: grid; gap: .35rem; font-size: .85rem; color: var(--muted); font-weight: 600; }
    input, select { background: var(--bg); border: 1px solid var(--border); color: var(--text); padding: .75rem .9rem; border-radius: 10px; font: inherit; }
    .finder-results { display: grid; gap: 1rem; margin-top: 2rem; }
    .found-game { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.5rem; }
    .site-footer { border-top: 1px solid var(--border); background: #070b14; padding: 3rem 0 1.5rem; }
    .footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 2rem; }
    .footer-bottom { border-top: 1px solid var(--border); margin-top: 2rem; padding-top: 1.5rem; display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; color: var(--muted); font-size: .85rem; }
    .social a { display: inline-block; margin-right: .75rem; color: var(--muted); text-decoration: none; }
    .social a:hover { color: var(--gold); }
    @media (max-width: 1000px) { .layout { grid-template-columns: 1fr; } .hero-inner { grid-template-columns: 1fr; } }
    @media (max-width: 900px) { .two, .three, .feature-grid, .footer-grid { grid-template-columns: 1fr; } .header-inner { grid-template-columns: 1fr; } }
    @media (max-width: 640px) { .finder-controls { grid-template-columns: 1fr; } }
  </style>
</head>
<body>
  <a href="#main" class="skip-link">Skip to main content</a>

  <header class="site-header">
    <div class="container header-inner">
      <a href="#" class="brand" aria-label="Fortune and Fold home">
        <img src="https://placehold.co/80x80/111827/ffffff?text=FF&font=poppins" alt="Fortune and Fold logo">
        <span class="brand-text">Fortune <span class="amp">&amp;</span> Fold</span>
      </a>
      <p class="tagline">Play smart. Win big. Stay in control.</p>
      <nav class="main-nav" aria-label="Primary navigation">
        <ul>
          <li><a href="#home" class="active">Home</a></li>
          <li><a href="#reviews">Casino Reviews</a></li>
          <li><a href="#game-guide">Game Guide</a></li>
          <li><a href="#promotions">Promotions</a></li>
          <li><a href="#tournaments">Tournaments</a></li>
          <li><a href="#support">Support</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <section class="hero" id="home">
    <div class="container hero-inner">
      <div class="hero-copy">
        <span class="eyebrow">Independent Gambling Intelligence</span>
        <h1>Fortune &amp; Fold: Your Edge at the Felt</h1>
        <p class="lede">We test casinos, break down game rules, and track tournament leaders so you can play with clarity.</p>
        <p>Fortune and Fold is a gambling news, casino guide, and betting resource built for players who want honest reviews, practical strategy, and tools to keep entertainment under control. Our writers cover blackjack strategy, slot volatility, roulette bets, and casino bonuses with real math and hands-on testing.</p>
        <p>From high-roller tournaments to beginner-friendly table games, our guides help you understand house edge, payout terms, comp points, and wagering requirements before you commit a deposit.</p>
        <div class="hero-actions">
          <a href="#tournaments" class="btn btn-primary">Join Tournament</a>
          <a href="#support" class="btn btn-ghost">Set Limits</a>
        </div>
        <p class="hero-note">18+ • Gamble responsibly</p>
      </div>
      <div class="hero-media">
        <img src="https://picsum.photos/1200/800?grayscale&blur=1" alt="Luxury casino table with gold chips">
      </div>
    </div>
  </section>

  <main id="main">
    <div class="container layout">
      <div class="content">
        <section class="section" id="overview">
          <div class="section-head">
            <span class="eyebrow">Why Fortune and Fold</span>
            <h2>Built by Players Who Studied the House Edge</h2>
          </div>
          <div class="grid two">
            <div>
              <p>Our editorial team does not just list casinos. We play. We track bonus terms, compare live dealer rules, and audit game math where possible. The result is a guide that explains why a 5% house edge in blackjack matters over fifty hands.</p>
              <p>Whether you are comparing slots RTP or learning basic blackjack strategy, we break complex gambling concepts into actionable advice. We also publish betting tips for bankroll management, value betting, and staking plans that fit real budgets.</p>
            </div>
            <div>
              <img src="https://picsum.photos/800/600?grayscale&blur=1" alt="Dice being thrown over a casino table">
            </div>
          </div>
          <div class="feature-grid">
            <article class="card">
              <h3>House Edge Decoded</h3>
              <p>We explain how house edge shapes long-term expected value and how rule variations change player value.</p>
            </article>
            <article class="card">
              <h3>Bonus Intelligence</h3>
              <p>We decode wagering requirements, rollover, comp points, and max cashout limits before you claim a bonus.</p>
            </article>
            <article class="card">
              <h3>Strategy Lab</h3>
              <p>From blackjack strategy to card counting theory, we separate math from myth and test claims responsibly.</p>
            </article>
          </div>
        </section>

        <section class="section" id="reviews">
          <div class="section-head">
            <span class="eyebrow">Casino Reviews</span>
            <h2>Independent Casino Reviews and Bonus Breakdowns</h2>
          </div>
          <p>Our casino reviews evaluate licensing, game variety, payout speed, live dealer quality, mobile experience, and customer support. We score each operator on a weighted scale.</p>
          <p>Bonus sections include deposit matches, free spins, no deposit offers, cashback, and tournament eligibility. We call out unrealistic playthrough requirements before you claim a bonus.</p>
          <div class="grid three" style="margin-top: 2rem;">
            <article class="card">
              <h3>The Golden Ace Casino</h3>
              <p>Score: 4.8/5. Live dealer, slots, poker. Bonus: 100% up to $1,000 + 50 free spins. Wagering: 35x.</p>
              <a class="btn btn-primary" href="#promotions">Claim Bonus</a>
            </article>
            <article class="card">
              <h3>River Belle Online</h3>
              <p>Score: 4.6/5. Blackjack, roulette, baccarat. Bonus: 50% up to $500 + comp points. Wagering: 20x.</p>
              <a class="btn btn-primary" href="#promotions">Claim Bonus</a>
            </article>
            <article class="card">
              <h3>Mountain Top Casino</h3>
              <p>Score: 4.7/5. Slots, live casino, table games. Bonus: 200% up to $2,000 + 100 free spins. Wagering: 40x.</p>
              <a class="btn btn-primary" href="#promotions">Claim Bonus</a>
            </article>
          </div>
          <div class="cta-band" id="promotions">
            <div>
              <h2>Ready to Claim a Bonus?</h2>
              <p>Compare offers, check wagering requirements, and use our bonus finder before you deposit.</p>
            </div>
            <a class="btn btn-primary" href="#promotions">Claim Bonus</a>
          </div>
        </section>

        <section class="section" id="game-guide">
          <div class="section-head">
            <span class="eyebrow">Game Guide</span>
            <h2>Learn the Rules Before You Raise</h2>
          </div>
          <div class="grid two">
            <article class="card">
              <img src="https://picsum.photos/800/500?grayscale&blur=1" alt="Blackjack table with cards">
              <h3>Blackjack Strategy Basics</h3>
              <p>Basic strategy reduces the house edge to around 0.5% with perfect play. Learn when to hit, stand, double down, or split.</p>
              <p>Our blackjack strategy guides break down hard totals, soft totals, dealer upcards, and common deviations. We also explain how side bets change the math.</p>
              <a class="btn btn-ghost" href="#game-guide">Read Strategy</a>
            </article>
            <article class="card">
              <img src="https://picsum.photos/800/500?grayscale&blur=1" alt="Slot machine with bonus features">
              <h3>Slot RTP and Volatility</h3>
              <p>Return-to-player, volatility, max win, and bonus features are critical for slot players. Low, medium, and high volatility slots behave very differently.</p>
              <p>We analyze slot RTP and volatility so you can choose games that match your bankroll and risk tolerance. We also explain how free spins and progressive jackpots affect expected value.</p>
              <a class="btn btn-ghost" href="#game-guide">Read Guides</a>
            </article>
          </div>
        </section>

        <section class="section" id="tournaments">
          <div class="section-head">
            <span class="eyebrow">Tournament Schedule</span>
            <h2>Weekly Tournaments and Leaderboards</h2>
          </div>
          <p>Our tournament calendar tracks freerolls, buy-in events, reload bonuses, and high-roller challenges. Prizes include cash, entry to larger events, and luxury packages.</p>
          <p>Leaderboards update in real time based on casino points, wagering requirements, and eligible games. Always check terms before joining a tournament.</p>
          <div class="grid three" style="margin-top: 2rem;">
            <article class="card">
              <h3>High Roller Bounty</h3>
              <p>Buy-in: $100. Prize pool: $25,000. Starts Friday 20:00 UTC.</p>
              <a class="btn btn-primary" href="#tournaments">Join Tournament</a>
            </article>
            <article class="card">
              <h3>Sunday Freeroll</h3>
              <p>Buy-in: $0. Prize pool: $5,000. Starts Sunday 18:00 UTC.</p>
              <a class="btn btn-primary" href="#tournaments">Join Tournament</a>
            </article>
            <article class="card">
              <h3>Blackjack Cup</h3>
              <p>Buy-in: $25. Prize pool: $12,000. Starts Saturday 19:00 UTC.</p>
              <a class="btn btn-primary" href="#tournaments">Join Tournament</a>
            </article>
          </div>
        </section>

        <section class="section" id="responsible">
          <div class="section-head">
            <span class="eyebrow">Responsible Gaming</span>
            <h2>Set Limits. Protect Your Bankroll.</h2>
          </div>
          <div class="grid two">
            <div>
              <p>Responsible gambling tools include deposit limits, loss limits, session limits, self-exclusion, and time reminders. Use them before play, not after a bad streak.</p>
              <p>If you or someone you know struggles with gambling, seek support. National problem gambling helplines and local resources are available for confidential help.</p>
              <div class="hero-actions">
                <a href="#support" class="btn btn-primary">Set Limits</a>
                <a href="#support" class="btn btn-ghost">Read Tools</a>
              </div>
            </div>
            <aside class="sidebar-card" id="support">
              <h3>Responsible Gaming Support</h3>
              <p>Take a break, set deposit limits, or access self-exclusion tools at any time.</p>
              <ul>
                <li><a href="#support">Deposit limit setup</a></li>
                <li><a href="#support">Loss limit tools</a></li>
                <li><a href="#support">Self-exclusion</a></li>
                <li><a href="#support">Help resources</a></li>
              </ul>
            </aside>
          </div>
        </section>

        <section class="section" id="faq">
          <div class="section-head">
            <span class="eyebrow">FAQ</span>
            <h2>Frequently Asked Questions</h2>
          </div>
          <div class="faq-list">
            <details>
              <summary>How do we calculate house edge?</summary>
              <p>We calculate house edge using probability models and game simulations, then compare rule sets such as dealer restrictions, payout tables, and bonus conditions.</p>
            </details>
            <details>
              <summary>What are wagering requirements?</summary>
              <p>Wagering requirements tell you how many times a bonus must be bet before withdrawal. They are one of the most important factors when comparing casino offers.</p>
            </details>
            <details>
              <summary>Can blackjack strategy work with side bets?</summary>
              <p>Generally, side bets increase house edge. Basic strategy still applies to the main wager, but players should understand the added cost before accepting any side bet.</p>
            </details>
            <details>
              <summary>How do casino comp points work?</summary>
              <p>Comp points are often earned through wagering and can be redeemed for bonuses, free spins, or tournament entries, depending on the casino’s program.</p>
            </details>
            <details>
              <summary>What should I do after a losing streak?</summary>
              <p>Review your limits, stop play if needed, and contact support or a help resource. Chasing losses is a common risk factor and should be avoided.</p>
            </details>
          </div>
        </section>

        <section class="section">
          <div class="section-head">
            <span class="eyebrow">Player Stories</span>
            <h2>What Winners and Regulars Say</h2>
          </div>
          <div class="grid three">
            <figure class="card testimonial">
              <img src="https://i.pravatar.cc/150?u=maria" alt="Maria K., slots player">
              <blockquote>“The bonus breakdown saved me from a 50x rollover nightmare. I finally knew what I was signing up for.”</blockquote>
              <figcaption>Maria K., slots player</figcaption>
            </figure>
            <figure class="card testimonial">
              <img src="https://i.pravatar.cc/150?u=david" alt="David R., casual player">
              <blockquote>“Their blackjack strategy guide helped me stop guessing and start playing with a plan.”</blockquote>
              <figcaption>David R., casual player</figcaption>
            </figure>
            <figure class="card testimonial">
              <img src="https://i.pravatar.cc/150?u=james" alt="James T., high roller">
              <blockquote>“The tournament leaderboard is transparent, and the guides make online gambling feel less random.”</blockquote>
              <figcaption>James T., high roller</figcaption>
            </figure>
          </div>
        </section>
      </div>

      <aside class="sidebar">
        <div class="sidebar-card">
          <h3>Responsible Gaming Tools</h3>
          <p>Set time, deposit, loss, and session limits before you play.</p>
          <ul>
            <li><a href="#support">Deposit limit setup</a></li>
            <li><a href="#support">Loss limit tools</a></li>
            <li><a href="#support">Self-exclusion</a></li>
            <li><a href="#support">Help resources</a></li>
          </ul>
        </div>
        <div class="sidebar-card">
          <h3>Latest Jackpot Winners</h3>
          <ul>
            <li>
              <img src="https://i.pravatar.cc/150?u=winner1" alt="Winner avatar">
              <div><strong>Olivia M. won $2.4M</strong><br>Progressive jackpot at The Golden Ace.</div>
            </li>
            <li>
              <img src="https://i.pravatar.cc/150?u=winner2" alt="Winner avatar">
              <div><strong>Marcus T. won $860K</strong><br>Slots tournament prize at River Belle.</div>
            </li>
          </ul>
        </div>
        <div class="sidebar-card">
          <h3>Casino Reviews</h3>
          <p>See our latest scoring and bonus coverage.</p>
          <a href="#reviews">View all reviews</a>
        </div>
      </aside>
    </div>
  </main>

  <section class="game-finder" id="game-finder" aria-labelledby="finder-title">
    <div class="container">
      <div class="section-head">
        <span class="eyebrow">Interactive Tool</span>
        <h2 id="finder-title">Find Your Perfect Game</h2>
        <p>Use filters to match your bankroll, risk tolerance, and goals. Our game finder compares blackjack, slots, roulette, and table games by RTP and max bet.</p>
      </div>
      <div class="finder-controls">
        <label>Game type
          <select id="gameType">
            <option value="any">Any</option>
            <option value="Blackjack">Blackjack</option>
            <option value="Slots">Slots</option>
            <option value="Roulette">Roulette</option>
            <option value="Craps">Craps</option>
          </select>
        </label>
        <label>Max bet
          <input type="number" id="maxBet" min="0" value="500" step="10">
        </label>
        <label>Min RTP
          <input type="number" id="minRtp" min="0" max="100" value="96" step="0.1">
        </label>
        <button type="button" class="btn btn-primary" id="findGames">Find Games</button>
        <div id="finderResults" class="finder-results" aria-live="polite">
          <p>Start with our featured blackjack and slots guides to set your filters.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="cta-final">
    <div class="container">
      <h2>Ready to Put the Odds in Your Favor?</h2>
      <p>Join Fortune and Fold for sharp guides, real-time tournament tracking, and responsible play tools.</p>
      <div class="hero-actions" style="justify-content: center;">
        <a href="#tournaments" class="btn btn-primary">Join Tournament</a>
        <a href="#promotions" class="btn btn-ghost">Claim Bonus</a>
        <a href="#support" class="btn btn-ghost">Set Limits</a>
      </div>
    </div>
  </section>

  <footer class="site-footer">
    <div class="container">
      <div class="footer-grid">
        <div>
          <h3>Fortune &amp; Fold</h3>
          <p>Independent gambling news, casino guides, betting tips, and gaming resources. Play smart, win big, stay in control.</p>
          <div class="social">
            <a href="#" aria-label="Fortune and Fold on Facebook">Facebook</a>
            <a href="#" aria-label="Fortune and Fold on X">X</a>
            <a href="#" aria-label="Fortune and Fold on Instagram">Instagram</a>
            <a href="#" aria-label="Fortune and Fold on YouTube">YouTube</a>
          </div>
        </div>
        <div>
          <h4>Quick Links</h4>
          <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#reviews">Casino Reviews</a></li>
            <li><a href="#game-guide">Game Guide</a></li>
            <li><a href="#promotions">Promotions</a></li>
            <li><a href="#tournaments">Tournaments</a></li>
            <li><a href="#support">Support</a></li>
          </ul>
        </div>
        <div>
          <h4>Support</h4>
          <ul>
            <li><a href="#support">Help Center</a></li>
            <li><a href="#support">Contact Support</a></li>
            <li><a href="#support">Responsible Gaming</a></li>
            <li><a href="#faq">FAQ</a></li>
          </ul>
        </div>
        <div>
          <h4>Legal</h4>
          <ul>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms of Service</a></li>
            <li><a href="#">Cookie Policy</a></li>
            <li><a href="#">Responsible Gaming</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <p>© <span id="year">2026</span> Fortune and Fold Media. All rights reserved.</p>
        <p>18+ Gamble responsibly. If gambling stops being fun, seek help.</p>
      </div>
    </div>
  </footer>

  <script>
    const findGamesBtn = document.getElementById('findGames');
    const finderResults = document.getElementById('finderResults');
    const gameType = document.getElementById('gameType');
    const maxBet = document.getElementById('maxBet');
    const minRtp = document.getElementById('minRtp');

    const games = [
      { name: 'Classic Blackjack', type: 'Blackjack', maxBet: 500, rtp: 99.5, desc: 'Blackjack strategy-focused table with low house edge.' },
      { name: 'European Roulette', type: 'Roulette', maxBet: 1000, rtp: 97.3, desc: 'European wheel with single zero and standard outside bets.' },
      { name: 'Mega Moolah', type: 'Slots', maxBet: 100, rtp: 88.1, desc: 'Progressive jackpot slot with high volatility.' },
      { name: 'Blackjack Strategy Pro', type: 'Blackjack', maxBet: 250, rtp: 99.6, desc: 'Advanced strategy tables and bankroll tools.' },
      { name: 'Craps Pass Line', type: 'Craps', maxBet: 200, rtp: 98.6, desc: 'Pass line bets with low house edge.' },
      { name: 'Starlight Slots', type: 'Slots', maxBet: 50, rtp: 96.8, desc: 'Medium volatility video slots with bonus features.' }
    ];

    function renderFinder() {
      const type = gameType.value;
      const max = Number(maxBet.value) || 0;
      const min = Number(minRtp.value) || 0;
      const filtered = games.filter(g => {
        const typeOk = type === 'any' || g.type === type;
        const betOk = max === 0 || g.maxBet <= max;
        const rtpOk = g.rtp >= min;
        return typeOk && betOk && rtpOk;
      });

      if (filtered.length === 0) {
        finderResults.innerHTML = '<p>No games matched those filters. Try widening the max bet or lowering the minimum RTP.</p>';
        return;
      }

      finderResults.innerHTML = filtered.map(g => `
        <article class="found-game">
          <h3>${g.name}</h3>
          <p>Type: ${g.type} • Max Bet: $${g.maxBet.toLocaleString()} • RTP: ${g.rtp}%</p>
          <p>${g.desc}</p>
          <a class="btn btn-ghost" href="#game-guide">View Game Guide</a>
        </article>
      `).join('');
    }

    findGamesBtn.addEventListener('click', renderFinder);
    gameType.addEventListener('change', renderFinder);
    maxBet.addEventListener('input', renderFinder);
    minRtp.addEventListener('input', renderFinder);

    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T10:13:08.632Z",
  "url": "https://benchmark.aimac.invalid/1df38daf40d3695052ad10f3d190826ce6e1f40b23fbcaa43a37de7831165369.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": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "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=\"#\" class=\"brand\" aria-label=\"Fortune and Fold home\">\n        <img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">\n        <span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>\n      </a>",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "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=\"#\" class=\"brand\" aria-label=\"Fortune and Fold home\">\n        <img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">\n        <span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>\n      </a>",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "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=\"#\" class=\"brand\" aria-label=\"Fortune and Fold home\">\n        <img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">\n        <span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>\n      </a>",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "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=\"#\" class=\"brand\" aria-label=\"Fortune and Fold home\">\n        <img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">\n        <span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>\n      </a>",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "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=\"#\" class=\"brand\" aria-label=\"Fortune and Fold home\">\n        <img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">\n        <span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>\n      </a>",
          "target": [
            ".brand"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<div class=\"grid three\" style=\"margin-top: 2rem;\">",
          "target": [
            "#reviews > .three.grid"
          ]
        }
      ]
    },
    {
      "id": "button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure buttons have discernible text",
      "help": "Buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "button-has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has inner text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button type=\"button\" class=\"btn btn-primary\" id=\"findGames\">Find Games</button>",
          "target": [
            "#findGames"
          ]
        }
      ]
    },
    {
      "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>Fortune &amp; Fold: Your Edge at the Felt</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h2>Built by Players Who Studied the House Edge</h2>",
                  "target": [
                    "#overview > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>House Edge Decoded</h3>",
                  "target": [
                    ".feature-grid > article:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Bonus Intelligence</h3>",
                  "target": [
                    ".feature-grid > article:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Strategy Lab</h3>",
                  "target": [
                    ".feature-grid > article:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Independent Casino Reviews and Bonus Breakdowns</h2>",
                  "target": [
                    "#reviews > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>The Golden Ace Casino</h3>",
                  "target": [
                    "#reviews > .three.grid > article:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>River Belle Online</h3>",
                  "target": [
                    "#reviews > .three.grid > article:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Mountain Top Casino</h3>",
                  "target": [
                    "#reviews > .three.grid > article:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Ready to Claim a Bonus?</h2>",
                  "target": [
                    "#promotions > div > h2"
                  ]
                },
                {
                  "html": "<h2>Learn the Rules Before You Raise</h2>",
                  "target": [
                    "#game-guide > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>Blackjack Strategy Basics</h3>",
                  "target": [
                    ".two.grid > article:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Slot RTP and Volatility</h3>",
                  "target": [
                    ".two.grid > article:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h2>Weekly Tournaments and Leaderboards</h2>",
                  "target": [
                    "#tournaments > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>High Roller Bounty</h3>",
                  "target": [
                    "#tournaments > .three.grid > article:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Sunday Freeroll</h3>",
                  "target": [
                    "#tournaments > .three.grid > article:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Blackjack Cup</h3>",
                  "target": [
                    "#tournaments > .three.grid > article:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2>Set Limits. Protect Your Bankroll.</h2>",
                  "target": [
                    "#responsible > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>Responsible Gaming Support</h3>",
                  "target": [
                    "#support > h3"
                  ]
                },
                {
                  "html": "<h2>Frequently Asked Questions</h2>",
                  "target": [
                    "#faq > .section-head > h2"
                  ]
                },
                {
                  "html": "<h2>What Winners and Regulars Say</h2>",
                  "target": [
                    ".section:nth-child(7) > .section-head > h2"
                  ]
                },
                {
                  "html": "<h3>Responsible Gaming Tools</h3>",
                  "target": [
                    ".sidebar-card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>Latest Jackpot Winners</h3>",
                  "target": [
                    ".sidebar > .sidebar-card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>Casino Reviews</h3>",
                  "target": [
                    ".sidebar-card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h2 id=\"finder-title\">Find Your Perfect Game</h2>",
                  "target": [
                    "#finder-title"
                  ]
                },
                {
                  "html": "<h2>Ready to Put the Odds in Your Favor?</h2>",
                  "target": [
                    ".container > h2"
                  ]
                },
                {
                  "html": "<h3>Fortune &amp; Fold</h3>",
                  "target": [
                    ".footer-grid > div:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h4>Quick Links</h4>",
                  "target": [
                    "div:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Support</h4>",
                  "target": [
                    "div:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h4>Legal</h4>",
                  "target": [
                    "div:nth-child(4) > h4"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main id=\"main\">",
                  "target": [
                    "#main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#e9eef8",
                "bgColor": "#0a0f1e",
                "contrastRatio": 16.4,
                "fontSize": "18.0pt (24px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 16.4"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<span class=\"brand-text\">Fortune <span class=\"amp\">&amp;</span> Fold</span>",
          "target": [
            ".brand-text"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "duplicate-id-aria",
              "data": "finder-title",
              "relatedNodes": [],
              "impact": "critical",
              "message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<h2 id=\"finder-title\">Find Your Perfect Game</h2>",
          "target": [
            "#finder-title"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<label>",
                  "target": [
                    "label:nth-child(1)"
                  ]
                }
              ],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<select id=\"gameType\">\n            <option value=\"any\">Any</option>\n            <option value=\"Blackjack\">Blackjack</option>\n            <option value=\"Slots\">Slots</option>\n            <option value=\"Roulette\">Roulette</option>\n            <option value=\"Craps\">Craps</option>\n          </select>",
          "target": [
            "#gameType"
          ]
        }
      ]
    },
    {
      "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/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">",
          "target": [
            "img[alt=\"Fortune and Fold 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": "implicit-label",
              "data": {
                "implicitLabel": "Max bet"
              },
              "relatedNodes": [
                {
                  "html": "<label>Max bet\n          <input type=\"number\" id=\"maxBet\" min=\"0\" value=\"500\" step=\"10\">\n        </label>",
                  "target": [
                    "label:nth-child(2)"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an implicit (wrapped) <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"number\" id=\"maxBet\" min=\"0\" value=\"500\" step=\"10\">",
          "target": [
            "#maxBet"
          ]
        }
      ]
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "link-in-text-block-style",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<div class=\"sidebar-card\">\n          <h3>Casino Reviews</h3>\n          <p>See our latest scoring and bonus coverage.</p>\n          <a href=\"#reviews\">View all reviews</a>\n        </div>",
                  "target": [
                    ".sidebar-card:nth-child(3)"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Links can be distinguished from surrounding text by visual styling"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#reviews\">View all reviews</a>",
          "target": [
            ".sidebar-card:nth-child(3) > a[href$=\"#reviews\"]"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#main\" class=\"skip-link\">Skip to main content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    },
    {
      "id": "list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that lists are structured correctly",
      "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "only-listitems",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List element only has direct children that are allowed inside <li> elements"
            }
          ],
          "impact": null,
          "html": "<ul>",
          "target": [
            "nav > ul"
          ]
        }
      ]
    },
    {
      "id": "listitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <li> elements are used semantically",
      "help": "<li> elements must be contained in a <ul> or <ol>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "listitem",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "List item has a <ul>, <ol> or role=\"list\" parent element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<li><a href=\"#home\" class=\"active\">Home</a></li>",
          "target": [
            "nav > ul > li:nth-child(1)"
          ]
        }
      ]
    },
    {
      "id": "meta-viewport",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag2aa",
        "wcag144",
        "EN-301-549",
        "EN-9.1.4.4",
        "ACT"
      ],
      "description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
      "help": "Zooming and scaling must not be disabled",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "meta-viewport",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "<meta> tag does not disable zooming on mobile devices"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
          "target": [
            "meta[name=\"viewport\"]"
          ]
        }
      ]
    },
    {
      "id": "nested-interactive",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
      "help": "Interactive controls must not be nested",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "no-focusable-content",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element does not have focusable descendants"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<img src=\"https://placehold.co/80x80/111827/ffffff?text=FF&amp;font=poppins\" alt=\"Fortune and Fold logo\">",
          "target": [
            "img[alt=\"Fortune and Fold logo\"]"
          ]
        }
      ]
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "implicit-label",
              "data": {
                "implicitLabel": "Game type"
              },
              "relatedNodes": [
                {
                  "html": "<label>",
                  "target": [
                    "label:nth-child(1)"
                  ]
                }
              ],
              "impact": "critical",
              "message": "Element has an implicit (wrapped) <label>"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<select id=\"gameType\">\n            <option value=\"any\">Any</option>\n            <option value=\"Blackjack\">Blackjack</option>\n            <option value=\"Slots\">Slots</option>\n            <option value=\"Roulette\">Roulette</option>\n            <option value=\"Craps\">Craps</option>\n          </select>",
          "target": [
            "#gameType"
          ]
        }
      ]
    },
    {
      "id": "summary-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure summary elements have discernible text",
      "help": "Summary elements must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<summary>How do we calculate house edge?</summary>",
          "target": [
            "details:nth-child(1) > summary"
          ]
        }
      ]
    },
    {
      "id": "target-size",
      "impact": null,
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 186.5,
                "height": 49.6
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (186.5px by 49.6px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 24,
                "minOffset": 24
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<a href=\"#main\" class=\"skip-link\">Skip to main content</a>",
          "target": [
            ".skip-link"
          ]
        }
      ]
    }
  ],
  "incomplete": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": null,
                "bgColor": null,
                "contrastRatio": 0,
                "fontSize": "9.0pt (12px)",
                "fontWeight": "bold",
                "messageKey": "bgGradient",
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<section class=\"hero\" id=\"home\">",
                  "target": [
                    "#home"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element's background color could not be determined due to a background gradient"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"eyebrow\">Independent Gambling Intelligence</span>",
          "target": [
            ".hero-copy > .eyebrow"
          ],
          "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background gradient"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "target-size",
      "impact": "serious",
      "tags": [
        "cat.sensory-and-visual-cues",
        "wcag22aa",
        "wcag258"
      ],
      "description": "Ensure touch targets have sufficient size and space",
      "help": "All touch targets must be 24px large, or leave sufficient space",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 107.5,
                "height": 20
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has insufficient size (107.5px by 20px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 19.4,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#support\">Help resources</a>",
                  "target": [
                    ".sidebar-card:nth-child(1) > ul > li:nth-child(4) > a[href$=\"#support\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.4px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#support\">Self-exclusion</a>",
          "target": [
            ".sidebar-card:nth-child(1) > ul > li:nth-child(3) > a[href$=\"#support\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size (107.5px by 20px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.4px instead of at least 24px."
        },
        {
          "any": [
            {
              "id": "target-size",
              "data": {
                "minSize": 24,
                "width": 114.7,
                "height": 20
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Target has insufficient size (114.7px by 20px, should be at least 24px by 24px)"
            },
            {
              "id": "target-offset",
              "data": {
                "closestOffset": 19.4,
                "minOffset": 24
              },
              "relatedNodes": [
                {
                  "html": "<a href=\"#support\">Self-exclusion</a>",
                  "target": [
                    ".sidebar-card:nth-child(1) > ul > li:nth-child(3) > a[href$=\"#support\"]"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.4px instead of at least 24px."
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#support\">Help resources</a>",
          "target": [
            ".sidebar-card:nth-child(1) > ul > li:nth-child(4) > a[href$=\"#support\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Target has insufficient size (114.7px by 20px, should be at least 24px by 24px)\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 19.4px instead of at least 24px."
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 7837
      },
      {
        "y": 576,
        "height": 7837
      },
      {
        "y": 1152,
        "height": 7837
      },
      {
        "y": 1728,
        "height": 7837
      },
      {
        "y": 2304,
        "height": 7837
      },
      {
        "y": 2880,
        "height": 7837
      },
      {
        "y": 3456,
        "height": 7837
      },
      {
        "y": 4032,
        "height": 7837
      },
      {
        "y": 4608,
        "height": 7837
      },
      {
        "y": 5184,
        "height": 7837
      },
      {
        "y": 5760,
        "height": 7837
      },
      {
        "y": 6336,
        "height": 7837
      },
      {
        "y": 6912,
        "height": 7837
      },
      {
        "y": 7117,
        "height": 7837
      }
    ],
    "scans": 15,
    "max_states": 512,
    "settle_ms": 5000,
    "page_timeout_seconds": 150,
    "layout_stability": "consecutive 100ms size samples within one CSS pixel",
    "animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
    "interactive_states": "not exercised",
    "horizontal_scroll": "not exercised"
  }
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "Gambling/Casinos" 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: "Gambling/Casinos"
- Description: Gambling news, casino guides, betting tips, and gaming resources.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Gambling/Casinos" 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: "Support", "Game Guide", "Promotions".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Gambling/Casinos" category. Consider themes similar to: "Tournament Schedule", "Casino Reviews", "Game Rules".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "house edge", "comp points", "blackjack strategy".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Join Tournament", "Set Limits", "Claim Bonus".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Gambling/Casinos" sector. Ideas similar but not limited to: "game finder".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "responsible gaming tips", "jackpot winners", "casino reviews".
-   **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.