Qwen Qwen3.7 Plus – Social Media

via Alibaba · Generated

  • AIMAC Debt 24.49
  • Cost $0.02
  • Total Violations 25
  • HTML Size 45 KB
  • Em Dashes 13

Screenshot

View Qwen Qwen3.7 Plus Social Media page View Live Page

Accessibility Issues Found

18 Critical 7 Serious

  • color-contrast serious 7 instances

    Elements must meet minimum color contrast ratio thresholds

    Example HTML <span class="badge">12</span>
  • image-alt critical 18 instances

    Images must have alternative text

    Example HTML <img src="https://i.pravatar.cc/120?u=s1">

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>Nexora — Where Authentic Connections Thrive</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">
<style>
  *{margin:0;padding:0;box-sizing:border-box}
  :root{
    --indigo:#4F46E5;
    --indigo-dark:#3730A3;
    --coral:#FF6B6B;
    --mint:#10B981;
    --bg:#F8FAFC;
    --surface:#FFFFFF;
    --text:#0F172A;
    --muted:#64748B;
    --border:#E2E8F0;
    --gradient:linear-gradient(135deg,#4F46E5 0%,#EC4899 100%);
  }
  body{
    font-family:'Inter',sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}

  /* HEADER */
  .topbar{
    background:var(--surface);
    border-bottom:1px solid var(--border);
    position:sticky;top:0;z-index:100;
    backdrop-filter:blur(10px);
    background:rgba(255,255,255,0.92);
  }
  .topbar-inner{
    max-width:1400px;margin:0 auto;
    display:flex;align-items:center;gap:24px;
    padding:14px 28px;
  }
  .logo{display:flex;align-items:center;gap:10px}
  .logo-mark{
    width:40px;height:40px;border-radius:12px;
    background:var(--gradient);
    display:grid;place-items:center;
    color:#fff;font-weight:800;font-size:20px;
    box-shadow:0 6px 18px rgba(79,70,229,0.35);
  }
  .logo-text{display:flex;flex-direction:column;line-height:1.1}
  .logo-text strong{font-size:20px;font-weight:800;letter-spacing:-0.5px}
  .logo-text span{font-size:11px;color:var(--muted);font-weight:500}
  .search{
    flex:1;max-width:460px;position:relative;
  }
  .search input{
    width:100%;padding:11px 14px 11px 42px;
    border:1px solid var(--border);border-radius:12px;
    background:#F1F5F9;font-size:14px;outline:none;
    transition:all .2s;
  }
  .search input:focus{background:#fff;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(79,70,229,0.15)}
  .search::before{
    content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);
    font-size:14px;opacity:.6;
  }
  nav.main-nav{display:flex;gap:4px;align-items:center}
  nav.main-nav a{
    padding:9px 14px;border-radius:10px;font-size:14px;font-weight:500;
    color:var(--muted);transition:all .2s;display:flex;align-items:center;gap:6px;
  }
  nav.main-nav a:hover{background:#F1F5F9;color:var(--text)}
  nav.main-nav a.active{background:var(--gradient);color:#fff}
  .nav-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
  .icon-btn{
    width:40px;height:40px;border-radius:10px;border:1px solid var(--border);
    background:#fff;display:grid;place-items:center;cursor:pointer;
    font-size:16px;transition:all .2s;position:relative;
  }
  .icon-btn:hover{background:#F1F5F9;transform:translateY(-1px)}
  .icon-btn .badge{
    position:absolute;top:-4px;right:-4px;background:var(--coral);color:#fff;
    font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;
  }
  .avatar-sm{
    width:40px;height:40px;border-radius:50%;object-fit:cover;
    border:2px solid #fff;box-shadow:0 0 0 1px var(--border);
  }

  /* HERO */
  .hero{
    background:var(--gradient);
    color:#fff;position:relative;overflow:hidden;
    padding:64px 28px 80px;
  }
  .hero::before{
    content:"";position:absolute;inset:0;
    background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.15) 0%,transparent 40%),
                     radial-gradient(circle at 80% 70%,rgba(255,255,255,0.1) 0%,transparent 40%);
  }
  .hero-inner{
    max-width:1400px;margin:0 auto;position:relative;
    display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;
  }
  .hero h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(36px,5vw,64px);line-height:1.05;font-weight:700;
    letter-spacing:-1.5px;margin-bottom:20px;
  }
  .hero h1 em{font-style:italic;color:#FDE68A}
  .hero p.lead{font-size:18px;opacity:.92;margin-bottom:28px;max-width:520px}
  .hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
  .btn{
    padding:13px 24px;border-radius:12px;font-weight:600;font-size:15px;
    cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px;
  }
  .btn-primary{background:#fff;color:var(--indigo-dark)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}
  .btn-ghost{background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.3)}
  .btn-ghost:hover{background:rgba(255,255,255,0.25)}
  .btn-solid{background:var(--indigo);color:#fff}
  .btn-solid:hover{background:var(--indigo-dark)}
  .hero-stats{
    display:flex;gap:32px;margin-top:36px;padding-top:28px;
    border-top:1px solid rgba(255,255,255,0.2);
  }
  .hero-stats div strong{display:block;font-size:28px;font-weight:800}
  .hero-stats div span{font-size:13px;opacity:.85}
  .hero-visual{
    position:relative;height:420px;
  }
  .hero-card{
    position:absolute;background:#fff;border-radius:18px;padding:16px;
    box-shadow:0 20px 50px rgba(0,0,0,0.25);color:var(--text);
  }
  .hero-card.c1{top:0;left:0;width:260px;transform:rotate(-4deg)}
  .hero-card.c2{top:60px;right:0;width:240px;transform:rotate(5deg)}
  .hero-card.c3{bottom:0;left:40px;width:280px;transform:rotate(-2deg)}
  .hero-card img{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:10px}
  .hero-card .meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
  .hero-card .meta img{width:24px;height:24px;border-radius:50%;margin:0}
  .hero-card h4{font-size:14px;margin-bottom:4px}

  /* LAYOUT */
  .layout{
    max-width:1400px;margin:-40px auto 0;padding:0 28px 60px;
    display:grid;grid-template-columns:1fr 340px;gap:28px;position:relative;
  }
  .main-feed{display:flex;flex-direction:column;gap:28px}
  .card{
    background:var(--surface);border-radius:18px;padding:28px;
    border:1px solid var(--border);
  }
  .section-head{
    display:flex;align-items:flex-end;justify-content:space-between;
    margin-bottom:22px;gap:16px;flex-wrap:wrap;
  }
  .section-head h2{
    font-family:'Playfair Display',serif;
    font-size:30px;font-weight:700;letter-spacing:-0.8px;
  }
  .section-head p{color:var(--muted);font-size:14px;margin-top:4px}
  .section-head a.more{
    color:var(--indigo);font-weight:600;font-size:14px;
    display:inline-flex;align-items:center;gap:4px;
  }

  /* CREATE POST */
  .create-post{display:flex;gap:14px;align-items:flex-start}
  .create-post img{width:44px;height:44px;border-radius:50%}
  .create-post .input-area{
    flex:1;background:#F1F5F9;border-radius:14px;padding:14px 18px;
    display:flex;flex-direction:column;gap:12px;
  }
  .create-post textarea{
    background:transparent;border:none;outline:none;resize:none;
    font-family:inherit;font-size:15px;color:var(--text);min-height:40px;
  }
  .create-post .tools{display:flex;justify-content:space-between;align-items:center}
  .create-post .tools .chips{display:flex;gap:6px;flex-wrap:wrap}
  .chip{
    padding:6px 12px;border-radius:20px;background:#fff;font-size:12px;
    font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:6px;
    border:1px solid var(--border);cursor:pointer;transition:all .2s;
  }
  .chip:hover{color:var(--indigo);border-color:var(--indigo)}

  /* TRENDING */
  .trending-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .trend-card{
    border-radius:14px;overflow:hidden;position:relative;
    border:1px solid var(--border);transition:all .25s;cursor:pointer;
  }
  .trend-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,0.08)}
  .trend-card img{width:100%;height:180px;object-fit:cover}
  .trend-card .body{padding:16px}
  .trend-card .tag{
    display:inline-block;padding:4px 10px;border-radius:20px;
    background:rgba(79,70,229,0.1);color:var(--indigo);
    font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;
    margin-bottom:8px;
  }
  .trend-card h3{font-size:16px;font-weight:700;margin-bottom:6px;line-height:1.3}
  .trend-card p{font-size:13px;color:var(--muted);margin-bottom:12px}
  .trend-card .foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}
  .trend-card .foot .avatars{display:flex}
  .trend-card .foot .avatars img{width:24px;height:24px;border-radius:50%;border:2px solid #fff;margin-left:-8px}
  .trend-card .foot .avatars img:first-child{margin-left:0}

  /* CREATOR SPOTLIGHT */
  .creators{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .creator-card{
    background:#fff;border:1px solid var(--border);border-radius:16px;
    padding:22px;text-align:center;transition:all .25s;
  }
  .creator-card:hover{border-color:var(--indigo);transform:translateY(-3px)}
  .creator-card img.avatar{
    width:80px;height:80px;border-radius:50%;margin:0 auto 12px;
    border:3px solid #fff;box-shadow:0 0 0 2px var(--indigo);
  }
  .creator-card h4{font-size:16px;font-weight:700;margin-bottom:2px}
  .creator-card .handle{color:var(--muted);font-size:13px;margin-bottom:10px}
  .creator-card .bio{font-size:13px;color:var(--text);margin-bottom:14px;line-height:1.5}
  .creator-card .stats{
    display:flex;justify-content:space-around;padding:12px 0;
    border-top:1px solid var(--border);border-bottom:1px solid var(--border);
    margin-bottom:14px;
  }
  .creator-card .stats div{font-size:12px;color:var(--muted)}
  .creator-card .stats div strong{display:block;color:var(--text);font-size:15px;font-weight:700}
  .creator-card .follow{
    width:100%;padding:9px;border-radius:10px;background:var(--gradient);
    color:#fff;border:none;font-weight:600;font-size:13px;cursor:pointer;
    transition:all .2s;
  }
  .creator-card .follow:hover{opacity:.9;transform:scale(1.02)}

  /* ANALYTICS WIDGET */
  .analytics{
    background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);
    color:#fff;border:none;
  }
  .analytics h2{color:#fff}
  .analytics .section-head p{color:#94A3B8}
  .analytics .controls{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
  .analytics .controls button{
    padding:7px 14px;border-radius:8px;background:rgba(255,255,255,0.08);
    color:#CBD5E1;border:1px solid rgba(255,255,255,0.1);font-size:13px;
    font-weight:500;cursor:pointer;transition:all .2s;
  }
  .analytics .controls button.active{background:var(--gradient);color:#fff;border-color:transparent}
  .analytics .controls button:hover:not(.active){background:rgba(255,255,255,0.12)}
  .metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}
  .metric{
    background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);
    border-radius:12px;padding:16px;
  }
  .metric .label{font-size:12px;color:#94A3B8;margin-bottom:6px;text-transform:uppercase;letter-spacing:0.5px}
  .metric .value{font-size:24px;font-weight:800;letter-spacing:-0.5px}
  .metric .delta{font-size:12px;margin-top:4px;font-weight:600}
  .metric .delta.up{color:#10B981}
  .metric .delta.down{color:#F87171}
  .chart{
    background:rgba(255,255,255,0.03);border-radius:12px;padding:20px;
    border:1px solid rgba(255,255,255,0.08);height:220px;position:relative;
  }
  .chart svg{width:100%;height:100%}
  .chart-legend{
    display:flex;gap:20px;margin-top:16px;font-size:13px;color:#CBD5E1;
  }
  .chart-legend span{display:inline-flex;align-items:center;gap:6px}
  .chart-legend span::before{content:"";width:10px;height:10px;border-radius:3px;display:inline-block}
  .chart-legend .l1::before{background:#818CF8}
  .chart-legend .l2::before{background:#F472B6}

  /* GROUPS */
  .groups-list{display:flex;flex-direction:column;gap:14px}
  .group-row{
    display:flex;gap:16px;align-items:center;padding:14px;
    border:1px solid var(--border);border-radius:14px;transition:all .2s;
  }
  .group-row:hover{border-color:var(--indigo);background:#FAFBFF}
  .group-row img{width:56px;height:56px;border-radius:12px;object-fit:cover}
  .group-row .info{flex:1}
  .group-row .info h4{font-size:15px;font-weight:700;margin-bottom:2px}
  .group-row .info p{font-size:13px;color:var(--muted)}
  .group-row .members{font-size:12px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:6px}
  .group-row .members .dot{width:6px;height:6px;border-radius:50%;background:var(--mint)}
  .group-row .join{
    padding:8px 16px;border-radius:10px;background:#F1F5F9;
    font-size:13px;font-weight:600;color:var(--indigo);border:none;cursor:pointer;
    transition:all .2s;
  }
  .group-row .join:hover{background:var(--indigo);color:#fff}

  /* STORIES */
  .stories{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}
  .stories::-webkit-scrollbar{height:6px}
  .stories::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
  .story{
    flex-shrink:0;width:110px;text-align:center;cursor:pointer;
  }
  .story .ring{
    width:80px;height:80px;border-radius:50%;padding:3px;
    background:var(--gradient);margin:0 auto 8px;
  }
  .story .ring img{width:100%;height:100%;border-radius:50%;border:3px solid #fff;object-fit:cover}
  .story span{font-size:12px;font-weight:500;color:var(--text)}

  /* TESTIMONIALS */
  .testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .testimonial{
    padding:22px;border-radius:14px;border:1px solid var(--border);
    background:linear-gradient(135deg,#FAFBFF 0%,#fff 100%);
  }
  .testimonial .quote{font-size:14px;line-height:1.6;color:var(--text);margin-bottom:16px;font-style:italic}
  .testimonial .who{display:flex;align-items:center;gap:12px}
  .testimonial .who img{width:44px;height:44px;border-radius:50%}
  .testimonial .who strong{display:block;font-size:14px}
  .testimonial .who span{font-size:12px;color:var(--muted)}

  /* SIDEBAR */
  .sidebar{display:flex;flex-direction:column;gap:22px}
  .sidebar .card{padding:22px}
  .sidebar h3{font-size:16px;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
  .sidebar h3 small{font-size:12px;color:var(--muted);font-weight:500;cursor:pointer}
  .hashtag-list{display:flex;flex-direction:column;gap:12px}
  .hashtag{display:flex;justify-content:space-between;align-items:center;font-size:14px}
  .hashtag .tag-name{font-weight:600;color:var(--indigo)}
  .hashtag .count{font-size:12px;color:var(--muted)}
  .hashtag .bar{
    height:4px;background:#F1F5F9;border-radius:2px;margin-top:4px;overflow:hidden;
  }
  .hashtag .bar span{display:block;height:100%;background:var(--gradient);border-radius:2px}

  .suggested{display:flex;flex-direction:column;gap:14px}
  .suggested .person{display:flex;align-items:center;gap:12px}
  .suggested .person img{width:42px;height:42px;border-radius:50%}
  .suggested .person .info{flex:1}
  .suggested .person .info strong{display:block;font-size:14px}
  .suggested .person .info span{font-size:12px;color:var(--muted)}
  .suggested .person button{
    padding:6px 12px;border-radius:8px;background:var(--gradient);
    color:#fff;border:none;font-size:12px;font-weight:600;cursor:pointer;
  }

  .event-list{display:flex;flex-direction:column;gap:14px}
  .event{display:flex;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}
  .event:last-child{border:none;padding-bottom:0}
  .event .date{
    flex-shrink:0;width:48px;height:54px;border-radius:10px;
    background:var(--gradient);color:#fff;display:flex;flex-direction:column;
    align-items:center;justify-content:center;
  }
  .event .date strong{font-size:18px;font-weight:800;line-height:1}
  .event .date span{font-size:10px;text-transform:uppercase;letter-spacing:0.5px}
  .event .info h5{font-size:14px;font-weight:600;margin-bottom:2px}
  .event .info p{font-size:12px;color:var(--muted)}

  /* FAQ */
  .faq{display:flex;flex-direction:column;gap:10px}
  .faq details{
    border:1px solid var(--border);border-radius:12px;padding:16px 18px;
    background:#fff;transition:all .2s;
  }
  .faq details[open]{border-color:var(--indigo);background:#FAFBFF}
  .faq summary{
    font-weight:600;font-size:15px;cursor:pointer;list-style:none;
    display:flex;justify-content:space-between;align-items:center;
  }
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";font-size:22px;color:var(--indigo);transition:transform .2s}
  .faq details[open] summary::after{transform:rotate(45deg)}
  .faq details p{margin-top:12px;font-size:14px;color:var(--muted);line-height:1.6}

  /* FOOTER */
  footer{
    background:#0F172A;color:#CBD5E1;padding:60px 28px 30px;margin-top:40px;
  }
  .footer-inner{max-width:1400px;margin:0 auto}
  .footer-grid{
    display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:40px;
    padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.1);
  }
  .footer-brand .logo-text strong{color:#fff}
  .footer-brand p{font-size:14px;margin-top:14px;line-height:1.6;max-width:320px}
  .footer-brand .socials{display:flex;gap:10px;margin-top:18px}
  .footer-brand .socials a{
    width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.08);
    display:grid;place-items:center;font-size:14px;transition:all .2s;
  }
  .footer-brand .socials a:hover{background:var(--gradient);color:#fff}
  .footer-col h5{color:#fff;font-size:14px;font-weight:700;margin-bottom:14px;text-transform:uppercase;letter-spacing:0.5px}
  .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
  .footer-col a{font-size:14px;color:#94A3B8;transition:color .2s}
  .footer-col a:hover{color:#fff}
  .footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    padding-top:24px;font-size:13px;color:#64748B;flex-wrap:wrap;gap:12px;
  }
  .footer-bottom .legal{display:flex;gap:20px}

  /* RESPONSIVE */
  @media (max-width:1100px){
    .layout{grid-template-columns:1fr}
    .hero-inner{grid-template-columns:1fr}
    .hero-visual{display:none}
    .trending-grid{grid-template-columns:1fr}
    .creators{grid-template-columns:repeat(2,1fr)}
    .metrics{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:1fr 1fr}
    nav.main-nav{display:none}
  }
  @media (max-width:640px){
    .creators{grid-template-columns:1fr}
    .testimonials{grid-template-columns:1fr}
    .metrics{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
    .hero{padding:40px 20px 60px}
    .topbar-inner{padding:12px 16px}
    .search{display:none}
  }
</style>
</head>
<body>

<!-- HEADER -->
<header class="topbar">
  <div class="topbar-inner">
    <a href="#" class="logo">
      <div class="logo-mark">N</div>
      <div class="logo-text">
        <strong>Nexora</strong>
        <span>Where Authentic Connections Thrive</span>
      </div>
    </a>
    <div class="search">
      <input type="text" placeholder="Search people, groups, hashtags…">
    </div>
    <nav class="main-nav">
      <a href="#" class="active">🏠 Home</a>
      <a href="#">✏️ Create</a>
      <a href="#">👥 Groups</a>
      <a href="#">💬 Messages</a>
      <a href="#">🔔 Alerts</a>
      <a href="#">🎯 Explore</a>
      <a href="#">⚙️ Settings</a>
    </nav>
    <div class="nav-actions">
      <button class="icon-btn" title="Messages">💬<span class="badge">3</span></button>
      <button class="icon-btn" title="Notifications">🔔<span class="badge">12</span></button>
      <img class="avatar-sm" src="https://i.pravatar.cc/80?u=me@nexora" alt="You">
    </div>
  </div>
</header>

<!-- HERO -->
<section class="hero">
  <div class="hero-inner">
    <div>
      <h1>Your feed, <em>your people</em>, your story.</h1>
      <p class="lead">Nexora is a social platform built around genuine connection. Share moments, join thriving communities, and discover creators who inspire you — without the noise of algorithmic overload.</p>
      <div class="hero-ctas">
        <button class="btn btn-primary">✨ Create Your Profile</button>
        <button class="btn btn-ghost">▶ Watch 90-sec Tour</button>
      </div>
      <div class="hero-stats">
        <div><strong>4.8M+</strong><span>Active creators</span></div>
        <div><strong>127K</strong><span>Live communities</span></div>
        <div><strong>98%</strong><span>Report feeling safer</span></div>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-card c1">
        <img src="https://picsum.photos/400/240?random=10" alt="">
        <h4>Sunset in Lisbon 🌅</h4>
        <div class="meta">
          <img src="https://i.pravatar.cc/40?u=maria" alt="">
          <span>@maria.travels · 2.4k likes</span>
        </div>
      </div>
      <div class="hero-card c2">
        <img src="https://picsum.photos/400/240?random=11" alt="">
        <h4>New recipe drop 🍜</h4>
        <div class="meta">
          <img src="https://i.pravatar.cc/40?u=kenji" alt="">
          <span>@kenjicooks · trending</span>
        </div>
      </div>
      <div class="hero-card c3">
        <img src="https://picsum.photos/400/240?random=12" alt="">
        <h4>Studio session 🎧</h4>
        <div class="meta">
          <img src="https://i.pravatar.cc/40?u=aria" alt="">
          <span>@aria.sound · 842 comments</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- MAIN LAYOUT -->
<div class="layout">
  <main class="main-feed">

    <!-- STORIES -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>Moments from your circle</h2>
          <p>Live stories from people and groups you follow</p>
        </div>
        <a href="#" class="more">View all →</a>
      </div>
      <div class="stories">
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s1"></div><span>@luna</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s2"></div><span>DesignClub</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s3"></div><span>@raj.dev</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s4"></div><span>FoodieHub</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s5"></div><span>@maya.art</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s6"></div><span>TravelDiary</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s7"></div><span>@kofi</span></div>
        <div class="story"><div class="ring"><img src="https://i.pravatar.cc/120?u=s8"></div><span>FitnessLab</span></div>
      </div>
    </section>

    <!-- CREATE POST -->
    <section class="card">
      <div class="create-post">
        <img src="https://i.pravatar.cc/80?u=me@nexora" alt="You">
        <div class="input-area">
          <textarea placeholder="Share something authentic today… What's on your mind?"></textarea>
          <div class="tools">
            <div class="chips">
              <span class="chip">📷 Photo</span>
              <span class="chip">🎥 Video</span>
              <span class="chip">📊 Poll</span>
              <span class="chip">🎙️ Voice</span>
              <span class="chip">📍 Location</span>
            </div>
            <button class="btn btn-solid">Post</button>
          </div>
        </div>
      </div>
    </section>

    <!-- TRENDING -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>Trending across Nexora</h2>
          <p>The user-generated content shaping conversations right now</p>
        </div>
        <a href="#" class="more">Explore all →</a>
      </div>
      <div class="trending-grid">
        <div class="trend-card">
          <img src="https://picsum.photos/600/360?random=1" alt="">
          <div class="body">
            <span class="tag">Creator Spotlight</span>
            <h3>How indie filmmakers are building audiences without studios</h3>
            <p>A deep dive into the creator economy's most resilient niche — and the tools making it possible.</p>
            <div class="foot">
              <div class="avatars">
                <img src="https://i.pravatar.cc/40?u=t1">
                <img src="https://i.pravatar.cc/40?u=t2">
                <img src="https://i.pravatar.cc/40?u=t3">
              </div>
              <span>12.4k engaged · 3h</span>
            </div>
          </div>
        </div>
        <div class="trend-card">
          <img src="https://picsum.photos/600/360?random=2" alt="">
          <div class="body">
            <span class="tag">Community</span>
            <h3>The neighborhood book clubs going viral on Nexora</h3>
            <p>From Tokyo to Toronto, small reading groups are finding global audiences through authentic storytelling.</p>
            <div class="foot">
              <div class="avatars">
                <img src="https://i.pravatar.cc/40?u=t4">
                <img src="https://i.pravatar.cc/40?u=t5">
              </div>
              <span>8.1k engaged · 5h</span>
            </div>
          </div>
        </div>
        <div class="trend-card">
          <img src="https://picsum.photos/600/360?random=3" alt="">
          <div class="body">
            <span class="tag">Trending</span>
            <h3>Why "slow content" is the next big movement online</h3>
            <p>Creators are pushing back against the scroll — and their audiences are thanking them for it.</p>
            <div class="foot">
              <div class="avatars">
                <img src="https://i.pravatar.cc/40?u=t6">
                <img src="https://i.pravatar.cc/40?u=t7">
                <img src="https://i.pravatar.cc/40?u=t8">
              </div>
              <span>21.7k engaged · 1h</span>
            </div>
          </div>
        </div>
        <div class="trend-card">
          <img src="https://picsum.photos/600/360?random=4" alt="">
          <div class="body">
            <span class="tag">Influencer</span>
            <h3>From hobby to household name: Priya's 18-month journey</h3>
            <p>A candid interview with the ceramicist whose quiet studio videos now reach millions each week.</p>
            <div class="foot">
              <div class="avatars">
                <img src="https://i.pravatar.cc/40?u=t9">
                <img src="https://i.pravatar.cc/40?u=t10">
              </div>
              <span>34.2k engaged · 7h</span>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- ANALYTICS WIDGET -->
    <section class="card analytics">
      <div class="section-head">
        <div>
          <h2>Your engagement analytics</h2>
          <p>Real-time performance across your posts, stories, and communities</p>
        </div>
        <a href="#" class="more" style="color:#A5B4FC">Open dashboard →</a>
      </div>
      <div class="controls">
        <button class="active">24 Hours</button>
        <button>7 Days</button>
        <button>30 Days</button>
        <button>90 Days</button>
        <button>Custom</button>
      </div>
      <div class="metrics">
        <div class="metric">
          <div class="label">Impressions</div>
          <div class="value">148.2K</div>
          <div class="delta up">▲ 23.4% vs last period</div>
        </div>
        <div class="metric">
          <div class="label">Engagements</div>
          <div class="value">12.8K</div>
          <div class="delta up">▲ 18.1% vs last period</div>
        </div>
        <div class="metric">
          <div class="label">New Followers</div>
          <div class="value">1,247</div>
          <div class="delta up">▲ 42.6% vs last period</div>
        </div>
        <div class="metric">
          <div class="label">Comments</div>
          <div class="value">892</div>
          <div class="delta down">▼ 4.2% vs last period</div>
        </div>
      </div>
      <div class="chart">
        <svg viewBox="0 0 600 180" preserveAspectRatio="none">
          <defs>
            <linearGradient id="g1" x1="0" x2="0" y1="0" y2="1">
              <stop offset="0%" stop-color="#818CF8" stop-opacity="0.4"/>
              <stop offset="100%" stop-color="#818CF8" stop-opacity="0"/>
            </linearGradient>
            <linearGradient id="g2" x1="0" x2="0" y1="0" y2="1">
              <stop offset="0%" stop-color="#F472B6" stop-opacity="0.3"/>
              <stop offset="100%" stop-color="#F472B6" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <path d="M0,140 L50,120 L100,130 L150,90 L200,100 L250,70 L300,85 L350,50 L400,60 L450,30 L500,45 L550,20 L600,35 L600,180 L0,180 Z" fill="url(#g1)"/>
          <path d="M0,140 L50,120 L100,130 L150,90 L200,100 L250,70 L300,85 L350,50 L400,60 L450,30 L500,45 L550,20 L600,35" stroke="#818CF8" stroke-width="2.5" fill="none"/>
          <path d="M0,160 L50,150 L100,155 L150,130 L200,140 L250,120 L300,125 L350,100 L400,110 L450,90 L500,95 L550,75 L600,80 L600,180 L0,180 Z" fill="url(#g2)"/>
          <path d="M0,160 L50,150 L100,155 L150,130 L200,140 L250,120 L300,125 L350,100 L400,110 L450,90 L500,95 L550,75 L600,80" stroke="#F472B6" stroke-width="2.5" fill="none"/>
        </svg>
      </div>
      <div class="chart-legend">
        <span class="l1">Profile reach</span>
        <span class="l2">Community reach</span>
      </div>
    </section>

    <!-- CREATOR SPOTLIGHT -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>Creator spotlights</h2>
          <p>Meet the voices shaping culture on Nexora this week</p>
        </div>
        <a href="#" class="more">Discover more →</a>
      </div>
      <div class="creators">
        <div class="creator-card">
          <img class="avatar" src="https://i.pravatar.cc/160?u=creator1" alt="">
          <h4>Amara Okafor</h4>
          <div class="handle">@amara.writes · Lagos</div>
          <p class="bio">Essayist exploring diaspora identity. Weekly newsletter with 40K+ readers.</p>
          <div class="stats">
            <div><strong>284K</strong><span>Followers</span></div>
            <div><strong>1.2K</strong><span>Posts</span></div>
            <div><strong>94%</strong><span>Trust</span></div>
          </div>
          <button class="follow">Follow</button>
        </div>
        <div class="creator-card">
          <img class="avatar" src="https://i.pravatar.cc/160?u=creator2" alt="">
          <h4>Jonas Weber</h4>
          <div class="handle">@jonas.builds · Berlin</div>
          <p class="bio">Product designer sharing weekly teardowns of beloved digital experiences.</p>
          <div class="stats">
            <div><strong>156K</strong><span>Followers</span></div>
            <div><strong>847</strong><span>Posts</span></div>
            <div><strong>97%</strong><span>Trust</span></div>
          </div>
          <button class="follow">Follow</button>
        </div>
        <div class="creator-card">
          <img class="avatar" src="https://i.pravatar.cc/160?u=creator3" alt="">
          <h4>Sakura Tanaka</h4>
          <div class="handle">@sakura.eats · Kyoto</div>
          <p class="bio">Home cook documenting regional Japanese recipes, one grandmother at a time.</p>
          <div class="stats">
            <div><strong>412K</strong><span>Followers</span></div>
            <div><strong>2.1K</strong><span>Posts</span></div>
            <div><strong>96%</strong><span>Trust</span></div>
          </div>
          <button class="follow">Follow</button>
        </div>
      </div>
    </section>

    <!-- GROUPS -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>Groups you might love</h2>
          <p>Small, well-moderated communities where real conversations happen</p>
        </div>
        <a href="#" class="more">Browse all groups →</a>
      </div>
      <div class="groups-list">
        <div class="group-row">
          <img src="https://picsum.photos/120/120?random=20" alt="">
          <div class="info">
            <h4>Indie Filmmakers Collective</h4>
            <p>A space for short-form storytellers to share cuts, get feedback, and find collaborators.</p>
            <div class="members"><span class="dot"></span> 342 members online · 12.4k total</div>
          </div>
          <button class="join">Join</button>
        </div>
        <div class="group-row">
          <img src="https://picsum.photos/120/120?random=21" alt="">
          <div class="info">
            <h4>Sustainable Living Lab</h4>
            <p>Practical tips, honest discussions, and community challenges around low-impact living.</p>
            <div class="members"><span class="dot"></span> 189 members online · 8.7k total</div>
          </div>
          <button class="join">Join</button>
        </div>
        <div class="group-row">
          <img src="https://picsum.photos/120/120?random=22" alt="">
          <div class="info">
            <h4>First-Gen Founders</h4>
            <p>Entrepreneurs building without family safety nets. Weekly AMAs, resource swaps, and peer support.</p>
            <div class="members"><span class="dot"></span> 521 members online · 24.9k total</div>
          </div>
          <button class="join">Join</button>
        </div>
        <div class="group-row">
          <img src="https://picsum.photos/120/120?random=23" alt="">
          <div class="info">
            <h4>Weekend Photographers</h4>
            <p>Share your best shots from the past seven days. No gear talk, just the work.</p>
            <div class="members"><span class="dot"></span> 276 members online · 15.2k total</div>
          </div>
          <button class="join">Join</button>
        </div>
      </div>
    </section>

    <!-- TESTIMONIALS -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>User stories</h2>
          <p>Real people, real connections — hear from the Nexora community</p>
        </div>
      </div>
      <div class="testimonials">
        <div class="testimonial">
          <p class="quote">"I left three other platforms last year because the engagement felt hollow. On Nexora, I've made actual friends — people I've met for coffee in three different cities. The groups feature is the single best thing that's happened to my creative practice."</p>
          <div class="who">
            <img src="https://i.pravatar.cc/80?u=u1" alt="">
            <div><strong>Elena Márquez</strong><span>Illustrator · Barcelona · 18K followers</span></div>
          </div>
        </div>
        <div class="testimonial">
          <p class="quote">"As a small business owner, I was drowning in algorithmic content. Nexora's community-first approach means my posts actually reach the people who care. I've grown my customer base 3x in six months — and I'm spending half the time."</p>
          <div class="who">
            <img src="https://i.pravatar.cc/80?u=u2" alt="">
            <div><strong>David Chen</strong><span>Founder, Kōji Ceramics · 6K followers</span></div>
          </div>
        </div>
        <div class="testimonial">
          <p class="quote">"The safety tools here are not an afterthought. I'm a journalist covering sensitive topics, and Nexora's moderation, blocking, and context features let me do my work without the usual harassment tax. It's the first platform that takes this seriously."</p>
          <div class="who">
            <img src="https://i.pravatar.cc/80?u=u3" alt="">
            <div><strong>Fatima Al-Rashid</strong><span>Investigative reporter · 42K followers</span></div>
          </div>
        </div>
        <div class="testimonial">
          <p class="quote">"I joined a Nexora group for new parents in my city. Within a week I had a walking group, a babysitting swap, and three friends for life. This is what social media was supposed to be — and it finally is."</p>
          <div class="who">
            <img src="https://i.pravatar.cc/80?u=u4" alt="">
            <div><strong>Marcus Johnson</strong><span>Dad of two · Portland · 820 followers</span></div>
          </div>
        </div>
      </div>
    </section>

    <!-- SAFETY RESOURCES -->
    <section class="card">
      <div class="section-head">
        <div>
          <h2>Safety & well-being resources</h2>
          <p>Tools, guides, and support — because your experience matters</p>
        </div>
        <a href="#" class="more">Visit Safety Center →</a>
      </div>
      <div class="faq">
        <details>
          <summary>How do I control who can see my posts and stories?</summary>
          <p>Nexora gives you granular control over every piece of content you share. You can set posts to Public, Followers Only, Close Friends, or custom lists. Stories support the same options, plus a "Hide From" list for specific accounts. Visit Settings → Privacy → Audience Controls to configure defaults for all future posts.</p>
        </details>
        <details>
          <summary>What should I do if I'm being harassed or bullied?</summary>
          <p>You can block any account instantly, restrict their ability to interact with you, or report specific content for review by our Trust & Safety team (median response time: under 15 minutes). For severe cases, our Dedicated Support line connects you with a human specialist within the hour. We also partner with crisis organizations in 40+ countries — find yours at nexora.com/safety.</p>
        </details>
        <details>
          <summary>How does Nexora handle misinformation?</summary>
          <p>We use a three-layer approach: community notes contributed by verified members, independent fact-checker partnerships, and machine-learning signals that surface context rather than removing content outright. Our transparency report, published quarterly, details every action taken and the reasoning behind it.</p>
        </details>
        <details>
          <summary>Can I take a break without losing my account?</summary>
          <p>Absolutely. Our "Pause" feature lets you temporarily deactivate your presence — your profile, posts, and messages are preserved, but you won't receive notifications or appear in feeds. You can set a return date or reactivate manually at any time. Many members use it seasonally, and we think that's healthy.</p>
        </details>
        <details>
          <summary>How do I report content that violates community standards?</summary>
          <p>Tap the three-dot menu on any post, comment, or profile and select "Report." You'll be guided through a short flow that helps our team prioritize the issue. All reports are reviewed by trained human moderators — never by AI alone. You'll receive an email update when action is taken.</p>
        </details>
      </div>
    </section>

  </main>

  <!-- SIDEBAR -->
  <aside class="sidebar">

    <div class="card">
      <h3>🔥 Trending hashtags <small>See all</small></h3>
      <div class="hashtag-list">
        <div>
          <div class="hashtag"><span class="tag-name">#SlowContent</span><span class="count">184K posts</span></div>
          <div class="bar"><span style="width:92%"></span></div>
        </div>
        <div>
          <div class="hashtag"><span class="tag-name">#IndieFilmTok</span><span class="count">127K posts</span></div>
          <div class="bar"><span style="width:74%"></span></div>
        </div>
        <div>
          <div class="hashtag"><span class="tag-name">#BookClubFinds</span><span class="count">98K posts</span></div>
          <div class="bar"><span style="width:61%"></span></div>
        </div>
        <div>
          <div class="hashtag"><span class="tag-name">#FirstGenFounders</span><span class="count">74K posts</span></div>
          <div class="bar"><span style="width:48%"></span></div>
        </div>
        <div>
          <div class="hashtag"><span class="tag-name">#WeekendShots</span><span class="count">61K posts</span></div>
          <div class="bar"><span style="width:38%"></span></div>
        </div>
      </div>
    </div>

    <div class="card">
      <h3>✨ Suggested for you <small>Refresh</small></h3>
      <div class="suggested">
        <div class="person">
          <img src="https://i.pravatar.cc/80?u=sug1" alt="">
          <div class="info"><strong>Nadia Petrova</strong><span>UX researcher · 12 mutuals</span></div>
          <button>Follow</button>
        </div>
        <div class="person">
          <img src="https://i.pravatar.cc/80?u=sug2" alt="">
          <div class="info"><strong>The Daily Sketch</strong><span>Group · 24K members</span></div>
          <button>Join</button>
        </div>
        <div class="person">
          <img src="https://i.pravatar.cc/80?u=sug3" alt="">
          <div class="info"><strong>Ravi Anand</strong><span>Photographer · 8 mutuals</span></div>
          <button>Follow</button>
        </div>
        <div class="person">
          <img src="https://i.pravatar.cc/80?u=sug4" alt="">
          <div class="info"><strong>Coastal Runners</strong><span>Group · 9K members</span></div>
          <button>Join</button>
        </div>
      </div>
    </div>

    <div class="card">
      <h3>📅 Upcoming events</h3>
      <div class="event-list">
        <div class="event">
          <div class="date"><strong>14</strong><span>Nov</span></div>
          <div class="info"><h5>Creator Summit 2025</h5><p>Live · 3 days of talks & workshops</p></div>
        </div>
        <div class="event">
          <div class="date"><strong>22</strong><span>Nov</span></div>
          <div class="info"><h5>Small Biz Saturday AMA</h5><p>With @jonas.builds & guests</p></div>
        </div>
        <div class="event">
          <div class="date"><strong>03</strong><span>Dec</span></div>
          <div class="info"><h5>Community Safety Forum</h5><p>Open Q&A with Trust & Safety team</p></div>
        </div>
      </div>
    </div>

    <div class="card" style="background:var(--gradient);color:#fff;border:none">
      <h3 style="color:#fff">🚀 Go ad-free</h3>
      <p style="font-size:14px;opacity:.92;margin-bottom:14px">Support independent creators and enjoy Nexora without any promoted content. Cancel anytime.</p>
      <button class="btn btn-primary" style="width:100%;justify-content:center">Try Nexora Plus — $4.99/mo</button>
    </div>

  </aside>
</div>

<!-- FOOTER -->
<footer>
  <div class="footer-inner">
    <div class="footer-grid">
      <div class="footer-brand">
        <a href="#" class="logo">
          <div class="logo-mark">N</div>
          <div class="logo-text">
            <strong>Nexora</strong>
            <span style="color:#94A3B8">Where Authentic Connections Thrive</span>
          </div>
        </a>
        <p>Built in Lisbon, Berlin, and Toronto. Nexora is an independent social platform owned by its employees and members. We believe the internet should feel like a neighborhood, not a marketplace.</p>
        <div class="socials">
          <a href="#" title="Twitter">🐦</a>
          <a href="#" title="Instagram">📷</a>
          <a href="#" title="LinkedIn">💼</a>
          <a href="#" title="YouTube">▶️</a>
          <a href="#" title="Mastodon">🐘</a>
        </div>
      </div>
      <div class="footer-col">
        <h5>Product</h5>
        <ul>
          <li><a href="#">Features</a></li>
          <li><a href="#">Groups</a></li>
          <li><a href="#">Creator Studio</a></li>
          <li><a href="#">Nexora Plus</a></li>
          <li><a href="#">Mobile apps</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Company</h5>
        <ul>
          <li><a href="#">About us</a></li>
          <li><a href="#">Careers</a></li>
          <li><a href="#">Press kit</a></li>
          <li><a href="#">Blog</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Trust</h5>
        <ul>
          <li><a href="#">Safety Center</a></li>
          <li><a href="#">Community Standards</a></li>
          <li><a href="#">Transparency Report</a></li>
          <li><a href="#">Report an issue</a></li>
          <li><a href="#">Accessibility</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h5>Contact</h5>
        <ul>
          <li><a href="mailto:hello@nexora.social">hello@nexora.social</a></li>
          <li><a href="mailto:support@nexora.social">support@nexora.social</a></li>
          <li><a href="mailto:press@nexora.social">press@nexora.social</a></li>
          <li>Rua do Alecrim 42, Lisbon</li>
          <li>+351 21 000 0000</li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2025 Nexora Social, PBC. All rights reserved.</span>
      <div class="legal">
        <a href="#">Privacy Policy</a>
        <a href="#">Terms of Service</a>
        <a href="#">Cookie Settings</a>
        <a href="#">GDPR</a>
        <a href="#">Sitemap</a>
      </div>
    </div>
  </div>
</footer>

<script>
  // Analytics controls toggle
  document.querySelectorAll('.analytics .controls button').forEach(btn=>{
    btn.addEventListener('click',()=>{
      document.querySelectorAll('.analytics .controls button').forEach(b=>b.classList.remove('active'));
      btn.classList.add('active');
    });
  });
  // Follow / Join toggles
  document.querySelectorAll('.creator-card .follow, .suggested button, .group-row .join').forEach(btn=>{
    btn.addEventListener('click',()=>{
      const original = btn.textContent;
      if(original.toLowerCase().includes('follow')){
        btn.textContent = btn.textContent === 'Follow' ? 'Following ✓' : 'Follow';
      } else if(original.toLowerCase().includes('join')){
        btn.textContent = btn.textContent === 'Join' ? 'Joined ✓' : 'Join';
      }
    });
  });
</script>

</body>
</html>
View Axe Report (JSON)
{
  "testEngine": {
    "name": "axe-core",
    "version": "4.10.2"
  },
  "testRunner": {
    "name": "axe"
  },
  "testEnvironment": {
    "userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
    "windowWidth": 1280,
    "windowHeight": 720,
    "orientationAngle": 0,
    "orientationType": "landscape-primary"
  },
  "timestamp": "2026-11-12T09:43:12.211Z",
  "url": "https://benchmark.aimac.invalid/77dab21b49f72ee3a99e04fc6c5802f96cd58e5cbf668a483296296f12f399d4.html",
  "toolOptions": {
    "runOnly": {
      "type": "tag",
      "values": [
        "wcag2a",
        "wcag2aa",
        "wcag21a",
        "wcag21aa",
        "wcag22a",
        "wcag22aa"
      ]
    },
    "resultTypes": [
      "violations"
    ],
    "reporter": "v1"
  },
  "inapplicable": [
    {
      "id": "area-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <area> elements of image maps have alternative text",
      "help": "Active <area> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-allowed-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure an element's role supports its ARIA attributes",
      "help": "Elements must only use supported ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-braille-equivalent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
      "help": "aria-braille attributes must have a non-braille equivalent",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-command-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA button, link and menuitem has an accessible name",
      "help": "ARIA commands must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-conditional-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are used as described in the specification of the element's role",
      "help": "ARIA attributes must be used as specified for the element's role",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-deprecated-role",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements do not use deprecated roles",
      "help": "Deprecated ARIA roles must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-hidden-focus",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
      "help": "ARIA hidden element must not be focusable or contain focusable elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-input-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA input field has an accessible name",
      "help": "ARIA input fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-meter-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA meter node has an accessible name",
      "help": "ARIA meter nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-progressbar-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag111",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure every ARIA progressbar node has an accessible name",
      "help": "ARIA progressbar nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-prohibited-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure ARIA attributes are not prohibited for an element's role",
      "help": "Elements must only use permitted ARIA attributes",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure elements with ARIA roles have all required ARIA attributes",
      "help": "Required ARIA attributes must be provided",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-children",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require child roles contain them",
      "help": "Certain ARIA roles must contain particular children",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-required-parent",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure elements with an ARIA role that require parent roles are contained by them",
      "help": "Certain ARIA roles must be contained by particular parents",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-roles",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all elements with a role attribute use a valid value",
      "help": "ARIA roles used must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-toggle-field-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every ARIA toggle field has an accessible name",
      "help": "ARIA toggle fields must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-tooltip-name",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every ARIA tooltip node has an accessible name",
      "help": "ARIA tooltip nodes must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr-value",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure all ARIA attributes have valid values",
      "help": "ARIA attributes must conform to valid values",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
      "nodes": []
    },
    {
      "id": "aria-valid-attr",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure attributes that begin with aria- are valid ARIA attributes",
      "help": "ARIA attributes must conform to valid names",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "autocomplete-valid",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag21aa",
        "wcag135",
        "EN-301-549",
        "EN-9.1.3.5",
        "ACT"
      ],
      "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
      "help": "autocomplete attribute must be used correctly",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
      "nodes": []
    },
    {
      "id": "blink",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag222",
        "section508",
        "section508.22.j",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <blink> elements are not used",
      "help": "<blink> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
      "nodes": []
    },
    {
      "id": "definition-list",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dl> elements are structured correctly",
      "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
      "nodes": []
    },
    {
      "id": "dlitem",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag2a",
        "wcag131",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure <dt> and <dd> elements are contained by a <dl>",
      "help": "<dt> and <dd> elements must be contained by a <dl>",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
      "nodes": []
    },
    {
      "id": "duplicate-id-aria",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag412",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure every id attribute value used in ARIA and in labels is unique",
      "help": "IDs used in ARIA and labels must be unique",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-focusable-content",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
      "help": "Frames with focusable content must not have tabindex=-1",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title-unique",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
      "help": "Frames must have a unique title attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
      "nodes": []
    },
    {
      "id": "frame-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.i",
        "TTv5",
        "TT12.d",
        "EN-301-549",
        "EN-9.4.1.2"
      ],
      "description": "Ensure <iframe> and <frame> elements have an accessible name",
      "help": "Frames must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
      "nodes": []
    },
    {
      "id": "html-xml-lang-mismatch",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
      "help": "HTML elements with lang and xml:lang must have the same base language",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-button-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure input buttons have discernible text",
      "help": "Input buttons must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "input-image-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure <input type=\"image\"> elements have alternative text",
      "help": "Image buttons must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "link-in-text-block",
      "impact": null,
      "tags": [
        "cat.color",
        "wcag2a",
        "wcag141",
        "TTv5",
        "TT13.a",
        "EN-301-549",
        "EN-9.1.4.1"
      ],
      "description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
      "help": "Links must be distinguishable without relying on color",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
      "nodes": []
    },
    {
      "id": "marquee",
      "impact": null,
      "tags": [
        "cat.parsing",
        "wcag2a",
        "wcag222",
        "TTv5",
        "TT2.b",
        "EN-301-549",
        "EN-9.2.2.2"
      ],
      "description": "Ensure <marquee> elements are not used",
      "help": "<marquee> elements are deprecated and must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
      "nodes": []
    },
    {
      "id": "meta-refresh",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag221",
        "TTv5",
        "TT8.a",
        "EN-301-549",
        "EN-9.2.2.1"
      ],
      "description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
      "help": "Delayed refresh under 20 hours must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
      "nodes": []
    },
    {
      "id": "object-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "EN-301-549",
        "EN-9.1.1.1"
      ],
      "description": "Ensure <object> elements have alternative text",
      "help": "<object> elements must have alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "role-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure [role=\"img\"] elements have alternative text",
      "help": "[role=\"img\"] elements must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "scrollable-region-focusable",
      "impact": null,
      "tags": [
        "cat.keyboard",
        "wcag2a",
        "wcag211",
        "wcag213",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1",
        "EN-9.2.1.3"
      ],
      "description": "Ensure elements that have scrollable content are accessible by keyboard",
      "help": "Scrollable region must have keyboard access",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
      "nodes": []
    },
    {
      "id": "select-name",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure select element has an accessible name",
      "help": "Select element must have an accessible name",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
      "nodes": []
    },
    {
      "id": "server-side-image-map",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag211",
        "section508",
        "section508.22.f",
        "TTv5",
        "TT4.a",
        "EN-301-549",
        "EN-9.2.1.1"
      ],
      "description": "Ensure that server-side image maps are not used",
      "help": "Server-side image maps must not be used",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
      "nodes": []
    },
    {
      "id": "svg-img-alt",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag111",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT7.a",
        "EN-301-549",
        "EN-9.1.1.1",
        "ACT"
      ],
      "description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
      "help": "<svg> elements with an img role must have an alternative text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
      "nodes": []
    },
    {
      "id": "td-headers-attr",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that each cell in a table that uses the headers attribute refers only to other cells in that table",
      "help": "Table cells that use the headers attribute must only refer to cells in the same table",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/td-headers-attr?application=axeAPI",
      "nodes": []
    },
    {
      "id": "th-has-data-cells",
      "impact": null,
      "tags": [
        "cat.tables",
        "wcag2a",
        "wcag131",
        "section508",
        "section508.22.g",
        "TTv5",
        "TT14.b",
        "EN-301-549",
        "EN-9.1.3.1"
      ],
      "description": "Ensure that <th> elements and elements with role=columnheader/rowheader have data cells they describe",
      "help": "Table headers in a data table must refer to data cells",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/th-has-data-cells?application=axeAPI",
      "nodes": []
    },
    {
      "id": "valid-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2aa",
        "wcag312",
        "TTv5",
        "TT11.b",
        "EN-301-549",
        "EN-9.3.1.2",
        "ACT"
      ],
      "description": "Ensure lang attributes have valid values",
      "help": "lang attribute must have a valid value",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
      "nodes": []
    },
    {
      "id": "video-caption",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag122",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT17.a",
        "EN-301-549",
        "EN-9.1.2.2"
      ],
      "description": "Ensure <video> elements have captions",
      "help": "<video> elements must have captions",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
      "nodes": []
    },
    {
      "id": "no-autoplay-audio",
      "impact": null,
      "tags": [
        "cat.time-and-media",
        "wcag2a",
        "wcag142",
        "TTv5",
        "TT2.a",
        "EN-301-549",
        "EN-9.1.4.2",
        "ACT"
      ],
      "description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
      "help": "<video> or <audio> elements must not play automatically",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
      "nodes": []
    }
  ],
  "passes": [
    {
      "id": "aria-hidden-body",
      "impact": null,
      "tags": [
        "cat.aria",
        "wcag2a",
        "wcag131",
        "wcag412",
        "EN-301-549",
        "EN-9.1.3.1",
        "EN-9.4.1.2"
      ],
      "description": "Ensure aria-hidden=\"true\" is not present on the document body.",
      "help": "aria-hidden=\"true\" must not be present on the document body",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "aria-hidden-body",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "No aria-hidden attribute is present on document body"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<body>",
          "target": [
            "body"
          ]
        }
      ]
    },
    {
      "id": "avoid-inline-spacing",
      "impact": null,
      "tags": [
        "cat.structure",
        "wcag21aa",
        "wcag1412",
        "EN-301-549",
        "EN-9.1.4.12",
        "ACT"
      ],
      "description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
      "help": "Inline text spacing must be adjustable with custom stylesheets",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [
            {
              "id": "important-letter-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-word-spacing",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
            },
            {
              "id": "important-line-height",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "line-height in the style attribute is not set to !important, or meets the minimum"
            }
          ],
          "none": [],
          "impact": null,
          "html": "<a href=\"#\" class=\"more\" style=\"color:#A5B4FC\">Open dashboard \u2192</a>",
          "target": [
            ".analytics > .section-head > .more[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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"
            },
            {
              "id": "non-empty-title",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a title attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<button class=\"icon-btn\" title=\"Messages\">\ud83d\udcac<span class=\"badge\">3</span></button>",
          "target": [
            "button[title=\"Messages\"]"
          ]
        }
      ]
    },
    {
      "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": "header-present",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<h1>Your feed, <em>your people</em>, your story.</h1>",
                  "target": [
                    "h1"
                  ]
                },
                {
                  "html": "<h4>Sunset in Lisbon \ud83c\udf05</h4>",
                  "target": [
                    ".c1 > h4"
                  ]
                },
                {
                  "html": "<h4>New recipe drop \ud83c\udf5c</h4>",
                  "target": [
                    ".c2 > h4"
                  ]
                },
                {
                  "html": "<h4>Studio session \ud83c\udfa7</h4>",
                  "target": [
                    ".c3 > h4"
                  ]
                },
                {
                  "html": "<h2>Moments from your circle</h2>",
                  "target": [
                    "section:nth-child(1) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h2>Trending across Nexora</h2>",
                  "target": [
                    "section:nth-child(3) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h3>How indie filmmakers are building audiences without studios</h3>",
                  "target": [
                    ".trend-card:nth-child(1) > .body > h3"
                  ]
                },
                {
                  "html": "<h3>The neighborhood book clubs going viral on Nexora</h3>",
                  "target": [
                    ".trend-card:nth-child(2) > .body > h3"
                  ]
                },
                {
                  "html": "<h3>Why \"slow content\" is the next big movement online</h3>",
                  "target": [
                    ".trend-card:nth-child(3) > .body > h3"
                  ]
                },
                {
                  "html": "<h3>From hobby to household name: Priya's 18-month journey</h3>",
                  "target": [
                    ".trend-card:nth-child(4) > .body > h3"
                  ]
                },
                {
                  "html": "<h2>Your engagement analytics</h2>",
                  "target": [
                    ".analytics > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h2>Creator spotlights</h2>",
                  "target": [
                    "section:nth-child(5) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h4>Amara Okafor</h4>",
                  "target": [
                    ".creator-card:nth-child(1) > h4"
                  ]
                },
                {
                  "html": "<h4>Jonas Weber</h4>",
                  "target": [
                    ".creator-card:nth-child(2) > h4"
                  ]
                },
                {
                  "html": "<h4>Sakura Tanaka</h4>",
                  "target": [
                    ".creator-card:nth-child(3) > h4"
                  ]
                },
                {
                  "html": "<h2>Groups you might love</h2>",
                  "target": [
                    "section:nth-child(6) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h4>Indie Filmmakers Collective</h4>",
                  "target": [
                    ".group-row:nth-child(1) > .info > h4"
                  ]
                },
                {
                  "html": "<h4>Sustainable Living Lab</h4>",
                  "target": [
                    ".group-row:nth-child(2) > .info > h4"
                  ]
                },
                {
                  "html": "<h4>First-Gen Founders</h4>",
                  "target": [
                    ".group-row:nth-child(3) > .info > h4"
                  ]
                },
                {
                  "html": "<h4>Weekend Photographers</h4>",
                  "target": [
                    ".group-row:nth-child(4) > .info > h4"
                  ]
                },
                {
                  "html": "<h2>User stories</h2>",
                  "target": [
                    "section:nth-child(7) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h2>Safety &amp; well-being resources</h2>",
                  "target": [
                    "section:nth-child(8) > .section-head > div > h2"
                  ]
                },
                {
                  "html": "<h3>\ud83d\udd25 Trending hashtags <small>See all</small></h3>",
                  "target": [
                    ".card:nth-child(1) > h3"
                  ]
                },
                {
                  "html": "<h3>\u2728 Suggested for you <small>Refresh</small></h3>",
                  "target": [
                    ".card:nth-child(2) > h3"
                  ]
                },
                {
                  "html": "<h3>\ud83d\udcc5 Upcoming events</h3>",
                  "target": [
                    ".card:nth-child(3) > h3"
                  ]
                },
                {
                  "html": "<h5>Creator Summit 2025</h5>",
                  "target": [
                    ".event:nth-child(1) > .info > h5"
                  ]
                },
                {
                  "html": "<h5>Small Biz Saturday AMA</h5>",
                  "target": [
                    ".event:nth-child(2) > .info > h5"
                  ]
                },
                {
                  "html": "<h5>Community Safety Forum</h5>",
                  "target": [
                    ".event:nth-child(3) > .info > h5"
                  ]
                },
                {
                  "html": "<h3 style=\"color:#fff\">\ud83d\ude80 Go ad-free</h3>",
                  "target": [
                    ".card:nth-child(4) > h3"
                  ]
                },
                {
                  "html": "<h5>Product</h5>",
                  "target": [
                    ".footer-col:nth-child(2) > h5"
                  ]
                },
                {
                  "html": "<h5>Company</h5>",
                  "target": [
                    ".footer-col:nth-child(3) > h5"
                  ]
                },
                {
                  "html": "<h5>Trust</h5>",
                  "target": [
                    ".footer-col:nth-child(4) > h5"
                  ]
                },
                {
                  "html": "<h5>Contact</h5>",
                  "target": [
                    ".footer-col:nth-child(5) > h5"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a heading"
            },
            {
              "id": "landmark",
              "data": null,
              "relatedNodes": [
                {
                  "html": "<main class=\"main-feed\">",
                  "target": [
                    "main"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Page has a landmark region"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#0f172a",
                "bgColor": "#feffff",
                "contrastRatio": 17.82,
                "fontSize": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has sufficient color contrast of 17.82"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<strong>Nexora</strong>",
          "target": [
            ".topbar-inner > .logo[href=\"#\"] > .logo-text > strong"
          ]
        }
      ]
    },
    {
      "id": "document-title",
      "impact": null,
      "tags": [
        "cat.text-alternatives",
        "wcag2a",
        "wcag242",
        "TTv5",
        "TT12.a",
        "EN-301-549",
        "EN-9.2.4.2",
        "ACT"
      ],
      "description": "Ensure each HTML document contains a non-empty <title> element",
      "help": "Documents must have <title> element to aid in navigation",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "doc-has-title",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Document has a non-empty <title> element"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "form-field-multiple-labels",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag332",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.3.3.2"
      ],
      "description": "Ensure form field does not have multiple label elements",
      "help": "Form field must not have multiple label elements",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "multiple-label",
              "data": null,
              "relatedNodes": [],
              "impact": "moderate",
              "message": "Form field does not have multiple label elements"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Search people, groups, hashtags\u2026\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "html-has-lang",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure every HTML document has a lang attribute",
      "help": "<html> element must have a lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "The <html> element has a lang attribute"
            }
          ],
          "all": [],
          "none": [],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "html-lang-valid",
      "impact": null,
      "tags": [
        "cat.language",
        "wcag2a",
        "wcag311",
        "TTv5",
        "TT11.a",
        "EN-301-549",
        "EN-9.3.1.1",
        "ACT"
      ],
      "description": "Ensure the lang attribute of the <html> element has a valid value",
      "help": "<html> element must have a valid value for the lang attribute",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
      "nodes": [
        {
          "any": [],
          "all": [],
          "none": [
            {
              "id": "valid-lang",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Value of lang attribute is included in the list of valid languages"
            }
          ],
          "impact": null,
          "html": "<html lang=\"en\">",
          "target": [
            "html"
          ]
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": "critical",
      "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 class=\"avatar-sm\" src=\"https://i.pravatar.cc/80?u=me@nexora\" alt=\"You\">",
          "target": [
            ".avatar-sm"
          ]
        }
      ]
    },
    {
      "id": "label",
      "impact": null,
      "tags": [
        "cat.forms",
        "wcag2a",
        "wcag412",
        "section508",
        "section508.22.n",
        "TTv5",
        "TT5.c",
        "EN-301-549",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure every form element has a label",
      "help": "Form elements must have labels",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "non-empty-placeholder",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has a placeholder attribute"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "hidden-explicit-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Form element has a visible explicit <label>"
            }
          ],
          "impact": null,
          "html": "<input type=\"text\" placeholder=\"Search people, groups, hashtags\u2026\">",
          "target": [
            "input"
          ]
        }
      ]
    },
    {
      "id": "link-name",
      "impact": null,
      "tags": [
        "cat.name-role-value",
        "wcag2a",
        "wcag244",
        "wcag412",
        "section508",
        "section508.22.a",
        "TTv5",
        "TT6.a",
        "EN-301-549",
        "EN-9.2.4.4",
        "EN-9.4.1.2",
        "ACT"
      ],
      "description": "Ensure links have discernible text",
      "help": "Links must have discernible text",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "has-visible-text",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element has text that is visible to screen readers"
            }
          ],
          "all": [],
          "none": [
            {
              "id": "focusable-no-name",
              "data": null,
              "relatedNodes": [],
              "impact": "serious",
              "message": "Element is not in tab order or has accessible text"
            }
          ],
          "impact": null,
          "html": "<a href=\"#\" class=\"logo\">\n      <div class=\"logo-mark\">N</div>\n      <div class=\"logo-text\">\n        <strong>Nexora</strong>\n        <span>Where Authentic Connections Thrive</span>\n      </div>\n    </a>",
          "target": [
            ".topbar-inner > .logo[href=\"#\"]"
          ]
        }
      ]
    },
    {
      "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>\n          <li><a href=\"#\">Features</a></li>\n          <li><a href=\"#\">Groups</a></li>\n          <li><a href=\"#\">Creator Studio</a></li>\n          <li><a href=\"#\">Nexora Plus</a></li>\n          <li><a href=\"#\">Mobile apps</a></li>\n        </ul>",
          "target": [
            ".footer-col:nth-child(2) > 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=\"#\">Features</a></li>",
          "target": [
            ".footer-col:nth-child(2) > 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": "<button class=\"icon-btn\" title=\"Messages\">\ud83d\udcac<span class=\"badge\">3</span></button>",
          "target": [
            "button[title=\"Messages\"]"
          ]
        }
      ]
    },
    {
      "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 I control who can see my posts and stories?</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": 243.1,
                "height": 46.2
              },
              "relatedNodes": [],
              "impact": "serious",
              "message": "Control has sufficient size (243.1px by 46.2px, 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=\"#\" class=\"logo\">\n      <div class=\"logo-mark\">N</div>\n      <div class=\"logo-text\">\n        <strong>Nexora</strong>\n        <span>Where Authentic Connections Thrive</span>\n      </div>\n    </a>",
          "target": [
            ".topbar-inner > .logo[href=\"#\"]"
          ]
        }
      ]
    }
  ],
  "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": "15.0pt (20px)",
                "fontWeight": "bold",
                "messageKey": "shortTextContent",
                "expectedContrastRatio": "3:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<div class=\"logo-mark\">N</div>",
                  "target": [
                    ".topbar-inner > .logo[href=\"#\"] > .logo-mark"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element content is too short to determine if it is actual text content"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<div class=\"logo-mark\">N</div>",
          "target": [
            ".topbar-inner > .logo[href=\"#\"] > .logo-mark"
          ],
          "failureSummary": "Fix any of the following:\n  Element content is too short to determine if it is actual text content"
        }
      ]
    }
  ],
  "violations": [
    {
      "id": "color-contrast",
      "impact": "serious",
      "tags": [
        "cat.color",
        "wcag2aa",
        "wcag143",
        "TTv5",
        "TT13.c",
        "EN-301-549",
        "EN-9.1.4.3",
        "ACT"
      ],
      "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
      "help": "Elements must meet minimum color contrast ratio thresholds",
      "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
      "nodes": [
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#ffffff",
                "bgColor": "#ff6b6b",
                "contrastRatio": 2.77,
                "fontSize": "7.5pt (10px)",
                "fontWeight": "bold",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<span class=\"badge\">12</span>",
                  "target": [
                    "button[title=\"Notifications\"] > .badge"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 2.77 (foreground color: #ffffff, background color: #ff6b6b, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span class=\"badge\">12</span>",
          "target": [
            "button[title=\"Notifications\"] > .badge"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 2.77 (foreground color: #ffffff, background color: #ff6b6b, font size: 7.5pt (10px), font weight: bold). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<span>\u00a9 2025 Nexora Social, PBC. All rights reserved.</span>",
          "target": [
            ".footer-bottom > span"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Privacy Policy</a>",
          "target": [
            ".legal > a[href=\"#\"]:nth-child(1)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Terms of Service</a>",
          "target": [
            ".legal > a[href=\"#\"]:nth-child(2)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Cookie Settings</a>",
          "target": [
            ".legal > a[href=\"#\"]:nth-child(3)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">GDPR</a>",
          "target": [
            ".legal > a[href=\"#\"]:nth-child(4)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        },
        {
          "any": [
            {
              "id": "color-contrast",
              "data": {
                "fgColor": "#64748b",
                "bgColor": "#0f172a",
                "contrastRatio": 3.75,
                "fontSize": "9.8pt (13px)",
                "fontWeight": "normal",
                "messageKey": null,
                "expectedContrastRatio": "4.5:1",
                "shadowColor": null
              },
              "relatedNodes": [
                {
                  "html": "<footer>",
                  "target": [
                    "footer"
                  ]
                }
              ],
              "impact": "serious",
              "message": "Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
            }
          ],
          "all": [],
          "none": [],
          "impact": "serious",
          "html": "<a href=\"#\">Sitemap</a>",
          "target": [
            ".legal > a[href=\"#\"]:nth-child(5)"
          ],
          "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.75 (foreground color: #64748b, background color: #0f172a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
        }
      ]
    },
    {
      "id": "image-alt",
      "impact": "critical",
      "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 does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s1\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s1\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s2\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s2\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s3\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s3\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s4\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s4\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s5\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s5\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s6\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s6\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s7\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s7\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/120?u=s8\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/120?u=s8\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t1\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t1\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t2\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t2\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t3\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t3\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t4\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t4\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t5\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t5\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t6\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t6\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t7\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t7\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t8\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t8\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t9\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t9\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        },
        {
          "any": [
            {
              "id": "has-alt",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element does not have an alt attribute"
            },
            {
              "id": "aria-label",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-label attribute does not exist or is empty"
            },
            {
              "id": "aria-labelledby",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty"
            },
            {
              "id": "non-empty-title",
              "data": {
                "messageKey": "noAttr"
              },
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element has no title attribute"
            },
            {
              "id": "presentational-role",
              "data": null,
              "relatedNodes": [],
              "impact": "critical",
              "message": "Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
            }
          ],
          "all": [],
          "none": [],
          "impact": "critical",
          "html": "<img src=\"https://i.pravatar.cc/40?u=t10\">",
          "target": [
            "img[src=\"https://i.pravatar.cc/40?u=t10\"]"
          ],
          "failureSummary": "Fix any of the following:\n  Element does not have an alt attribute\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Element has no title attribute\n  Element's default semantics were not overridden with role=\"none\" or role=\"presentation\""
        }
      ]
    }
  ],
  "coverage": {
    "contract": "main-document-vertical-scroll",
    "complete": true,
    "positions": [
      {
        "y": 0,
        "height": 5615
      },
      {
        "y": 576,
        "height": 5615
      },
      {
        "y": 1152,
        "height": 5615
      },
      {
        "y": 1728,
        "height": 5615
      },
      {
        "y": 2304,
        "height": 5615
      },
      {
        "y": 2880,
        "height": 5615
      },
      {
        "y": 3456,
        "height": 5615
      },
      {
        "y": 4032,
        "height": 5615
      },
      {
        "y": 4608,
        "height": 5615
      },
      {
        "y": 4895,
        "height": 5615
      }
    ],
    "scans": 11,
    "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 "Social Media" 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: "Social Media"
- Description: Platforms for social networking, sharing, messaging, and online communities.

**Your Creative Task:**
1.  **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Social Media" 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: "Create", "Groups", "Settings".
-   **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
    -   Address key topics relevant to the "Social Media" category. Consider themes similar to: "Safety Resources", "Creator Spotlights", "User Stories".
    -   **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "trending", "influencer", "user-generated content".
    -   **Visuals:** Integrate relevant placeholder images logically within the content sections.
    -   **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Explore", "Comment", "Send Message".
-   **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Social Media" sector. Ideas similar but not limited to: "engagement analytics".
-   **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "trending hashtags", "community highlights", "group recommendations".
-   **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.