Meta Muse Wonder – Sports
via Meta · Generated
- AIMAC Debt 33.68
- Cost $0.27
- Total Violations 92
- HTML Size 42 KB
- Em Dashes 24
Screenshot
View Live Page
Accessibility Issues Found
40 Critical 52 Serious
-
color-contrast serious 50 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<a href="#news" class="active">News</a> -
image-alt critical 40 instances
Images must have alternative text
Example HTML
<img src="https://picsum.photos/100/100?random=40"> -
target-size serious 2 instances
All touch targets must be 24px large, or leave sufficient space
Example HTML
<a href="#" style="display:inline">𝕏</a>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>APEX PULSE — Where Every Second Counts | Sports News, Scores & Analysis</title>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800;900&family=Inter:wght@400;500;600;700&family=Oswald:wght@500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#070D1F;--navy2:#0E1836;--orange:#FF5A1F;--orange2:#FF8A00;--lime:#C6FF3E;--blue:#2D7CFF;--text:#111827;--muted:#6B7280;--light:#F6F7FB;--border:#E8EAF0}
body{font-family:'Inter',sans-serif;color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
h1,h2,h3{font-family:'Archivo',sans-serif;line-height:.95;letter-spacing:-.02em}
.top-ticker{background:#050914;color:#fff;display:flex;align-items:center;gap:16px;padding:8px 4%;font-size:12.5px;overflow:hidden;white-space:nowrap}
.live-dot{width:8px;height:8px;background:#FF2E2E;border-radius:50%;box-shadow:0 0 0 5px rgba(255,46,46,.2);animation:pulse 1.2s infinite}
@keyframes pulse{50%{opacity:.5}}
.ticker-track{display:flex;gap:28px;animation:scroll 28s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}
.ticker-item b{color:var(--lime)} .ticker-item span{color:#9AA4C0}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{display:flex;align-items:center;gap:12px}
.logo img{border-radius:10px}
.logo-name{font-family:'Archivo';font-weight:900;font-size:24px;line-height:1;letter-spacing:-1px}
.logo-name i{color:var(--orange);font-style:normal}
.logo-name small{display:block;font-family:'Inter';font-size:10.5px;letter-spacing:2.2px;font-weight:700;color:var(--muted);margin-top:3px}
.nav-links{display:flex;gap:26px;font-weight:600;font-size:14.5px}
.nav-links a:hover{color:var(--orange)}
.nav-links a.active{color:var(--orange)}
.nav-actions{display:flex;gap:10px;align-items:center}
.search{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:.2s}
.btn-orange{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(255,90,31,.35)} .btn-orange:hover{background:#E94E15;transform:translateY(-1px)}
.btn-dark{background:var(--navy);color:#fff} .btn-outline{background:#fff;border:1.5px solid #111827;color:#111}
.btn-lime{background:var(--lime);color:#111}
.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero-inner{max-width:1280px;margin:0 auto;padding:42px 20px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:28px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.eyebrow b{color:var(--lime)}
.hero h1{font-size:64px;font-weight:900;margin:18px 0 16px;text-transform:uppercase}
.hero h1 span{color:var(--orange);-webkit-text-stroke:0}
.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}
.hero p{color:#CBD2E6;font-size:16.5px;max-width:560px}
.hero-cta{display:flex;gap:12px;margin:24px 0 22px;flex-wrap:wrap}
.hero-meta{display:flex;gap:22px;padding-bottom:28px;font-size:13px;color:#9AA4C0}
.hero-meta b{display:block;color:#fff;font-size:18px;font-family:'Archivo'}
.hero-visual{position:relative}
.hero-visual img.main{width:100%;height:520px;object-fit:cover;border-radius:22px 22px 0 0;display:block}
.score-card{position:absolute;left:-18px;bottom:22px;background:#fff;color:#111;border-radius:16px;padding:14px 16px;box-shadow:0 20px 40px rgba(0,0,0,.35);width:300px}
.score-card small{font-weight:800;letter-spacing:1px;color:var(--orange);font-size:11px}
.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #eee;font-weight:700}
.score-row:last-child{border:none}
.score-row span{font-size:22px;font-family:'Archivo'}
.countdown{display:flex;gap:8px;margin-top:10px}
.countdown div{background:var(--navy);color:#fff;flex:1;text-align:center;border-radius:10px;padding:8px 4px}
.countdown b{display:block;font-size:18px;line-height:1} .countdown span{font-size:9px;letter-spacing:1px;color:#9AA4C0}
.stats-bar{background:var(--orange);color:#fff}
.stats-bar-inner{max-width:1280px;margin:0 auto;padding:16px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:left}
.stats-bar b{font-family:'Archivo';font-size:26px} .stats-bar p{font-size:12.5px;opacity:.9;letter-spacing:.5px;text-transform:uppercase;font-weight:700}
.container{max-width:1280px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.sec-head h2{font-size:38px;text-transform:uppercase} .sec-head h2 span{color:var(--orange)}
.sec-head p{color:var(--muted);max-width:560px;margin-top:8px;font-size:15px}
.label{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--orange);text-transform:uppercase}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{padding:9px 16px;border-radius:999px;border:1px solid var(--border);background:#fff;font-weight:700;font-size:13.5px;cursor:pointer}
.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.match{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;box-shadow:0 4px 20px rgba(0,0,0,.04)}
.match-top{display:flex;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:1px;color:var(--muted)} .live-badge{color:#FF2E2E}
.team-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F1F2F6}
.team{display:flex;gap:12px;align-items:center;font-weight:700}
.team img{width:42px;height:42px;border-radius:50%;object-fit:cover}
.big-score{font-family:'Archivo';font-size:26px;font-weight:900}
.progress{height:6px;background:#EEF0F5;border-radius:999px;overflow:hidden;margin:12px 0 6px} .progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2))}
.match small{color:var(--muted)}
.layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.card{border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#fff;transition:.2s} .card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.08)}
.card img.cover{width:100%;height:210px;object-fit:cover;display:block}
.card-body{padding:18px}
.tag{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;background:#FFF1EB;color:var(--orange)}
.tag.blue{background:#EAF2FF;color:var(--blue)} .tag.green{background:#EEFFD6;color:#4A7A00}
.card h3{font-size:20px;line-height:1.05;margin:10px 0 8px;text-transform:uppercase}
.card p{color:var(--muted);font-size:14.5px}
.meta{display:flex;gap:12px;font-size:12.5px;color:#9CA3AF;margin-top:14px;font-weight:600}
.featured-card{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr} .featured-card img.cover{height:100%;min-height:300px}
.sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.side-box{border:1px solid var(--border);border-radius:18px;padding:18px;background:#fff}
.side-box.dark{background:var(--navy);color:#fff;border:none}
.side-box h4{font-family:'Archivo';font-size:18px;text-transform:uppercase;margin-bottom:14px} .side-box h4 span{color:var(--orange)}
table{width:100%;border-collapse:collapse;font-size:13.5px} th{text-align:left;color:#9CA3AF;font-size:11px;letter-spacing:1px;padding:8px 4px} td{padding:9px 4px;border-top:1px solid #F1F2F6;font-weight:600}
tr.highlight td{background:#FFF7F2}
.game-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)} .game-item:last-child{border:none}
.game-item b{font-size:14px} .game-item small{display:block;color:#9AA4C0}
.rumor{background:linear-gradient(135deg,#0E1836,#070D1F);color:#fff;border-radius:22px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px;overflow:hidden;position:relative}
.rumor h2{font-size:36px;text-transform:uppercase} .rumor p{color:#CBD2E6}
.rumor-list{display:flex;flex-direction:column;gap:12px}
.rumor-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px;display:flex;gap:12px}
.rumor-item img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.rumor-item b{font-size:14.5px} .rumor-item p{font-size:13px;color:#9AA4C0}
.heat{margin-left:auto;font-weight:900;color:var(--lime);font-family:'Archivo'}
.draft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.player{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#fff;text-align:left}
.player img{width:100%;height:220px;object-fit:cover}
.player-body{padding:16px} .player-body h3{font-size:18px;text-transform:uppercase} .player-body p{font-size:13px;color:var(--muted)}
.pick{font-family:'Archivo';font-weight:900;color:var(--orange)}
.fantasy{background:var(--light);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.fantasy-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.fantasy-players{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.f-player{background:#fff;border:2px solid var(--border);border-radius:16px;padding:14px;display:flex;gap:12px;align-items:center;cursor:pointer;text-align:left;width:100%}
.f-player.selected{border-color:var(--orange);background:#FFF7F2}
.f-player img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.f-player b{font-size:14px} .f-player small{display:block;color:var(--muted)} .price{margin-left:auto;font-weight:900;font-family:'Archivo'}
.roster{background:var(--navy);color:#fff;border-radius:20px;padding:20px}
.roster h3{font-size:22px;text-transform:uppercase} .roster-list{margin:16px 0;display:flex;flex-direction:column;gap:8px;min-height:120px}
.roster-item{background:rgba(255,255,255,.08);padding:10px 12px;border-radius:10px;display:flex;justify-content:space-between;font-size:13.5px;font-weight:600}
.capbar{height:10px;background:rgba(255,255,255,.15);border-radius:999px;overflow:hidden} .capbar i{display:block;height:100%;background:var(--lime);width:18%;transition:.3s}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.shop-card{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:#fff}
.shop-card img{width:100%;height:230px;object-fit:cover} .shop-card div{padding:16px}
.price-big{font-family:'Archivo';font-size:22px;font-weight:900}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.testi{padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff}
.testi p{font-size:14.5px;color:#374151} .person{display:flex;gap:12px;align-items:center;margin-top:16px} .person img{width:46px;height:46px;border-radius:50%}
.faq{max-width:800px;margin:0 auto}
.faq-item{border:1px solid var(--border);border-radius:14px;margin-bottom:10px;overflow:hidden}
.faq-q{width:100%;background:#fff;border:none;padding:18px;text-align:left;font-weight:700;display:flex;justify-content:space-between;cursor:pointer;font-size:15px}
.faq-a{display:none;padding:0 18px 18px;color:var(--muted);font-size:14.5px} .faq-item.open .faq-a{display:block}
.cta{background:var(--orange);border-radius:24px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff;flex-wrap:wrap}
.cta h2{font-size:36px;text-transform:uppercase;max-width:520px} .cta form{display:flex;gap:8px;background:#fff;padding:6px;border-radius:999px}
.cta input{border:none;outline:none;padding:10px 14px;border-radius:999px;width:240px}
footer{background:var(--navy);color:#CBD2E6;padding:52px 0 24px;margin-top:64px}
.foot{max-width:1280px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot h5{color:#fff;font-family:'Archivo';text-transform:uppercase;margin-bottom:14px} .foot a{display:block;font-size:14px;padding:5px 0;color:#9AA4C0} .foot a:hover{color:#fff}
.copy{max-width:1280px;margin:28px auto 0;padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#7A86A8}
@media(max-width:900px){.hero-inner,.layout,.rumor,.fantasy-wrap,.featured-card{grid-template-columns:1fr}.live-grid,.draft-grid,.shop-grid,.testimonials,.foot{grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.nav-links{display:none}.stats-bar-inner{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.news-grid,.live-grid,.draft-grid,.shop-grid,.testimonials,.foot,.fantasy-players{grid-template-columns:1fr}.hero-visual img.main{height:340px}.score-card{left:10px;width:calc(100% - 20px)}}
</style>
</head>
<body>
<div class="top-ticker"><span style="display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px"><span class="live-dot"></span> LIVE NOW</span><div class="ticker-track" id="ticker"></div><span style="margin-left:auto;font-weight:700">FRI • MAY 16, 2026</span></div>
<header>
<div class="nav">
<a href="#" class="logo"><img src="https://placehold.co/52x52/FF5A1F/FFFFFF?text=AP&font=poppins" alt="Apex Pulse Logo"><div class="logo-name">APEX<i>PULSE</i><small>WHERE EVERY SECOND COUNTS</small></div></a>
<nav class="nav-links"><a href="#news" class="active">News</a><a href="#scores">Scores</a><a href="#teams">Teams</a><a href="#videos">Videos</a><a href="#tickets">Tickets</a><a href="#shop">Shop</a><a href="#fantasy">Fantasy</a></nav>
<div class="nav-actions"><span class="search"><i class="fa-solid fa-magnifying-glass"></i></span><button class="btn btn-dark" onclick="document.getElementById('join').scrollIntoView({behavior:'smooth'})">Join Fan Club</button></div>
</div>
</header>
<section class="hero">
<div class="hero-inner">
<div>
<span class="eyebrow">● <b>Championship Week</b> Season Record: 58–14</span>
<h1>Heart.<br><span>Hustle.</span><br><em>History.</em></h1>
<p>Apex Pulse delivers real-time scores, deep sports analytics, game strategy breakdowns, and insider reporting from every arena, stadium, and court that matters. No noise — just the stories, numbers, and moments that define the season.</p>
<div class="hero-cta"><button class="btn btn-orange" onclick="alert('🎬 Live stream starting! Warriors vs Celtics — Tip-off in 12 minutes. Enjoy the game!')">▶ Watch Game</button><a href="#tickets" class="btn" style="background:#fff;color:#111">🎟 Buy Tickets — From $49</a><a href="#fantasy" class="btn" style="background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff">Build Fantasy Team →</a></div>
<div class="hero-meta"><div><b>2.4M</b>Monthly Fans</div><div><b>18,420</b>Stories Published</div><div><b>147</b>Live Games / Week</div><div><b>4.9 ★</b>Fan Rating</div></div>
</div>
<div class="hero-visual">
<img class="main" src="https://picsum.photos/900/1100?random=12" alt="Championship action">
<div class="score-card"><small>🔴 LIVE — Q4 • 2:14 LEFT</small><div class="score-row"><span>🏀 WARRIORS</span><span id="scoreA">108</span></div><div class="score-row"><span>🍀 CELTICS</span><span id="scoreB">106</span></div><div class="countdown"><div><b id="cd-h">02</b><span>HRS</span></div><div><b id="cd-m">14</b><span>MIN</span></div><div><b id="cd-s">33</b><span>SEC</span></div><div><b>Game 7</b><span>FINALS</span></div></div><button class="btn btn-orange" style="width:100%;justify-content:center;margin-top:12px" onclick="simulateScore()">↻ Simulate Next Play</button></div>
</div>
</div>
<div class="stats-bar"><div class="stats-bar-inner"><div><b>58–14</b><p>Warriors Season Record</p></div><div><b>31.4 PTS</b><p>League Scoring Leader</p></div><div><b>92%</b><p>Prediction Accuracy</p></div><div><b>$12.8M</b><p>Fantasy Prizes Paid</p></div></div></div>
</section>
<main class="container">
<!-- LIVE SCORES -->
<section class="section" id="scores" style="padding-bottom:20px">
<div class="sec-head"><div><span class="label">Live Center • Updated Every 10s</span><h2>Today's <span>Live Scores</span></h2><p>Follow every possession with advanced win probability, shot charts, and momentum tracking powered by Apex sports analytics.</p></div><div class="tabs" id="leagueTabs"><button class="tab active" onclick="filterLeague(this,'all')">All Games</button><button class="tab" onclick="filterLeague(this,'nba')">🏀 NBA</button><button class="tab" onclick="filterLeague(this,'nfl')">🏈 NFL</button><button class="tab" onclick="filterLeague(this,'mlb')">⚾ MLB</button></div></div>
<div class="live-grid" id="liveGrid"></div>
</section>
<!-- NEWS + SIDEBAR -->
<section class="section" id="news">
<div class="sec-head"><div><span class="label">Top Stories</span><h2>Team News & <span>Headlines</span></h2></div><a href="#" style="font-weight:800;color:var(--orange)">View All News →</a></div>
<div class="layout">
<div>
<div class="news-grid">
<article class="card featured-card"><img class="cover" src="https://picsum.photos/800/600?random=21"><div class="card-body"><span class="tag">Breaking News</span><h3>Warriors Clinch Thriller in Game 6 — Curry Drops 47 in Masterclass</h3><p>Stephen Curry delivered one of the greatest Finals performances in modern history, combining elite game strategy, off-ball movement, and clutch shot-making. Our analytics team breaks down his 68% true shooting, the Warriors' adjusted defensive scheme, and what it means for a decisive Game 7 at Chase Center.</p><p style="margin-top:8px">Head coach Steve Kerr praised the team's resilience: “This group never flinches. We trusted our system, trusted each other, and executed when the season was on the line.”</p><div class="meta"><span>✍️ Maya Chen</span><span>• 12 min read</span><span>• 4.2k comments</span></div><button class="btn btn-dark" style="margin-top:14px">Read Full Story →</button></div></article>
<article class="card"><img class="cover" src="https://picsum.photos/700/500?random=22"><div class="card-body"><span class="tag blue">Team News</span><h3>Lakers Unveil New Rotation Ahead of Playoffs</h3><p>Los Angeles is leaning into youth and pace. With a revamped second unit and improved defensive rating over the last 10 games, the Lakers' season record turnaround is one of the league's best stories.</p><div class="meta"><span>Jordan Ellis • 6 min</span><span>❤️ 1.8k</span></div></div></article>
<article class="card"><img class="cover" src="https://picsum.photos/700/500?random=23"><div class="card-body"><span class="tag green">Analytics</span><h3>How Data Is Rewriting Modern Game Strategy</h3><p>From expected points models to player load management, sports analytics now shapes every timeout. We visited three front offices to see how data scientists sit beside coaches on the bench.</p><div class="meta"><span>Priya Nair • 9 min</span><span>❤️ 2.3k</span></div></div></article>
<article class="card"><img class="cover" src="https://picsum.photos/700/500?random=24"><div class="card-body"><span class="tag">Injury Report</span><h3>Star Forward Expected Back for Game 7</h3><p>After missing two games with an ankle sprain, medical staff cleared the All-Star for full practice. His return shifts matchup dynamics and betting lines across the league.</p><div class="meta"><span>Sam Ortiz • 4 min</span></div></div></article>
<article class="card"><img class="cover" src="https://picsum.photos/700/500?random=25"><div class="card-body"><span class="tag blue">Community</span><h3>Youth Academy Graduates 120 Athletes</h3><p>Apex Pulse Foundation celebrated its largest class yet, providing coaching, education, and athletic resources to underserved communities across 14 cities this spring.</p><div class="meta"><span>Apex Staff • 5 min</span></div></div></article>
</div>
</div>
<aside class="sidebar" id="teams">
<div class="side-box"><h4>🏆 League <span>Standings</span></h4><table><tr><th>TEAM</th><th>W</th><th>L</th><th>GB</th></tr><tr class="highlight"><td>1. Warriors</td><td>58</td><td>14</td><td>—</td></tr><tr><td>2. Celtics</td><td>57</td><td>15</td><td>1.0</td></tr><tr><td>3. Nuggets</td><td>53</td><td>19</td><td>5.0</td></tr><tr><td>4. Lakers</td><td>49</td><td>23</td><td>9.0</td></tr><tr><td>5. Bucks</td><td>48</td><td>24</td><td>10.0</td></tr><tr><td>6. Knicks</td><td>46</td><td>26</td><td>12.0</td></tr></table><button class="btn btn-outline" style="width:100%;justify-content:center;margin-top:14px">Full Standings →</button></div>
<div class="side-box dark"><h4>📅 Upcoming <span>Games</span></h4><div class="game-item"><div><b>Warriors vs Celtics</b><small>Game 7 • Chase Center</small></div><span style="text-align:right"><b style="color:var(--lime)">SUN 8PM</b><small>ABC</small></span></div><div class="game-item"><div><b>Chiefs vs Bills</b><small>NFL • Arrowhead</small></div><span style="text-align:right"><b style="color:var(--lime)">MON 7PM</b><small>ESPN</small></span></div><div class="game-item"><div><b>Yankees vs Dodgers</b><small>MLB • Yankee Stadium</small></div><span style="text-align:right"><b style="color:var(--lime)">TUE 6PM</b><small>FOX</small></span></div><button class="btn btn-lime" style="width:100%;justify-content:center;margin-top:12px" onclick="document.getElementById('tickets').scrollIntoView({behavior:'smooth'})">Buy Tickets</button></div>
<div class="side-box"><h4>🔥 Trending Now</h4><p style="font-size:14px;padding:8px 0;border-bottom:1px solid #eee"><b>#1</b> Trade deadline bombshell explained</p><p style="font-size:14px;padding:8px 0;border-bottom:1px solid #eee"><b>#2</b> Rookie of the Year race heats up</p><p style="font-size:14px;padding:8px 0"><b>#3</b> Top 10 plays of the week — voted</p></div>
</aside>
</div>
</section>
<!-- TRADE RUMORS -->
<section class="rumor">
<div><span class="label" style="color:var(--lime)">Insider Report</span><h2>Trade Rumors & Draft Coverage</h2><p style="margin:14px 0">Our insiders track every call, workout, and front-office whisper. From blockbuster trade rumors to the most complete draft coverage in sports — big boards, mock drafts, combine measurables, and pro-day analysis updated daily.</p><div style="display:flex;gap:10px;flex-wrap:wrap"><button class="btn btn-orange">Read Insider Report</button><button class="btn" style="background:#fff">2026 Mock Draft 3.0 →</button></div><p style="font-size:13px;margin-top:16px;color:#9AA4C0">Next update in <b style="color:#fff" id="rumorTimer">04:32</b> • Source reliability graded A–F on every rumor.</p></div>
<div class="rumor-list">
<div class="rumor-item"><img src="https://i.pravatar.cc/100?u=player1"><div><b>All-Star Guard Linked to Miami</b><p>Heat exploring 3-team deal • Cap impact analyzed</p></div><span class="heat">92° 🔥</span></div>
<div class="rumor-item"><img src="https://i.pravatar.cc/100?u=player2"><div><b>No. 1 Pick Race: Two QBs Separate</b><p>Scouts split after pro days • Full breakdown inside</p></div><span class="heat">88°</span></div>
<div class="rumor-item"><img src="https://i.pravatar.cc/100?u=player3"><div><b>Blockbuster Extension Imminent?</b><p>$210M deal framework discussed, per sources</p></div><span class="heat">76°</span></div>
</div>
</section>
<!-- DRAFT -->
<section class="section">
<div class="sec-head"><div><span class="label">2026 Draft Central</span><h2>Top <span>Prospects</span></h2><p>Scouting reports, combine numbers, and film grades for the next generation of stars.</p></div><button class="btn btn-dark">Full Big Board (Top 100)</button></div>
<div class="draft-grid">
<div class="player"><img src="https://picsum.photos/500/500?random=31"><div class="player-body"><span class="pick">PICK #01 • QB</span><h3>Caleb Reed</h3><p>Ohio State • 6'3" • 4.52s 40 • 98.4 QBR. Elite arm talent and poise under pressure.</p><b>Grade: A+</b></div></div>
<div class="player"><img src="https://picsum.photos/500/500?random=32"><div class="player-body"><span class="pick">PICK #02 • WR</span><h3>Marcus Vale</h3><p>Alabama • 6'1" • 1,842 yards. Game-breaking speed and route precision.</p><b>Grade: A</b></div></div>
<div class="player"><img src="https://picsum.photos/500/500?random=33"><div class="player-body"><span class="pick">PICK #03 • EDGE</span><h3>Darius Cole</h3><p>Georgia • 14.5 sacks. Relentless motor, pro-ready hand technique.</p><b>Grade: A</b></div></div>
<div class="player"><img src="https://picsum.photos/500/500?random=34"><div class="player-body"><span class="pick">PICK #04 • PG</span><h3>Jalen Brooks</h3><p>Duke • 22.1 PTS / 8.3 AST. Floor general with elite court vision.</p><b>Grade: A-</b></div></div>
</div>
</section>
<!-- FANTASY INTERACTIVE -->
<section class="section fantasy" id="fantasy" style="padding:52px 24px;border-radius:22px">
<div class="sec-head"><div><span class="label">Interactive • Fantasy Lab</span><h2>Build Your <span>Dream Team</span></h2><p>Pick 4 players within the $100 salary cap. Our projection model estimates your weekly fantasy points in real time. Try to beat <b>142.6 pts</b> — this week's community best!</p></div><span style="background:var(--navy);color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;font-size:13px">🏆 $50,000 Weekly Prize Pool</span></div>
<div class="fantasy-wrap">
<div class="fantasy-players" id="fantasyPlayers"></div>
<div class="roster"><h3>Your Roster <span style="color:var(--lime);font-size:14px" id="rosterCount">0 / 4 Selected</span></h3><div class="roster-list" id="rosterList"><p style="color:#9AA4C0;font-size:14px">Click players on the left to add them to your lineup...</p></div><div style="display:flex;justify-content:space-between;font-size:13px;font-weight:700"><span>SALARY CAP USED</span><span id="capText">$18 / $100</span></div><div class="capbar"><i id="capBar"></i></div><div style="display:flex;justify-content:space-between;align-items:center;margin-top:18px"><div><small style="color:#9AA4C0;letter-spacing:1px;font-weight:700">PROJECTED POINTS</small><div style="font-family:'Archivo';font-size:32px;font-weight:900" id="projPts">18.2</div></div><button class="btn btn-lime" onclick="submitTeam()">Enter League →</button></div><p id="teamMsg" style="font-size:13px;color:var(--lime);margin-top:10px"></p></div>
</div>
</section>
<!-- VIDEOS / TICKETS / SHOP -->
<section class="section" id="videos">
<div class="sec-head"><div><span class="label">Watch</span><h2>Game Highlights & <span>Videos</span></h2></div><button class="btn btn-outline">All Videos →</button></div>
<div class="shop-grid">
<div class="shop-card"><div style="position:relative"><img src="https://picsum.photos/700/500?random=41"><span style="position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:42px">▶</span><span style="position:absolute;bottom:10px;right:10px;background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700">08:42</span></div><div><b>Top 10 Plays of the Week</b><p style="color:var(--muted);font-size:13.5px"> Buzzer-beaters, poster dunks & walk-offs — 2.1M views</p></div></div>
<div class="shop-card"><div style="position:relative"><img src="https://picsum.photos/700/500?random=42"><span style="position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:42px">▶</span><span style="position:absolute;bottom:10px;right:10px;background:#000;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700">14:20</span></div><div><b>Film Room: Championship Defense</b><p style="color:var(--muted);font-size:13.5px">Coach breakdown with telestrator analysis</p></div></div>
<div class="shop-card" id="tickets"><div style="position:relative"><img src="https://picsum.photos/700/500?random=43"><span style="position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px">SELLING FAST — 82% SOLD</span></div><div><b>Game 7 Finals Tickets</b><p style="color:var(--muted);font-size:13.5px">Sun • Chase Center • Verified resale from</p><div style="display:flex;justify-content:space-between;align-items:center;margin-top:10px"><span class="price-big">$49 <small style="font-size:12px;color:#6B7280">/ seat</small></span><button class="btn btn-orange" onclick="alert('🎟️ Tickets added! Section 112, Row 8 — $49 each. Proceed to secure checkout.')">Buy Tickets</button></div></div></div>
</div>
</section>
<section id="shop" style="padding-bottom:10px">
<div class="sec-head"><div><span class="label">Official Store</span><h2>Fan <span>Shop</span> Favorites</h2></div></div>
<div class="shop-grid">
<div class="shop-card"><img src="https://placehold.co/700x500/0E1836/FFFFFF?text=PREMIUM+JERSEY+2026&font=poppins"><div><b>2026 Authentic Home Jersey</b><p style="color:#F59E0B;font-size:13px">★★★★★ (2,847 reviews)</p><div style="display:flex;justify-content:space-between;margin-top:8px"><span class="price-big">$129.99</span><button class="btn btn-dark" onclick="this.textContent='✓ Added to Cart'">Add to Cart</button></div></div></div>
<div class="shop-card"><img src="https://placehold.co/700x500/FF5A1F/FFFFFF?text=APEX+CAP+%2B+HOODIE&font=poppins"><div><b>Apex Championship Hoodie + Cap Bundle</b><p style="color:#F59E0B;font-size:13px">★★★★★ (1,932 reviews) • Limited</p><div style="display:flex;justify-content:space-between;margin-top:8px"><span class="price-big">$79.99 <s style="color:#999;font-size:14px">$109</s></span><button class="btn btn-dark" onclick="this.textContent='✓ Added to Cart'">Add to Cart</button></div></div></div>
<div class="shop-card"><img src="https://placehold.co/700x500/C6FF3E/111827?text=SIGNED+COLLECTIBLES&font=poppins"><div><b>Signed Finals Basketball — Limited /500</b><p style="color:#F59E0B;font-size:13px">★★★★★ (684 reviews) • Certificate incl.</p><div style="display:flex;justify-content:space-between;margin-top:8px"><span class="price-big">$249.99</span><button class="btn btn-dark" onclick="this.textContent='✓ Added to Cart'">Add to Cart</button></div></div></div>
</div>
</section>
<!-- TESTIMONIALS + FAQ -->
<section class="section">
<div class="sec-head"><div><span class="label">Fan Club Stories</span><h2>Loved By <span>2.4 Million Fans</span></h2></div></div>
<div class="testimonials">
<div class="testi"><div style="color:#F59E0B">★★★★★</div><p>“Apex Pulse changed how I watch sports. The live win-probability and film breakdowns make every game feel like I'm sitting next to the coaching staff. I haven't missed a Game 7 alert in two seasons.”</p><div class="person"><img src="https://i.pravatar.cc/100?u=fan1"><div><b>Marcus Thompson</b><small style="display:block;color:var(--muted)">Season Ticket Holder, Oakland</small></div></div></div>
<div class="testi"><div style="color:#F59E0B">★★★★★</div><p>“I won my fantasy league two years running using the Fantasy Lab projections. The salary-cap tool is genuinely addictive — and the injury news hits Apex before anywhere else.”</p><div class="person"><img src="https://i.pravatar.cc/100?u=fan2"><div><b>Alisha Grant</b><small style="display:block;color:var(--muted)">Fantasy Champion '24 & '25</small></div></div></div>
<div class="testi"><div style="color:#F59E0B">★★★★★</div><p>“As a high-school coach, I use Apex strategy articles with my team every week. Real terminology, real film, real lessons. It's become part of our practice routine.”</p><div class="person"><img src="https://i.pravatar.cc/100?u=fan3"><div><b>Coach David Rivera</b><small style="display:block;color:var(--muted)">Varsity Coach, Austin TX</small></div></div></div>
</div>
</section>
<section style="padding-bottom:56px"><h2 style="text-align:center;font-size:32px;text-transform:uppercase;margin-bottom:22px">Frequently Asked <span style="color:var(--orange)">Questions</span></h2><div class="faq">
<div class="faq-item open"><button class="faq-q" onclick="toggleFaq(this)">How does the Fantasy Lab salary cap work? <span>−</span></button><div class="faq-a">Each player has a salary based on recent performance and projected output. You must select exactly 4 players while staying at or under the $100 cap. Our model then projects weekly points using usage rate, matchup strength, pace, and historical splits. You can enter free or paid leagues instantly.</div></div>
<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">Are tickets verified and refundable? <span>+</span></button><div class="faq-a">Yes — every ticket sold through Apex Pulse is verified, mobile-delivered, and backed by our 100% guarantee. If a game is postponed, you automatically receive credit or a full refund. Premium members get free exchanges up to 24 hours before tip-off.</div></div>
<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">What do Fan Club members get? <span>+</span></button><div class="faq-a">Members unlock ad-free reading, exclusive insider trade reports, early ticket presales, monthly merch discounts, members-only film rooms with former players, and priority entry to live Apex events in 12 cities.</div></div>
<div class="faq-item"><button class="faq-q" onclick="toggleFaq(this)">How accurate are Apex predictions? <span>+</span></button><div class="faq-a">Our ensemble model — blending player tracking, lineup data, rest days, and market signals — has graded at 92% calibration accuracy over the last two seasons. We publish full post-game audits so you can verify every projection yourself.</div></div>
</div></section>
<div class="cta" id="join"><div><h2>Join 2.4M fans. Never miss a moment.</h2><p style="opacity:.9;margin-top:8px">Daily newsletter • Breaking alerts • 20% off first merch order</p></div><form onsubmit="event.preventDefault();this.innerHTML='<b style=color:#111;padding:10px 18px>✓ Welcome to the Fan Club!</b>'"><input type="email" required placeholder="Enter your email address"><button class="btn btn-dark">Join Fan Club →</button></form></div>
</main>
<footer>
<div class="foot">
<div><div class="logo" style="margin-bottom:12px"><img src="https://placehold.co/46x46/FF5A1F/FFFFFF?text=AP&font=poppins" style="border-radius:9px"><div class="logo-name" style="color:#fff">APEX<i>PULSE</i></div></div><p style="font-size:14px;color:#9AA4C0;max-width:300px">Where Every Second Counts. Independent sports journalism, analytics, and fan community since 2018.</p><p style="margin-top:16px;font-size:14px">📍 425 Arena Way, Suite 800<br>San Francisco, CA 94107<br>📞 (415) 555-0142<br>✉️ hello@apexpulse.com</p><div style="display:flex;gap:10px;margin-top:16px;font-size:18px"><a href="#" style="display:inline">𝕏</a><a href="#" style="display:inline">📷</a><a href="#" style="display:inline">▶️</a><a href="#" style="display:inline">🎵</a></div></div>
<div><h5>Coverage</h5><a href="#news">Team News</a><a href="#">Trade Rumors</a><a href="#">Draft Coverage</a><a href="#scores">Live Scores</a><a href="#videos">Videos & Highlights</a></div>
<div><h5>Experience</h5><a href="#tickets">Buy Tickets</a><a href="#shop">Shop Merch</a><a href="#fantasy">Fantasy League</a><a href="#join">Join Fan Club</a><a href="#">Events & Tours</a></div>
<div><h5>Company</h5><a href="#">About Apex Pulse</a><a href="#">Careers — We're Hiring</a><a href="#">Advertise</a><a href="#">Press & Media Kit</a><a href="#">Contact Us</a></div>
</div>
<div class="copy"><span>© 2026 Apex Pulse Media, Inc. All rights reserved. Made for fans, by fans.</span><span><a href="#" style="display:inline;color:#9AA4C0">Privacy Policy</a> | <a href="#" style="display:inline;color:#9AA4C0">Terms of Service</a> | <a href="#" style="display:inline;color:#9AA4C0">Cookie Settings</a></span></div>
</footer>
<script>
const tickerData=[["WAR 108","CEL 106 • Q4 2:14"],["LAL 98","DEN 94 • Q3"],["KC 24","BUF 21 • FINAL"],["NYY 5","LAD 3 • 7TH"],["CURRY","47 PTS • 9 AST"],["TRADE HEAT","92° RUMOR HEATING UP"]];
document.getElementById('ticker').innerHTML=[...tickerData,...tickerData].map(t=>`<span class="ticker-item"><b>${t[0]}</b> <span>${t[1]}</span></span>`).join('<span style="color:#FF5A1F">◆</span>');
const matches=[
{league:'nba',live:true,event:'NBA FINALS • GAME 6',t1:'Warriors',s1:108,t2:'Celtics',s2:106,detail:'Q4 • 2:14 • Win Prob: Warriors 61%',prob:61},
{league:'nba',live:true,event:'WESTERN CONF.',t1:'Lakers',s1:98,t2:'Nuggets',s2:94,detail:'Q3 • 4:02 • Win Prob: Lakers 58%',prob:58},
{league:'nfl',live:false,event:'NFL • WEEK 12 FINAL',t1:'Chiefs',s1:24,t2:'Bills',s2:21,detail:'FINAL • Mahomes: 312 YDS, 3 TD',prob:100},
{league:'mlb',live:true,event:'MLB • TOP 7TH',t1:'Yankees',s1:5,t2:'Dodgers',s2:3,detail:'7th Inning • 1 Out • Runner on 2nd',prob:72},
{league:'nba',live:false,event:'TONIGHT 9:00 PM ET',t1:'Knicks',s1:'—',t2:'Bucks',s2:'—',detail:'Madison Square Garden • ESPN',prob:50},
{league:'nfl',live:false,event:'SUNDAY 1:00 PM ET',t1:'Cowboys',s1:'—',t2:'Eagles',s2:'—',detail:'AT&T Stadium • FOX • Rivalry Week',prob:50},
];
function renderMatches(f='all'){
document.getElementById('liveGrid').innerHTML=matches.filter(m=>f==='all'||m.league===f).map((m,i)=>`
<div class="match"><div class="match-top"><span>${m.event}</span><span class="${m.live?'live-badge':''}">${m.live?'● LIVE':'SCHEDULED'}</span></div>
<div class="team-row"><div class="team"><img src="https://picsum.photos/100/100?random=${40+i*3}">${m.t1}</div><span class="big-score">${m.s1}</span></div>
<div class="team-row"><div class="team"><img src="https://picsum.photos/100/100?random=${41+i*3}">${m.t2}</div><span class="big-score">${m.s2}</span></div>
<div class="progress"><i style="width:${m.prob}%"></i></div><small>${m.detail}</small></div>`).join('');
}
renderMatches();
function filterLeague(btn,league){document.querySelectorAll('#leagueTabs .tab').forEach(t=>t.classList.remove('active'));btn.classList.add('active');renderMatches(league)}
function simulateScore(){
let a=document.getElementById('scoreA'),b=document.getElementById('scoreB');
if(Math.random()>.5) a.textContent=+a.textContent+ (Math.random()>.5?3:2); else b.textContent=+b.textContent+(Math.random()>.5?3:2);
a.parentElement.style.background='#FFF1EB'; setTimeout(()=>a.parentElement.style.background='',500);
}
let sec=33,min=14; setInterval(()=>{sec--; if(sec<0){sec=59;min--} document.getElementById('cd-s').textContent=String(sec).padStart(2,'0'); document.getElementById('cd-m').textContent=String(min).padStart(2,'0');},1000);
// Fantasy
const players=[
{name:'S. Curry',team:'Warriors • PG',price:32,pts:38.4,img:'https://i.pravatar.cc/100?u=curry'},
{name:'J. Tatum',team:'Celtics • SF',price:29,pts:34.1,img:'https://i.pravatar.cc/100?u=tatum'},
{name:'L. James',team:'Lakers • PF',price:28,pts:32.8,img:'https://i.pravatar.cc/100?u=lebron'},
{name:'N. Jokic',team:'Nuggets • C',price:31,pts:36.9,img:'https://i.pravatar.cc/100?u=jokic'},
{name:'L. Doncic',team:'Mavericks • SG',price:30,pts:35.5,img:'https://i.pravatar.cc/100?u=luka'},
{name:'Rookie Reed',team:'Ohio St • QB',price:18,pts:22.3,img:'https://i.pravatar.cc/100?u=reed'},
];
let selected=[5]; // pre-selected one
function renderFantasy(){
document.getElementById('fantasyPlayers').innerHTML=players.map((p,i)=>`<button class="f-player ${selected.includes(i)?'selected':''}" onclick="togglePlayer(${i})"><img src="${p.img}"><span><b>${p.name} ${selected.includes(i)?'✓':''}</b><small>${p.team} • Proj ${p.pts} pts</small></span><span class="price">$${p.price}</span></button>`).join('');
let total=players.filter((_,i)=>selected.includes(i)).reduce((s,p)=>s+p.price,0);
let pts=players.filter((_,i)=>selected.includes(i)).reduce((s,p)=>s+p.pts,0);
document.getElementById('rosterCount').textContent=`${selected.length} / 4 Selected`;
document.getElementById('capText').textContent=`$${total} / $100`;
document.getElementById('capBar').style.width=total+'%';
document.getElementById('capBar').style.background=total>100?'#FF2E2E':'#C6FF3E';
document.getElementById('projPts').textContent=pts.toFixed(1);
document.getElementById('rosterList').innerHTML=selected.length?selected.map(i=>`<div class="roster-item"><span>${players[i].name}</span><span>$${players[i].price} • ${players[i].pts} pts</span></div>`).join(''):'<p style="color:#9AA4C0;font-size:14px">Click players to add them...</p>';
}
function togglePlayer(i){
if(selected.includes(i)) selected=selected.filter(x=>x!==i);
else { if(selected.length>=4){alert('Roster full! Remove a player first (max 4).');return} selected.push(i)}
document.getElementById('teamMsg').textContent=''; renderFantasy();
}
function submitTeam(){
let total=selected.reduce((s,i)=>s+players[i].price,0);
if(selected.length!==4){document.getElementById('teamMsg').textContent='⚠️ Pick exactly 4 players to enter.';return}
if(total>100){document.getElementById('teamMsg').textContent='⚠️ Over salary cap! Swap a star for value.';return}
document.getElementById('teamMsg').textContent=`✅ Team entered! Projected ${document.getElementById('projPts').textContent} pts — Rank #${Math.floor(Math.random()*900+40)} of 12,480. Good luck! 🏆`;
}
renderFantasy();
function toggleFaq(btn){let item=btn.parentElement;let open=item.classList.contains('open');document.querySelectorAll('.faq-item').forEach(f=>{f.classList.remove('open');f.querySelector('span').textContent='+' });if(!open){item.classList.add('open');btn.querySelector('span').textContent='−'}}
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T10:10:16.422Z",
"url": "https://benchmark.aimac.invalid/d9b7eed848daebf49f832ce989058d28ecdc0a36b861070a662a2e64a1e63f79.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": "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": []
},
{
"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": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "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": "<span style=\"display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px\"><span class=\"live-dot\"></span> LIVE NOW</span>",
"target": [
".top-ticker > span:nth-child(1)"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"btn btn-dark\" onclick=\"document.getElementById('join').scrollIntoView({behavior:'smooth'})\">Join Fan Club</button>",
"target": [
".nav-actions > .btn-dark.btn"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Heart.<br><span>Hustle.</span><br><em>History.</em></h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Today's <span>Live Scores</span></h2>",
"target": [
"#scores > .sec-head > div:nth-child(1) > h2"
]
},
{
"html": "<h2>Team News & <span>Headlines</span></h2>",
"target": [
"#news > .sec-head > div > h2"
]
},
{
"html": "<h3>Warriors Clinch Thriller in Game 6 \u2014 Curry Drops 47 in Masterclass</h3>",
"target": [
".featured-card > .card-body > h3"
]
},
{
"html": "<h3>Lakers Unveil New Rotation Ahead of Playoffs</h3>",
"target": [
"article:nth-child(2) > .card-body > h3"
]
},
{
"html": "<h3>How Data Is Rewriting Modern Game Strategy</h3>",
"target": [
"article:nth-child(3) > .card-body > h3"
]
},
{
"html": "<h3>Star Forward Expected Back for Game 7</h3>",
"target": [
"article:nth-child(4) > .card-body > h3"
]
},
{
"html": "<h3>Youth Academy Graduates 120 Athletes</h3>",
"target": [
"article:nth-child(5) > .card-body > h3"
]
},
{
"html": "<h4>\ud83c\udfc6 League <span>Standings</span></h4>",
"target": [
".side-box:nth-child(1) > h4"
]
},
{
"html": "<h4>\ud83d\udcc5 Upcoming <span>Games</span></h4>",
"target": [
".dark > h4"
]
},
{
"html": "<h4>\ud83d\udd25 Trending Now</h4>",
"target": [
".side-box:nth-child(3) > h4"
]
},
{
"html": "<h2>Trade Rumors & Draft Coverage</h2>",
"target": [
".rumor > div:nth-child(1) > h2"
]
},
{
"html": "<h2>Top <span>Prospects</span></h2>",
"target": [
".section:nth-child(4) > .sec-head > div > h2"
]
},
{
"html": "<h3>Caleb Reed</h3>",
"target": [
".player:nth-child(1) > .player-body > h3"
]
},
{
"html": "<h3>Marcus Vale</h3>",
"target": [
".player:nth-child(2) > .player-body > h3"
]
},
{
"html": "<h3>Darius Cole</h3>",
"target": [
".player:nth-child(3) > .player-body > h3"
]
},
{
"html": "<h3>Jalen Brooks</h3>",
"target": [
".player:nth-child(4) > .player-body > h3"
]
},
{
"html": "<h2>Build Your <span>Dream Team</span></h2>",
"target": [
"#fantasy > .sec-head > div > h2"
]
},
{
"html": "<h3>Your Roster <span style=\"color:var(--lime);font-size:14px\" id=\"rosterCount\">1 / 4 Selected</span></h3>",
"target": [
".roster > h3"
]
},
{
"html": "<h2>Game Highlights & <span>Videos</span></h2>",
"target": [
"#videos > .sec-head > div > h2"
]
},
{
"html": "<h2>Fan <span>Shop</span> Favorites</h2>",
"target": [
"#shop > .sec-head > div > h2"
]
},
{
"html": "<h2>Loved By <span>2.4 Million Fans</span></h2>",
"target": [
".section:nth-child(8) > .sec-head > div > h2"
]
},
{
"html": "<h2 style=\"text-align:center;font-size:32px;text-transform:uppercase;margin-bottom:22px\">Frequently Asked <span style=\"color:var(--orange)\">Questions</span></h2>",
"target": [
"section:nth-child(9) > h2"
]
},
{
"html": "<h2>Join 2.4M fans. Never miss a moment.</h2>",
"target": [
"#join > div > h2"
]
},
{
"html": "<h5>Coverage</h5>",
"target": [
"div:nth-child(2) > h5"
]
},
{
"html": "<h5>Experience</h5>",
"target": [
"div:nth-child(3) > h5"
]
},
{
"html": "<h5>Company</h5>",
"target": [
"div:nth-child(4) > h5"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main class=\"container\">",
"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": "#9aa4c0",
"bgColor": "#050914",
"contrastRatio": 8,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 8"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span>CEL 106 \u2022 Q4 2:14</span>",
"target": [
".ticker-item:nth-child(1) > span"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"email\" required=\"\" placeholder=\"Enter your email address\">",
"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 src=\"https://placehold.co/52x52/FF5A1F/FFFFFF?text=AP&font=poppins\" alt=\"Apex Pulse Logo\">",
"target": [
"img[alt=\"Apex Pulse Logo\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "non-empty-placeholder",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a placeholder attribute"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"email\" required=\"\" placeholder=\"Enter your email address\">",
"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\"><img src=\"https://placehold.co/52x52/FF5A1F/FFFFFF?text=AP&font=poppins\" alt=\"Apex Pulse Logo\"><div class=\"logo-name\">APEX<i>PULSE</i><small>WHERE EVERY SECOND COUNTS</small></div></a>",
"target": [
".logo[href=\"#\"]"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/52x52/FF5A1F/FFFFFF?text=AP&font=poppins\" alt=\"Apex Pulse Logo\">",
"target": [
"img[alt=\"Apex Pulse Logo\"]"
]
}
]
},
{
"id": "target-size",
"impact": "serious",
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 289.8,
"height": 52
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (289.8px by 52px, 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\"><img src=\"https://placehold.co/52x52/FF5A1F/FFFFFF?text=AP&font=poppins\" alt=\"Apex Pulse Logo\"><div class=\"logo-name\">APEX<i>PULSE</i><small>WHERE EVERY SECOND COUNTS</small></div></a>",
"target": [
".logo[href=\"#\"]"
]
}
]
},
{
"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": [
{
"any": [],
"all": [
{
"id": "td-headers-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The headers attribute is exclusively used to refer to other cells in the table"
}
],
"none": [],
"impact": null,
"html": "<table>",
"target": [
"table"
]
}
]
},
{
"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": [
{
"any": [],
"all": [
{
"id": "th-has-data-cells",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "All table header cells refer to data cells"
}
],
"none": [],
"impact": null,
"html": "<table>",
"target": [
"table"
]
}
]
}
],
"incomplete": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": "bgOverlap",
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element's background color could not be determined because it is overlapped by another element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span style=\"display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:1px\"><span class=\"live-dot\"></span> LIVE NOW</span>",
"target": [
".top-ticker > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined because it is overlapped by another element"
}
]
}
],
"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": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "10.9pt (14.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header>",
"target": [
"header"
]
},
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 10.9pt (14.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#news\" class=\"active\">News</a>",
"target": [
".active[href$=\"#news\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 10.9pt (14.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff5a1f",
"contrastRatio": 3.11,
"fontSize": "10.5pt (14px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn btn-orange\" onclick=\"alert('\ud83c\udfac Live stream starting! Warriors vs Celtics \u2014 Tip-off in 12 minutes. Enjoy the game!')\">\u25b6 Watch Game</button>",
"target": [
".hero-cta > .btn-orange.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn btn-orange\" onclick=\"alert('\ud83c\udfac Live stream starting! Warriors vs Celtics \u2014 Tip-off in 12 minutes. Enjoy the game!')\">\u25b6 Watch Game</button>",
"target": [
".hero-cta > .btn-orange.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"score-card\">",
"target": [
".score-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>\ud83d\udd34 LIVE \u2014 Q4 \u2022 2:14 LEFT</small>",
"target": [
".score-card > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff5a1f",
"contrastRatio": 3.11,
"fontSize": "10.5pt (14px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn btn-orange\" style=\"width:100%;justify-content:center;margin-top:12px\" onclick=\"simulateScore()\">\u21bb Simulate Next Play</button>",
"target": [
"button[onclick=\"simulateScore()\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn btn-orange\" style=\"width:100%;justify-content:center;margin-top:12px\" onclick=\"simulateScore()\">\u21bb Simulate Next Play</button>",
"target": [
"button[onclick=\"simulateScore()\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d0c6d2",
"bgColor": "#ff5a1f",
"contrastRatio": 1.88,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"stats-bar\"><div class=\"stats-bar-inner\"><div><b>58\u201314</b><p>Warriors Season Record</p></div><div><b>31.4 PTS</b><p>League Scoring Leader</p></div><div><b>92%</b><p>Prediction Accuracy</p></div><div><b>$12.8M</b><p>Fantasy Prizes Paid</p></div></div></div>",
"target": [
".stats-bar"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Warriors Season Record</p>",
"target": [
".stats-bar-inner > div:nth-child(1) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d0c6d2",
"bgColor": "#ff5a1f",
"contrastRatio": 1.88,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"stats-bar\"><div class=\"stats-bar-inner\"><div><b>58\u201314</b><p>Warriors Season Record</p></div><div><b>31.4 PTS</b><p>League Scoring Leader</p></div><div><b>92%</b><p>Prediction Accuracy</p></div><div><b>$12.8M</b><p>Fantasy Prizes Paid</p></div></div></div>",
"target": [
".stats-bar"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>League Scoring Leader</p>",
"target": [
".stats-bar-inner > div:nth-child(2) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d0c6d2",
"bgColor": "#ff5a1f",
"contrastRatio": 1.88,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"stats-bar\"><div class=\"stats-bar-inner\"><div><b>58\u201314</b><p>Warriors Season Record</p></div><div><b>31.4 PTS</b><p>League Scoring Leader</p></div><div><b>92%</b><p>Prediction Accuracy</p></div><div><b>$12.8M</b><p>Fantasy Prizes Paid</p></div></div></div>",
"target": [
".stats-bar"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Prediction Accuracy</p>",
"target": [
".stats-bar-inner > div:nth-child(3) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#d0c6d2",
"bgColor": "#ff5a1f",
"contrastRatio": 1.88,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"stats-bar\"><div class=\"stats-bar-inner\"><div><b>58\u201314</b><p>Warriors Season Record</p></div><div><b>31.4 PTS</b><p>League Scoring Leader</p></div><div><b>92%</b><p>Prediction Accuracy</p></div><div><b>$12.8M</b><p>Fantasy Prizes Paid</p></div></div></div>",
"target": [
".stats-bar"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p>Fantasy Prizes Paid</p>",
"target": [
"div:nth-child(4) > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 1.88 (foreground color: #d0c6d2, background color: #ff5a1f, font size: 9.4pt (12.5px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Live Center \u2022 Updated Every 10s</span>",
"target": [
"#scores > .sec-head > div:nth-child(1) > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff2e2e",
"bgColor": "#ffffff",
"contrastRatio": 3.69,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"match\">",
"target": [
".match:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"live-badge\">\u25cf LIVE</span>",
"target": [
".match:nth-child(1) > .match-top > .live-badge"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff2e2e",
"bgColor": "#ffffff",
"contrastRatio": 3.69,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"match\">",
"target": [
".match:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"live-badge\">\u25cf LIVE</span>",
"target": [
".match:nth-child(2) > .match-top > .live-badge"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff2e2e",
"bgColor": "#ffffff",
"contrastRatio": 3.69,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"match\">",
"target": [
".match:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"live-badge\">\u25cf LIVE</span>",
"target": [
".match:nth-child(4) > .match-top > .live-badge"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.69 (foreground color: #ff2e2e, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Top Stories</span>",
"target": [
"#news > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" style=\"font-weight:800;color:var(--orange)\">View All News \u2192</a>",
"target": [
".sec-head > a[href=\"#\"]"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#fff1eb",
"contrastRatio": 2.82,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag\">Breaking News</span>",
"target": [
".featured-card > .card-body > .tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.82 (foreground color: #ff5a1f, background color: #fff1eb, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag\">Breaking News</span>",
"target": [
".featured-card > .card-body > .tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.82 (foreground color: #ff5a1f, background color: #fff1eb, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card featured-card\">",
"target": [
".featured-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\u270d\ufe0f Maya Chen</span>",
"target": [
".featured-card > .card-body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card featured-card\">",
"target": [
".featured-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\u2022 12 min read</span>",
"target": [
".featured-card > .card-body > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card featured-card\">",
"target": [
".featured-card"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\u2022 4.2k comments</span>",
"target": [
".meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#2d7cff",
"bgColor": "#eaf2ff",
"contrastRatio": 3.42,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag blue\">Team News</span>",
"target": [
"article:nth-child(2) > .card-body > .blue.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #2d7cff, background color: #eaf2ff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag blue\">Team News</span>",
"target": [
"article:nth-child(2) > .card-body > .blue.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #2d7cff, background color: #eaf2ff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Jordan Ellis \u2022 6 min</span>",
"target": [
"article:nth-child(2) > .card-body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\u2764\ufe0f 1.8k</span>",
"target": [
"article:nth-child(2) > .card-body > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Priya Nair \u2022 9 min</span>",
"target": [
"article:nth-child(3) > .card-body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>\u2764\ufe0f 2.3k</span>",
"target": [
"article:nth-child(3) > .card-body > .meta > span:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#fff1eb",
"contrastRatio": 2.82,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag\">Injury Report</span>",
"target": [
"article:nth-child(4) > .card-body > .tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.82 (foreground color: #ff5a1f, background color: #fff1eb, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag\">Injury Report</span>",
"target": [
"article:nth-child(4) > .card-body > .tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.82 (foreground color: #ff5a1f, background color: #fff1eb, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Sam Ortiz \u2022 4 min</span>",
"target": [
"article:nth-child(4) > .card-body > .meta > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#2d7cff",
"bgColor": "#eaf2ff",
"contrastRatio": 3.42,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span class=\"tag blue\">Community</span>",
"target": [
"article:nth-child(5) > .card-body > .blue.tag"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.42 (foreground color: #2d7cff, background color: #eaf2ff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag blue\">Community</span>",
"target": [
"article:nth-child(5) > .card-body > .blue.tag"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.42 (foreground color: #2d7cff, background color: #eaf2ff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "9.4pt (12.5px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"card\">",
"target": [
"article:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Apex Staff \u2022 5 min</span>",
"target": [
"article:nth-child(5) > .card-body > .meta > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 9.4pt (12.5px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "13.5pt (18px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Standings</span>",
"target": [
".side-box:nth-child(1) > h4 > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th>TEAM</th>",
"target": [
"th:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#9ca3af",
"bgColor": "#ffffff",
"contrastRatio": 2.53,
"fontSize": "8.3pt (11px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-box\">",
"target": [
".side-box:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th>GB</th>",
"target": [
"th:nth-child(4)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.53 (foreground color: #9ca3af, background color: #ffffff, font size: 8.3pt (11px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff5a1f",
"contrastRatio": 3.11,
"fontSize": "10.5pt (14px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn btn-orange\">Read Insider Report</button>",
"target": [
".rumor > div:nth-child(1) > div > .btn-orange.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn btn-orange\">Read Insider Report</button>",
"target": [
".rumor > div:nth-child(1) > div > .btn-orange.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">2026 Draft Central</span>",
"target": [
".section:nth-child(4) > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"player\"><img src=\"https://picsum.photos/500/500?random=31\"><div class=\"player-body\"><span class=\"pick\">PICK #01 \u2022 QB</span><h3>Caleb Reed</h3><p>Ohio State \u2022 6'3\" \u2022 4.52s 40 \u2022 98.4 QBR. Elite arm talent and poise under pressure.</p><b>Grade: A+</b></div></div>",
"target": [
".player:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pick\">PICK #01 \u2022 QB</span>",
"target": [
".player:nth-child(1) > .player-body > .pick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"player\"><img src=\"https://picsum.photos/500/500?random=32\"><div class=\"player-body\"><span class=\"pick\">PICK #02 \u2022 WR</span><h3>Marcus Vale</h3><p>Alabama \u2022 6'1\" \u2022 1,842 yards. Game-breaking speed and route precision.</p><b>Grade: A</b></div></div>",
"target": [
".player:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pick\">PICK #02 \u2022 WR</span>",
"target": [
".player:nth-child(2) > .player-body > .pick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"player\"><img src=\"https://picsum.photos/500/500?random=33\"><div class=\"player-body\"><span class=\"pick\">PICK #03 \u2022 EDGE</span><h3>Darius Cole</h3><p>Georgia \u2022 14.5 sacks. Relentless motor, pro-ready hand technique.</p><b>Grade: A</b></div></div>",
"target": [
".player:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pick\">PICK #03 \u2022 EDGE</span>",
"target": [
".player:nth-child(3) > .player-body > .pick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"player\"><img src=\"https://picsum.photos/500/500?random=34\"><div class=\"player-body\"><span class=\"pick\">PICK #04 \u2022 PG</span><h3>Jalen Brooks</h3><p>Duke \u2022 22.1 PTS / 8.3 AST. Floor general with elite court vision.</p><b>Grade: A-</b></div></div>",
"target": [
".player:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"pick\">PICK #04 \u2022 PG</span>",
"target": [
".player:nth-child(4) > .player-body > .pick"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#f6f7fb",
"contrastRatio": 2.91,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section fantasy\" id=\"fantasy\" style=\"padding:52px 24px;border-radius:22px\">",
"target": [
"#fantasy"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.91 (foreground color: #ff5a1f, background color: #f6f7fb, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Interactive \u2022 Fantasy Lab</span>",
"target": [
"#fantasy > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.91 (foreground color: #ff5a1f, background color: #f6f7fb, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#f6f7fb",
"contrastRatio": 2.91,
"fontSize": "28.5pt (38px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<section class=\"section fantasy\" id=\"fantasy\" style=\"padding:52px 24px;border-radius:22px\">",
"target": [
"#fantasy"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.91 (foreground color: #ff5a1f, background color: #f6f7fb, font size: 28.5pt (38px), font weight: bold). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Dream Team</span>",
"target": [
"#fantasy > .sec-head > div > h2 > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.91 (foreground color: #ff5a1f, background color: #f6f7fb, font size: 28.5pt (38px), font weight: bold). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Watch</span>",
"target": [
"#videos > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff5a1f",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<span style=\"position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px\">SELLING FAST \u2014 82% SOLD</span>",
"target": [
"#tickets > div:nth-child(1) > span"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span style=\"position:absolute;top:12px;left:12px;background:var(--orange);color:#fff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px\">SELLING FAST \u2014 82% SOLD</span>",
"target": [
"#tickets > div:nth-child(1) > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff5a1f",
"contrastRatio": 3.11,
"fontSize": "10.5pt (14px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn btn-orange\" onclick=\"alert('\ud83c\udf9f\ufe0f Tickets added! Section 112, Row 8 \u2014 $49 each. Proceed to secure checkout.')\">Buy Tickets</button>",
"target": [
"#tickets > div:nth-child(2) > div > .btn-orange.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn btn-orange\" onclick=\"alert('\ud83c\udf9f\ufe0f Tickets added! Section 112, Row 8 \u2014 $49 each. Proceed to secure checkout.')\">Buy Tickets</button>",
"target": [
"#tickets > div:nth-child(2) > div > .btn-orange.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ffffff, background color: #ff5a1f, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Official Store</span>",
"target": [
"#shop > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f59e0b",
"bgColor": "#ffffff",
"contrastRatio": 2.14,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"shop-card\">",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"color:#F59E0B;font-size:13px\">\u2605\u2605\u2605\u2605\u2605 (2,847 reviews)</p>",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(1) > div > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f59e0b",
"bgColor": "#ffffff",
"contrastRatio": 2.14,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"shop-card\">",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"color:#F59E0B;font-size:13px\">\u2605\u2605\u2605\u2605\u2605 (1,932 reviews) \u2022 Limited</p>",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(2) > div > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#999999",
"bgColor": "#ffffff",
"contrastRatio": 2.84,
"fontSize": "10.5pt (14px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"shop-card\">",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<s style=\"color:#999;font-size:14px\">$109</s>",
"target": [
"s"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.84 (foreground color: #999999, background color: #ffffff, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#f59e0b",
"bgColor": "#ffffff",
"contrastRatio": 2.14,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"shop-card\">",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"color:#F59E0B;font-size:13px\">\u2605\u2605\u2605\u2605\u2605 (684 reviews) \u2022 Certificate incl.</p>",
"target": [
"#shop > .shop-grid > .shop-card:nth-child(3) > div > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.14 (foreground color: #f59e0b, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#ffffff",
"contrastRatio": 3.11,
"fontSize": "9.0pt (12px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<body>",
"target": [
"body"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"label\">Fan Club Stories</span>",
"target": [
".section:nth-child(8) > .sec-head > div > .label"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.11 (foreground color: #ff5a1f, background color: #ffffff, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffefe9",
"bgColor": "#ff5a1f",
"contrastRatio": 2.78,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"cta\" id=\"join\">",
"target": [
"#join"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.78 (foreground color: #ffefe9, background color: #ff5a1f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<p style=\"opacity:.9;margin-top:8px\">Daily newsletter \u2022 Breaking alerts \u2022 20% off first merch order</p>",
"target": [
"#join > div > p"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.78 (foreground color: #ffefe9, background color: #ff5a1f, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ff5a1f",
"bgColor": "#f5f5f6",
"contrastRatio": 2.86,
"fontSize": "18.0pt (24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header>",
"target": [
"header"
]
},
{
"html": "<section class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 2.86 (foreground color: #ff5a1f, background color: #f5f5f6, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<i>PULSE</i>",
"target": [
".logo[href=\"#\"] > .logo-name > i"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 2.86 (foreground color: #ff5a1f, background color: #f5f5f6, font size: 18.0pt (24px), font weight: bold). Expected contrast ratio of 3:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6b7280",
"bgColor": "#f5f5f6",
"contrastRatio": 4.43,
"fontSize": "7.9pt (10.5px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header>",
"target": [
"header"
]
},
{
"html": "<section class=\"hero\">",
"target": [
".hero"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.43 (foreground color: #6b7280, background color: #f5f5f6, font size: 7.9pt (10.5px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>WHERE EVERY SECOND COUNTS</small>",
"target": [
".logo-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.43 (foreground color: #6b7280, background color: #f5f5f6, font size: 7.9pt (10.5px), font weight: bold). 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://picsum.photos/100/100?random=40\">",
"target": [
".match:nth-child(1) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=41\">",
"target": [
".match:nth-child(1) > .team-row:nth-child(3) > .team > img"
],
"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://picsum.photos/100/100?random=43\">",
"target": [
".match:nth-child(2) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=44\">",
"target": [
".match:nth-child(2) > .team-row:nth-child(3) > .team > img"
],
"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://picsum.photos/100/100?random=46\">",
"target": [
".match:nth-child(3) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=47\">",
"target": [
".match:nth-child(3) > .team-row:nth-child(3) > .team > img"
],
"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://picsum.photos/100/100?random=49\">",
"target": [
".match:nth-child(4) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=50\">",
"target": [
".match:nth-child(4) > .team-row:nth-child(3) > .team > img"
],
"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://picsum.photos/100/100?random=52\">",
"target": [
".match:nth-child(5) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=53\">",
"target": [
".match:nth-child(5) > .team-row:nth-child(3) > .team > img"
],
"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://picsum.photos/100/100?random=55\">",
"target": [
".match:nth-child(6) > .team-row:nth-child(2) > .team > img"
],
"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://picsum.photos/100/100?random=56\">",
"target": [
".match:nth-child(6) > .team-row:nth-child(3) > .team > img"
],
"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 class=\"cover\" src=\"https://picsum.photos/800/600?random=21\">",
"target": [
".featured-card > .cover"
],
"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 class=\"cover\" src=\"https://picsum.photos/700/500?random=22\">",
"target": [
"article:nth-child(2) > .cover"
],
"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 class=\"cover\" src=\"https://picsum.photos/700/500?random=23\">",
"target": [
"article:nth-child(3) > .cover"
],
"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 class=\"cover\" src=\"https://picsum.photos/700/500?random=24\">",
"target": [
"article:nth-child(4) > .cover"
],
"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 class=\"cover\" src=\"https://picsum.photos/700/500?random=25\">",
"target": [
"article:nth-child(5) > .cover"
],
"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/100?u=player1\">",
"target": [
".rumor-item:nth-child(1) > img"
],
"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/100?u=player2\">",
"target": [
".rumor-item:nth-child(2) > img"
],
"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/100?u=player3\">",
"target": [
".rumor-item:nth-child(3) > img"
],
"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://picsum.photos/500/500?random=31\">",
"target": [
".player:nth-child(1) > img"
],
"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://picsum.photos/500/500?random=32\">",
"target": [
".player:nth-child(2) > img"
],
"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://picsum.photos/500/500?random=33\">",
"target": [
".player:nth-child(3) > img"
],
"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://picsum.photos/500/500?random=34\">",
"target": [
".player:nth-child(4) > img"
],
"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/100?u=curry\">",
"target": [
"button[onclick=\"togglePlayer(0)\"] > img"
],
"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/100?u=tatum\">",
"target": [
"button[onclick=\"togglePlayer(1)\"] > img"
],
"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/100?u=lebron\">",
"target": [
"button[onclick=\"togglePlayer(2)\"] > img"
],
"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/100?u=jokic\">",
"target": [
"button[onclick=\"togglePlayer(3)\"] > img"
],
"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/100?u=luka\">",
"target": [
"button[onclick=\"togglePlayer(4)\"] > img"
],
"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/100?u=reed\">",
"target": [
".selected > img"
],
"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://picsum.photos/700/500?random=41\">",
"target": [
".shop-card:nth-child(1) > div:nth-child(1) > img"
],
"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://picsum.photos/700/500?random=42\">",
"target": [
".shop-card:nth-child(2) > div:nth-child(1) > img"
],
"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://picsum.photos/700/500?random=43\">",
"target": [
"#tickets > div:nth-child(1) > img"
],
"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://placehold.co/700x500/0E1836/FFFFFF?text=PREMIUM+JERSEY+2026&font=poppins\">",
"target": [
".shop-card:nth-child(1) > img"
],
"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://placehold.co/700x500/FF5A1F/FFFFFF?text=APEX+CAP+%2B+HOODIE&font=poppins\">",
"target": [
".shop-card:nth-child(2) > img"
],
"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://placehold.co/700x500/C6FF3E/111827?text=SIGNED+COLLECTIBLES&font=poppins\">",
"target": [
".shop-card:nth-child(3) > img"
],
"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/100?u=fan1\">",
"target": [
".testi:nth-child(1) > .person > img"
],
"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/100?u=fan2\">",
"target": [
".testi:nth-child(2) > .person > img"
],
"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/100?u=fan3\">",
"target": [
".testi:nth-child(3) > .person > img"
],
"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://placehold.co/46x46/FF5A1F/FFFFFF?text=AP&font=poppins\" style=\"border-radius:9px\">",
"target": [
".foot > div:nth-child(1) > .logo > img"
],
"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\""
}
]
},
{
"id": "target-size",
"impact": "serious",
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 9.3,
"height": 32.4
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (9.3px by 32.4px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 23.4,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\" style=\"display:inline\">\ud83d\udcf7</a>",
"target": [
".foot > div:nth-child(1) > div:nth-child(4) > a[href=\"#\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.4px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" style=\"display:inline\">\ud835\udd4f</a>",
"target": [
"div:nth-child(4) > a[href=\"#\"]:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (9.3px by 32.4px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.4px instead of at least 24px."
},
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 18,
"height": 32.4
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (18px by 32.4px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 23.4,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\" style=\"display:inline\">\ud835\udd4f</a>",
"target": [
"div:nth-child(4) > a[href=\"#\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.4px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\" style=\"display:inline\">\ud83d\udcf7</a>",
"target": [
".foot > div:nth-child(1) > div:nth-child(4) > a[href=\"#\"]:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (18px by 32.4px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23.4px instead of at least 24px."
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 7520
},
{
"y": 576,
"height": 7520
},
{
"y": 1152,
"height": 7520
},
{
"y": 1728,
"height": 7520
},
{
"y": 2304,
"height": 7520
},
{
"y": 2880,
"height": 7520
},
{
"y": 3456,
"height": 7520
},
{
"y": 4032,
"height": 7520
},
{
"y": 4608,
"height": 7520
},
{
"y": 5184,
"height": 7520
},
{
"y": 5760,
"height": 7520
},
{
"y": 6336,
"height": 7520
},
{
"y": 6800,
"height": 7520
}
],
"scans": 14,
"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 "Sports" 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: "Sports"
- Description: Sports news, team updates, scores, events, and athletic resources.
**Your Creative Task:**
1. **Invent:** Create a unique, professional-sounding site name and a strong tagline fitting the "Sports" category.
2. **Define Page:** Determine the most effective primary page type (e.g., homepage, service landing page, category portal) to showcase this fictional entity.
3. **Design:** Develop an opinionated, modern, and professional layout. Make distinct choices about structure and flow.
**Content & Structure Requirements (Deliver a COMPLETE page):**
- **Overall:** The final page must feel substantial and complete, with realistic amounts of text (multiple paragraphs per section where appropriate, avoid single sentences), well-integrated placeholder images, and logical flow. It should look like a real website a business would proudly use.
- **HEADER:** Include the invented site name, tagline, a logo placeholder image, and a primary navigation bar. Ensure the navigation has **at least 5-7 clearly defined, relevant links** including: "Shop", "Tickets", "Videos".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Sports" category. Consider themes similar to: "Team News", "Trade Rumors", "Draft Coverage".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "sports analytics", "game strategy", "season record".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Join Fan Club", "Watch Game", "Buy Tickets".
- **ENGAGEMENT (Recommended):** Strongly consider incorporating **one meaningful interactive element** that would genuinely benefit a user in the "Sports" sector. Ideas similar but not limited to: "fantasy league".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "league standings", "upcoming games", "game highlights".
- **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.