DeepSeek DeepSeek V4.1 Flash 1017 – Sports
via DeepInfra · Generated
- AIMAC Debt 8.12
- Cost $0.009
- Total Violations 77
- HTML Size 79 KB
- Em Dashes 20
Screenshot
View Live Page
Accessibility Issues Found
77 Serious
-
color-contrast serious 76 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<div class="meta">Scouting · 6 min read</div> -
scrollable-region-focusable serious 1 instance
Scrollable region must have keyboard access
Example HTML
<div class="ticker-scroll">
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>CLUTCHLINE — Live Scores, Sharp Analysis & the Stories Behind the Athletes</title>
<meta name="description" content="CLUTCHLINE delivers live scores, breaking team news, in-depth analysis, video breakdowns, schedules and athlete stories across basketball, football, soccer and hockey.">
<link rel="icon" href="https://placehold.co/64x64/0a0c0e/d8ff3e?text=CL&font=oswald">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
/* ============ RESET & TOKENS ============ */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font:inherit;}
:root{
--bg:#0a0c0e;
--surface:#111519;
--surface-2:#171d22;
--surface-3:#1d242a;
--line:rgba(255,255,255,.09);
--line-strong:rgba(255,255,255,.16);
--text:#eef2f5;
--muted:#94a1ac;
--muted-2:#6d7a85;
--volt:#d8ff3e;
--volt-soft:rgba(216,255,62,.12);
--live:#ff4433;
--radius:16px;
--radius-sm:10px;
--shadow:0 24px 60px -30px rgba(0,0,0,.9);
--maxw:1260px;
}
body{
background:var(--bg);
color:var(--text);
font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
font-size:16px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
background-image:
radial-gradient(900px 500px at 82% -8%, rgba(216,255,62,.07), transparent 60%),
radial-gradient(700px 420px at 6% 4%, rgba(255,68,51,.06), transparent 62%);
background-repeat:no-repeat;
}
h1,h2,h3,h4,h5{
font-family:'Oswald',Impact,sans-serif;
font-weight:600;
line-height:1.1;
letter-spacing:.005em;
margin:0;
text-transform:uppercase;
}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:4px;}
/* ============ BUTTONS ============ */
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:9px;
padding:12px 22px;border-radius:100px;border:1px solid transparent;
font-size:.82rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn--primary{background:var(--volt);color:#0a0c0e;}
.btn--primary:hover{background:#e4ff6b;}
.btn--ghost{border-color:var(--line-strong);color:var(--text);background:rgba(255,255,255,.03);}
.btn--ghost:hover{border-color:var(--volt);color:var(--volt);}
.btn--dark{background:#0a0c0e;color:var(--text);}
.btn--dark:hover{background:#000;}
.btn--sm{padding:9px 16px;font-size:.72rem;}
/* ============ TICKER ============ */
.ticker{
background:#05070a;border-bottom:1px solid var(--line);
font-size:.76rem;letter-spacing:.03em;
}
.ticker-inner{display:flex;align-items:stretch;gap:0;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.ticker-label{
display:flex;align-items:center;gap:8px;flex:0 0 auto;
padding:9px 16px 9px 0;margin-right:16px;
font-weight:800;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--live);
border-right:1px solid var(--line);
}
.dot-live{
width:7px;height:7px;border-radius:50%;background:var(--live);
box-shadow:0 0 0 0 rgba(255,68,51,.7);animation:pulse 1.9s infinite;
}
@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(255,68,51,.65);}
70%{box-shadow:0 0 0 9px rgba(255,68,51,0);}
100%{box-shadow:0 0 0 0 rgba(255,68,51,0);}
}
.ticker-scroll{
display:flex;align-items:center;gap:26px;overflow-x:auto;padding:9px 0;
scrollbar-width:none;
}
.ticker-scroll::-webkit-scrollbar{display:none;}
.ticker-item{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--muted);}
.ticker-item b{color:var(--text);font-weight:600;}
.ticker-item .score{color:var(--volt);font-weight:700;font-variant-numeric:tabular-nums;}
.ticker-item .tag{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);}
/* ============ HEADER ============ */
.site-header{
position:sticky;top:0;z-index:80;
background:rgba(10,12,14,.88);
backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:26px;padding:13px 0;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto;}
.brand img{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);}
.brand-name{
font-family:'Oswald',sans-serif;font-size:1.42rem;font-weight:700;
letter-spacing:.11em;text-transform:uppercase;line-height:1;
}
.brand-name span{color:var(--volt);}
.brand-tag{font-size:.68rem;color:var(--muted);letter-spacing:.03em;margin-top:4px;line-height:1.2;}
.primary-nav{display:flex;align-items:center;gap:24px;margin-left:auto;}
.primary-nav a{
position:relative;font-size:.83rem;font-weight:500;color:var(--muted);
text-decoration:none;letter-spacing:.03em;padding:6px 0;transition:color .16s ease;
}
.primary-nav a::after{
content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--volt);
transition:right .22s ease;
}
.primary-nav a:hover{color:var(--text);}
.primary-nav a:hover::after{right:0;}
.header-cta{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.nav-toggle{
display:none;background:transparent;border:1px solid var(--line-strong);color:var(--text);
width:42px;height:42px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;
}
.nav-toggle svg{width:20px;height:20px;}
/* ============ HERO ============ */
.hero{padding:34px 0 10px;}
.hero-grid{display:grid;grid-template-columns:1.62fr 1fr;gap:22px;}
.hero-main{
position:relative;border-radius:var(--radius);overflow:hidden;
border:1px solid var(--line);min-height:520px;display:flex;align-items:flex-end;
background:var(--surface-2);box-shadow:var(--shadow);
}
.hero-main > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1);}
.hero-main:hover > img{transform:scale(1.04);}
.hero-main::after{
content:"";position:absolute;inset:0;
background:linear-gradient(to top,rgba(5,7,10,.96) 6%,rgba(5,7,10,.72) 40%,rgba(5,7,10,.12) 72%,rgba(5,7,10,.35) 100%);
}
.hero-content{position:relative;z-index:2;padding:34px 36px;max-width:760px;}
.kicker{
display:inline-flex;align-items:center;gap:8px;
font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
color:var(--volt);background:rgba(216,255,62,.1);border:1px solid rgba(216,255,62,.3);
padding:6px 12px;border-radius:100px;
}
.hero-content h1{font-size:clamp(1.9rem,3.4vw,3rem);margin:16px 0 14px;letter-spacing:.005em;}
.hero-content p{color:#c8d2da;font-size:1rem;max-width:60ch;}
.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;font-size:.76rem;color:var(--muted);letter-spacing:.04em;}
.hero-meta .sep{width:4px;height:4px;border-radius:50%;background:var(--muted-2);}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.hero-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px;}
.mini-card{
display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:center;
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);
padding:12px;text-decoration:none;transition:border-color .2s ease,transform .2s ease,background .2s ease;
}
.mini-card:hover{border-color:rgba(216,255,62,.45);transform:translateY(-2px);background:var(--surface-2);}
.mini-card img{width:104px;height:78px;object-fit:cover;border-radius:8px;}
.mini-card .cat{font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--volt);}
.mini-card h3{font-size:1rem;margin:6px 0 0;line-height:1.22;letter-spacing:.005em;}
.mini-card .meta{font-size:.7rem;color:var(--muted-2);margin-top:7px;letter-spacing:.04em;}
/* ============ SECTION SHELL ============ */
.section{padding:66px 0;}
.section--tight{padding:44px 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap;}
.eyebrow{
display:flex;align-items:center;gap:10px;
font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--volt);
margin-bottom:12px;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--volt);display:block;}
.section-head h2{font-size:clamp(1.55rem,2.6vw,2.15rem);}
.section-head p.lede{color:var(--muted);max-width:56ch;margin-top:10px;font-size:.95rem;}
.view-all{
font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
color:var(--text);text-decoration:none;border-bottom:1px solid var(--line-strong);
padding-bottom:4px;transition:color .18s ease,border-color .18s ease;white-space:nowrap;
}
.view-all:hover{color:var(--volt);border-color:var(--volt);}
/* ============ MATCH CENTER ============ */
.matchcenter{
background:linear-gradient(180deg,var(--surface) 0%,rgba(17,21,25,.35) 100%);
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;}
.filter-tab{
background:transparent;border:1px solid var(--line-strong);color:var(--muted);
padding:9px 18px;border-radius:100px;font-size:.74rem;font-weight:700;
letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
transition:all .18s ease;
}
.filter-tab:hover{color:var(--text);border-color:var(--text);}
.filter-tab.is-active{background:var(--volt);border-color:var(--volt);color:#0a0c0e;}
.scores-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.score-card{
background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);
padding:18px 18px 0;transition:border-color .2s ease,transform .2s ease;
display:flex;flex-direction:column;
}
.score-card:hover{border-color:rgba(216,255,62,.4);transform:translateY(-3px);}
.score-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;}
.league{font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);}
.status{display:inline-flex;align-items:center;gap:6px;font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}
.status.live{color:var(--live);}
.status.live .dot-live{width:6px;height:6px;}
.status.final{color:var(--muted);}
.team-row{display:flex;align-items:center;gap:12px;padding:9px 0;}
.team-row + .team-row{border-top:1px dashed rgba(255,255,255,.07);}
.team-row img{width:34px;height:34px;border-radius:9px;flex:0 0 auto;}
.team-name{font-size:.9rem;font-weight:600;flex:1 1 auto;line-height:1.2;}
.team-name small{display:block;font-size:.66rem;color:var(--muted-2);font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;}
.team-score{font-family:'Oswald',sans-serif;font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;}
.team-row.is-winner .team-score{color:var(--volt);}
.score-foot{
display:flex;align-items:center;justify-content:space-between;gap:12px;
margin:14px -18px 0;padding:11px 18px;border-top:1px solid var(--line);
font-size:.68rem;color:var(--muted-2);letter-spacing:.04em;
}
.score-foot a{
color:var(--volt);text-decoration:none;font-weight:800;font-size:.68rem;
letter-spacing:.11em;text-transform:uppercase;
}
.score-foot a:hover{text-decoration:underline;}
/* ============ NEWS GRID ============ */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-card{
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
overflow:hidden;text-decoration:none;display:flex;flex-direction:column;
transition:border-color .22s ease,transform .22s ease;
}
.news-card:hover{border-color:rgba(216,255,62,.42);transform:translateY(-4px);}
.news-card .thumb{position:relative;overflow:hidden;}
.news-card .thumb img{width:100%;height:200px;object-fit:cover;transition:transform .6s ease;}
.news-card:hover .thumb img{transform:scale(1.06);}
.thumb-tag{
position:absolute;top:12px;left:12px;background:rgba(5,7,10,.82);backdrop-filter:blur(6px);
color:var(--volt);font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
padding:5px 10px;border-radius:100px;border:1px solid rgba(216,255,62,.3);
}
.news-card .body{padding:20px;display:flex;flex-direction:column;flex:1 1 auto;}
.news-card h3{font-size:1.14rem;line-height:1.22;letter-spacing:.005em;}
.news-card p{color:var(--muted);font-size:.87rem;margin-top:10px;line-height:1.6;}
.news-card .meta{
margin-top:auto;padding-top:16px;font-size:.7rem;color:var(--muted-2);
letter-spacing:.05em;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.news-card .meta .sep{width:3px;height:3px;border-radius:50%;background:var(--muted-2);}
/* ============ LAYOUT WITH SIDEBAR ============ */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:34px;align-items:start;}
.analysis-list{display:flex;flex-direction:column;gap:0;}
.analysis-item{
display:grid;grid-template-columns:190px 1fr;gap:20px;padding:20px 0;
border-bottom:1px solid var(--line);text-decoration:none;align-items:center;
transition:background .2s ease;
}
.analysis-item:first-child{padding-top:0;}
.analysis-item:last-child{border-bottom:0;padding-bottom:0;}
.analysis-item img{width:190px;height:126px;object-fit:cover;border-radius:10px;transition:transform .4s ease;}
.analysis-item:hover img{transform:scale(1.03);}
.analysis-item .cat{font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--volt);}
.analysis-item h3{font-size:1.16rem;margin:7px 0 8px;line-height:1.2;transition:color .18s ease;}
.analysis-item:hover h3{color:var(--volt);}
.analysis-item p{font-size:.85rem;color:var(--muted);margin:0;}
.analysis-item .meta{font-size:.7rem;color:var(--muted-2);margin-top:10px;letter-spacing:.05em;}
/* ============ SIDEBAR CARDS ============ */
.side-card{
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
padding:22px;margin-bottom:20px;
}
.side-card:last-child{margin-bottom:0;}
.side-card h3{
font-size:1rem;letter-spacing:.09em;margin-bottom:4px;
}
.side-card .side-sub{font-size:.7rem;color:var(--muted-2);letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px;}
.performer{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);}
.performer:last-child{border-bottom:0;padding-bottom:0;}
.performer img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line-strong);}
.performer .p-info{flex:1 1 auto;min-width:0;}
.performer .p-name{font-size:.86rem;font-weight:600;line-height:1.2;}
.performer .p-team{font-size:.68rem;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;margin-top:2px;}
.performer .p-stat{font-family:'Oswald',sans-serif;font-size:1.06rem;color:var(--volt);font-weight:600;text-align:right;line-height:1.1;}
.performer .p-stat small{display:block;font-family:'Inter',sans-serif;font-size:.6rem;color:var(--muted-2);letter-spacing:.1em;font-weight:600;margin-top:2px;}
.standings{width:100%;border-collapse:collapse;font-size:.82rem;}
.standings th{
text-align:left;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;
color:var(--muted-2);font-weight:800;padding:0 0 10px;border-bottom:1px solid var(--line);
}
.standings th:last-child,.standings td:last-child{text-align:right;}
.standings td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.standings tr:last-child td{border-bottom:0;}
.standings td.team{font-weight:600;}
.standings td.rec{color:var(--muted);font-variant-numeric:tabular-nums;}
.standings td.pts{font-family:'Oswald',sans-serif;font-size:.95rem;color:var(--volt);font-variant-numeric:tabular-nums;}
.podcast-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;}
.podcast-item:last-child{border-bottom:0;padding-bottom:0;}
.podcast-item img{width:56px;height:56px;border-radius:8px;flex:0 0 auto;object-fit:cover;}
.podcast-item .ep{font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--volt);}
.podcast-item .title{font-size:.84rem;font-weight:600;line-height:1.3;margin-top:3px;}
.podcast-item .dur{font-size:.68rem;color:var(--muted-2);margin-top:5px;letter-spacing:.05em;}
.podcast-item:hover .title{color:var(--volt);}
/* ============ NUMBERS / STATS ============ */
.numbers-band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.record-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px;}
.record{
background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);
padding:22px;position:relative;overflow:hidden;
}
.record::before{
content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--volt);
}
.record .num{font-family:'Oswald',sans-serif;font-size:2.35rem;font-weight:600;line-height:1;color:var(--volt);letter-spacing:.01em;}
.record .lbl{font-size:.72rem;color:var(--muted);margin-top:8px;letter-spacing:.06em;line-height:1.4;}
.table-wrap{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;}
.stat-table{width:100%;border-collapse:collapse;font-size:.87rem;}
.stat-table thead th{
text-align:left;padding:15px 18px;font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;
color:var(--muted-2);font-weight:800;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);
white-space:nowrap;
}
.stat-table tbody td{padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle;}
.stat-table tbody tr:last-child td{border-bottom:0;}
.stat-table tbody tr:hover{background:rgba(216,255,62,.045);}
.stat-table .rank{color:var(--muted-2);font-variant-numeric:tabular-nums;font-weight:700;width:44px;}
.stat-table .player{display:flex;align-items:center;gap:11px;font-weight:600;white-space:nowrap;}
.stat-table .player img{width:32px;height:32px;border-radius:50%;object-fit:cover;}
.stat-table .num-cell{font-variant-numeric:tabular-nums;color:var(--muted);}
.stat-table .num-cell.hl{color:var(--volt);font-weight:700;}
/* ============ VIDEOS ============ */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.video-card{text-decoration:none;display:block;group:video;}
.video-thumb{
position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
aspect-ratio:16/10;background:var(--surface-2);
}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.video-card:hover .video-thumb img{transform:scale(1.07);}
.video-thumb::after{
content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,10,.7),transparent 55%);
}
.play-btn{
position:absolute;z-index:2;inset:0;margin:auto;width:52px;height:52px;border-radius:50%;
background:rgba(216,255,62,.92);display:flex;align-items:center;justify-content:center;
transition:transform .22s ease,background .22s ease;
}
.play-btn svg{width:18px;height:18px;fill:#0a0c0e;margin-left:3px;}
.video-card:hover .play-btn{transform:scale(1.12);background:var(--volt);}
.video-dur{
position:absolute;z-index:2;right:10px;bottom:10px;background:rgba(5,7,10,.85);
font-size:.65rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px;
}
.video-card h3{font-size:.95rem;margin-top:14px;line-height:1.28;transition:color .18s ease;}
.video-card:hover h3{color:var(--volt);}
.video-card .vmeta{font-size:.68rem;color:var(--muted-2);margin-top:8px;letter-spacing:.05em;}
/* ============ SCHEDULE + POLL ============ */
.two-col{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:34px;align-items:start;}
.schedule-item{
display:grid;grid-template-columns:74px 1fr auto;gap:18px;align-items:center;
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
padding:16px 18px;margin-bottom:12px;transition:border-color .2s ease,transform .2s ease;
}
.schedule-item:hover{border-color:rgba(216,255,62,.4);transform:translateX(3px);}
.date-chip{
text-align:center;background:var(--surface-3);border-radius:10px;padding:8px 4px;
border:1px solid var(--line);
}
.date-chip .d{font-family:'Oswald',sans-serif;font-size:1.3rem;line-height:1;color:var(--volt);font-weight:600;}
.date-chip .m{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-top:3px;}
.schedule-info .matchup{font-size:.96rem;font-weight:600;line-height:1.25;}
.schedule-info .venue{font-size:.72rem;color:var(--muted-2);margin-top:5px;letter-spacing:.05em;}
.schedule-info .league-tag{
display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
color:var(--volt);background:var(--volt-soft);border-radius:100px;padding:3px 9px;margin-bottom:7px;
}
.poll{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
.poll h3{font-size:1.18rem;line-height:1.2;}
.poll .poll-sub{font-size:.82rem;color:var(--muted);margin:8px 0 20px;}
.poll-option{
position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;
width:100%;text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--line);
border-radius:10px;padding:13px 15px;margin-bottom:10px;cursor:pointer;overflow:hidden;
color:var(--text);font-size:.86rem;font-weight:600;transition:border-color .2s ease,background .2s ease;
}
.poll-option:hover:not(:disabled){border-color:var(--volt);background:rgba(216,255,62,.07);}
.poll-option:disabled{cursor:default;}
.poll-bar{
position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(216,255,62,.14);
transition:width .7s cubic-bezier(.2,.7,.3,1);z-index:0;
}
.poll-label,.poll-pct{position:relative;z-index:1;}
.poll-pct{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;font-size:.8rem;}
.poll-option.is-picked{border-color:var(--volt);}
.poll-option.is-picked .poll-pct{color:var(--volt);}
.poll-note{font-size:.72rem;color:var(--muted-2);margin-top:14px;letter-spacing:.03em;}
/* ============ TESTIMONIALS ============ */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testimonial{
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
padding:26px;display:flex;flex-direction:column;position:relative;
}
.testimonial::before{
content:"“";position:absolute;top:6px;right:22px;font-family:'Oswald',sans-serif;
font-size:4.5rem;line-height:1;color:rgba(216,255,62,.16);
}
.stars{color:var(--volt);letter-spacing:.18em;font-size:.8rem;margin-bottom:14px;}
.testimonial blockquote{margin:0;font-size:.92rem;color:#cdd6dd;line-height:1.65;}
.testimonial .who{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);}
.testimonial .who img{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.testimonial .who .n{font-size:.85rem;font-weight:600;line-height:1.2;}
.testimonial .who .r{font-size:.68rem;color:var(--muted-2);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;}
/* ============ NEWSLETTER ============ */
.newsletter{
background:linear-gradient(120deg,#141a12 0%,#0d1113 55%,#0a0c0e 100%);
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
position:relative;overflow:hidden;
}
.newsletter::before{
content:"";position:absolute;right:-120px;top:-140px;width:480px;height:480px;border-radius:50%;
background:radial-gradient(circle,rgba(216,255,62,.18),transparent 66%);
}
.newsletter-inner{
position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;
align-items:center;padding:60px 0;
}
.newsletter h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.08;}
.newsletter h2 span{color:var(--volt);}
.newsletter p{color:var(--muted);margin-top:14px;max-width:48ch;}
.newsletter-form{display:flex;gap:10px;flex-wrap:wrap;}
.newsletter-form input{
flex:1 1 220px;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--line-strong);
color:var(--text);padding:14px 18px;border-radius:100px;font-size:.9rem;
}
.newsletter-form input::placeholder{color:var(--muted-2);}
.newsletter-form input:focus{outline:none;border-color:var(--volt);background:rgba(216,255,62,.06);}
.newsletter .fine{font-size:.7rem;color:var(--muted-2);margin-top:14px;letter-spacing:.03em;}
/* ============ FAQ ============ */
.faq-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:44px;align-items:start;}
.faq-list{display:flex;flex-direction:column;gap:10px;}
details.faq{
background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);
padding:0 20px;transition:border-color .2s ease,background .2s ease;
}
details.faq[open]{border-color:rgba(216,255,62,.4);background:var(--surface-2);}
details.faq summary{
list-style:none;cursor:pointer;padding:18px 0;display:flex;align-items:center;gap:16px;
font-size:.95rem;font-weight:600;line-height:1.35;
}
details.faq summary::-webkit-details-marker{display:none;}
details.faq summary::after{
content:"+";margin-left:auto;font-family:'Oswald',sans-serif;font-size:1.35rem;color:var(--volt);
line-height:1;transition:transform .25s ease;flex:0 0 auto;
}
details.faq[open] summary::after{content:"–";}
details.faq .answer{padding:0 0 20px;font-size:.88rem;color:var(--muted);line-height:1.7;}
/* ============ FOOTER ============ */
.site-footer{background:#05070a;border-top:1px solid var(--line);padding-top:60px;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:48px;}
.footer-brand .brand{margin-bottom:16px;}
.footer-brand p{font-size:.85rem;color:var(--muted);max-width:34ch;line-height:1.7;}
.socials{display:flex;gap:10px;margin-top:20px;}
.socials a{
width:38px;height:38px;border-radius:10px;border:1px solid var(--line-strong);
display:flex;align-items:center;justify-content:center;color:var(--muted);
transition:all .2s ease;
}
.socials a:hover{color:#0a0c0e;background:var(--volt);border-color:var(--volt);transform:translateY(-2px);}
.socials svg{width:17px;height:17px;fill:currentColor;}
.footer-col h4{
font-size:.72rem;letter-spacing:.16em;color:var(--text);margin-bottom:16px;
}
.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:.85rem;color:var(--muted);text-decoration:none;transition:color .18s ease;}
.footer-col a:hover{color:var(--volt);}
.footer-contact li{font-size:.85rem;color:var(--muted);line-height:1.6;}
.footer-contact strong{display:block;color:var(--text);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;margin-bottom:4px;font-weight:700;}
.footer-bottom{
border-top:1px solid var(--line);padding:22px 0;display:flex;align-items:center;
justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.76rem;color:var(--muted-2);
}
.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap;}
.footer-bottom nav a{color:var(--muted-2);text-decoration:none;transition:color .18s ease;}
.footer-bottom nav a:hover{color:var(--volt);}
/* ============ RESPONSIVE ============ */
@media (max-width:1080px){
.hero-grid{grid-template-columns:1fr;}
.hero-main{min-height:440px;}
.hero-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr);}
.mini-card{grid-template-columns:1fr;}
.mini-card img{width:100%;height:110px;}
.scores-grid{grid-template-columns:repeat(2,1fr);}
.news-grid{grid-template-columns:repeat(2,1fr);}
.video-grid{grid-template-columns:repeat(2,1fr);}
.record-strip{grid-template-columns:repeat(2,1fr);}
.layout{grid-template-columns:1fr;}
.two-col{grid-template-columns:1fr;}
.testimonials{grid-template-columns:1fr;}
.newsletter-inner{grid-template-columns:1fr;gap:28px;padding:48px 0;}
.faq-grid{grid-template-columns:1fr;gap:28px;}
.footer-grid{grid-template-columns:1fr 1fr;gap:34px;}
.primary-nav{display:none;}
.nav-toggle{display:flex;}
.primary-nav.is-open{
display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;
align-items:flex-start;gap:0;background:#0d1114;border-bottom:1px solid var(--line);
padding:12px 24px 20px;margin-left:0;
}
.primary-nav.is-open a{padding:12px 0;width:100%;border-bottom:1px solid rgba(255,255,255,.06);font-size:.95rem;}
.primary-nav.is-open a::after{display:none;}
.header-inner{position:relative;}
}
@media (max-width:760px){
.container{padding:0 18px;}
.ticker-inner{padding:0 18px;}
.section{padding:48px 0;}
.hero{padding:22px 0 0;}
.hero-main{min-height:400px;}
.hero-content{padding:24px;}
.hero-side{grid-template-columns:1fr;}
.mini-card{grid-template-columns:104px 1fr;}
.mini-card img{width:104px;height:78px;}
.scores-grid{grid-template-columns:1fr;}
.news-grid{grid-template-columns:1fr;}
.video-grid{grid-template-columns:1fr;}
.record-strip{grid-template-columns:1fr;}
.analysis-item{grid-template-columns:1fr;gap:14px;}
.analysis-item img{width:100%;height:180px;}
.schedule-item{grid-template-columns:64px 1fr;row-gap:12px;}
.schedule-item .btn{grid-column:1 / -1;justify-self:start;}
.brand-tag{display:none;}
.header-cta .btn span{display:none;}
.footer-grid{grid-template-columns:1fr;}
.stat-table thead th:nth-child(n+5),
.stat-table tbody td:nth-child(n+5){display:none;}
.stat-table thead th,.stat-table tbody td{padding:12px 14px;}
}
</style>
</head>
<body>
<!-- ================= LIVE TICKER ================= -->
<div class="ticker" aria-label="Live scores ticker">
<div class="ticker-inner">
<span class="ticker-label"><span class="dot-live" aria-hidden="true"></span> Live</span>
<div class="ticker-scroll">
<span class="ticker-item"><span class="tag">NBA</span> <b>Northgate</b> <span class="score">112</span> – <span class="score">108</span> <b>Metro</b> <span class="tag">Final/OT</span></span>
<span class="ticker-item"><span class="tag">NFL</span> <b>Harbor City</b> <span class="score">24</span> – <span class="score">17</span> <b>Westbrook</b> <span class="tag">Q3 2:41</span></span>
<span class="ticker-item"><span class="tag">MLS</span> <b>Portside</b> <span class="score">2</span> – <span class="score">2</span> <b>Ridgeview</b> <span class="tag">78'</span></span>
<span class="ticker-item"><span class="tag">NHL</span> <b>Granite Bluff</b> <span class="score">3</span> – <span class="score">1</span> <b>Cedar Point</b> <span class="tag">2nd 6:14</span></span>
<span class="ticker-item"><span class="tag">WNBA</span> <b>Lakeside</b> <span class="score">88</span> – <span class="score">91</span> <b>Alder Bay</b> <span class="tag">Final</span></span>
<span class="ticker-item"><span class="tag">NCAA</span> <b>Ridgemont</b> <span class="score">67</span> – <span class="score">64</span> <b>Calder State</b> <span class="tag">Final</span></span>
</div>
</div>
</div>
<!-- ================= HEADER ================= -->
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="#top" aria-label="CLUTCHLINE home">
<img src="https://placehold.co/92x92/111519/d8ff3e?text=CL&font=oswald" alt="CLUTCHLINE logo" width="46" height="46">
<span>
<span class="brand-name">Clutch<span>line</span></span>
<span class="brand-tag">Scores, stories & the people behind the game</span>
</span>
</a>
<nav class="primary-nav" id="primary-nav" aria-label="Primary navigation">
<a href="#scores">Live Scores</a>
<a href="#news">News</a>
<a href="#videos">Videos</a>
<a href="#schedule">Schedule</a>
<a href="#analysis">Analysis</a>
<a href="#podcast">Podcast</a>
<a href="#numbers">Teams</a>
</nav>
<div class="header-cta">
<a class="btn btn--primary btn--sm" href="#subscribe">Subscribe <span>Free</span></a>
<button class="nav-toggle" id="nav-toggle" aria-expanded="false" aria-controls="primary-nav" aria-label="Toggle navigation">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
<path d="M3 6h18M3 12h18M3 18h18"/>
</svg>
</button>
</div>
</div>
</header>
<main id="top">
<!-- ================= HERO ================= -->
<section class="hero">
<div class="container hero-grid">
<article class="hero-main">
<img src="https://picsum.photos/1200/820" alt="A basketball player rising for a shot under arena lights" width="1200" height="820">
<div class="hero-content">
<span class="kicker">Featured Analysis</span>
<h1>Ravens stun the Conference with a fourth-quarter comeback for the ages</h1>
<p>Down 17 with nine minutes to play, Northgate closed on a 31–9 run behind a bench unit that had scored just eleven points all night. The win extends the league's longest active winning streak to eleven games — and forces every contender in the Conference to rethink how they defend the second unit.</p>
<div class="hero-meta">
<span>By Dana Whitfield</span>
<span class="sep" aria-hidden="true"></span>
<span>Senior NBA Analyst</span>
<span class="sep" aria-hidden="true"></span>
<span>8 min read</span>
<span class="sep" aria-hidden="true"></span>
<span>Updated 22 min ago</span>
</div>
<div class="hero-actions">
<a class="btn btn--primary" href="#analysis">Read Analysis</a>
<a class="btn btn--ghost" href="#videos">
<svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M8 5v14l11-7z"/></svg>
Watch Highlights
</a>
</div>
</div>
</article>
<div class="hero-side">
<a class="mini-card" href="#news">
<img src="https://picsum.photos/400/300" alt="Scouts watching prospects at a draft workout" width="400" height="300">
<div>
<span class="cat">Draft Notebook</span>
<h3>Five prospects whose stock is climbing fast before draft night</h3>
<div class="meta">Scouting · 6 min read</div>
</div>
</a>
<a class="mini-card" href="#analysis">
<img src="https://picsum.photos/401/301" alt="Coaching staff on the sideline reviewing a play" width="400" height="300">
<div>
<span class="cat">Film Room</span>
<h3>Inside the winning streak — and the three flaws that could end it</h3>
<div class="meta">Tactics · 9 min read</div>
</div>
</a>
<a class="mini-card" href="#news">
<img src="https://picsum.photos/402/302" alt="Front office executives meeting in a stadium office" width="400" height="300">
<div>
<span class="cat">Front Office</span>
<h3>The quiet rebuild: how Harbor City turned a losing roster into a contender</h3>
<div class="meta">Feature · 12 min read</div>
</div>
</a>
</div>
</div>
</section>
<!-- ================= MATCH CENTER ================= -->
<section class="section matchcenter" id="scores">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">Match Center</div>
<h2>Live scores & results</h2>
<p class="lede">Every game, every quarter, updated in real time. Filter by league to follow the teams on your board — scores refresh automatically during live windows.</p>
</div>
<a class="view-all" href="#schedule">Full schedule</a>
</div>
<div class="filter-tabs" role="tablist" aria-label="Filter scores by league">
<button class="filter-tab is-active" data-filter="all" role="tab" aria-selected="true">All Sports</button>
<button class="filter-tab" data-filter="basketball" role="tab" aria-selected="false">Basketball</button>
<button class="filter-tab" data-filter="football" role="tab" aria-selected="false">Football</button>
<button class="filter-tab" data-filter="soccer" role="tab" aria-selected="false">Soccer</button>
<button class="filter-tab" data-filter="hockey" role="tab" aria-selected="false">Hockey</button>
</div>
<div class="scores-grid" id="scores-grid">
<article class="score-card" data-league="basketball">
<div class="score-top">
<span class="league">NBA · Regular Season</span>
<span class="status final">Final / OT</span>
</div>
<div class="team-row is-winner">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=NG&font=oswald" alt="Northgate Ravens logo" width="34" height="34">
<span class="team-name">Northgate Ravens<small>Home · 34–12</small></span>
<span class="team-score">112</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=MK&font=oswald" alt="Metro Kings logo" width="34" height="34">
<span class="team-name">Metro Kings<small>Away · 29–17</small></span>
<span class="team-score">108</span>
</div>
<div class="score-foot">
<span>Arena 41 · Att. 18,204</span>
<a href="#videos">Watch Game</a>
</div>
</article>
<article class="score-card" data-league="football">
<div class="score-top">
<span class="league">NFL · Week 12</span>
<span class="status live"><span class="dot-live" aria-hidden="true"></span>Q3 · 2:41</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=HC&font=oswald" alt="Harbor City Ironhounds logo" width="34" height="34">
<span class="team-name">Harbor City Ironhounds<small>Home · 8–3</small></span>
<span class="team-score">24</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=WT&font=oswald" alt="Westbrook Titans logo" width="34" height="34">
<span class="team-name">Westbrook Titans<small>Away · 6–5</small></span>
<span class="team-score">17</span>
</div>
<div class="score-foot">
<span>Ironworks Field · 3rd & 7</span>
<a href="#videos">Watch Game</a>
</div>
</article>
<article class="score-card" data-league="soccer">
<div class="score-top">
<span class="league">Premier Division · MD 14</span>
<span class="status live"><span class="dot-live" aria-hidden="true"></span>78'</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=PF&font=oswald" alt="Portside FC logo" width="34" height="34">
<span class="team-name">Portside FC<small>Home · 3rd</small></span>
<span class="team-score">2</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=RU&font=oswald" alt="Ridgeview United logo" width="34" height="34">
<span class="team-name">Ridgeview United<small>Away · 7th</small></span>
<span class="team-score">2</span>
</div>
<div class="score-foot">
<span>Dockside Park · 2nd half</span>
<a href="#videos">Watch Game</a>
</div>
</article>
<article class="score-card" data-league="basketball">
<div class="score-top">
<span class="league">WNBA · Conference Final</span>
<span class="status final">Final</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=LS&font=oswald" alt="Lakeside Storm logo" width="34" height="34">
<span class="team-name">Lakeside Storm<small>Home · Series 1–2</small></span>
<span class="team-score">88</span>
</div>
<div class="team-row is-winner">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=AB&font=oswald" alt="Alder Bay Comets logo" width="34" height="34">
<span class="team-name">Alder Bay Comets<small>Away · Series 2–1</small></span>
<span class="team-score">91</span>
</div>
<div class="score-foot">
<span>Storm Center · Att. 12,610</span>
<a href="#videos">Watch Game</a>
</div>
</article>
<article class="score-card" data-league="hockey">
<div class="score-top">
<span class="league">NHL · Regular Season</span>
<span class="status live"><span class="dot-live" aria-hidden="true"></span>2nd · 6:14</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=GB&font=oswald" alt="Granite Bluff Wolves logo" width="34" height="34">
<span class="team-name">Granite Bluff Wolves<small>Home · 15–9–2</small></span>
<span class="team-score">3</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=CP&font=oswald" alt="Cedar Point Foxes logo" width="34" height="34">
<span class="team-name">Cedar Point Foxes<small>Away · 11–13–2</small></span>
<span class="team-score">1</span>
</div>
<div class="score-foot">
<span>Bluff Ice House · SOG 24–17</span>
<a href="#videos">Watch Game</a>
</div>
</article>
<article class="score-card" data-league="football">
<div class="score-top">
<span class="league">NCAA · Rivalry Week</span>
<span class="status final">Final</span>
</div>
<div class="team-row is-winner">
<img src="https://placehold.co/68x68/1b2429/d8ff3e?text=RM&font=oswald" alt="Ridgemont Miners logo" width="34" height="34">
<span class="team-name">Ridgemont Miners<small>Home · 9–2</small></span>
<span class="team-score">67</span>
</div>
<div class="team-row">
<img src="https://placehold.co/68x68/1b2429/94a1ac?text=CS&font=oswald" alt="Calder State Bears logo" width="34" height="34">
<span class="team-name">Calder State Bears<small>Away · 7–4</small></span>
<span class="team-score">64</span>
</div>
<div class="score-foot">
<span>Miner Stadium · Att. 44,890</span>
<a href="#videos">Watch Game</a>
</div>
</article>
</div>
</div>
</section>
<!-- ================= NEWS ================= -->
<section class="section" id="news">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">Newsroom</div>
<h2>Latest news & team updates</h2>
<p class="lede">Reported by people who were in the building. Trade chatter, injury reports, roster moves and the context that makes them matter.</p>
</div>
<a class="view-all" href="#news">All news</a>
</div>
<div class="news-grid">
<a class="news-card" href="#analysis">
<div class="thumb">
<img src="https://picsum.photos/640/420" alt="Front office staff working through trade scenarios" width="640" height="420">
<span class="thumb-tag">Trade Deadline</span>
</div>
<div class="body">
<h3>Trade deadline primer: the three moves every contender needs to make</h3>
<p>With nine days left before the deadline, front offices are working the phones on a thin market for wing defenders. We broke down the cap math, the draft-pick currency and the two teams quietly positioned to control the whole board.</p>
<div class="meta"><span>Marcus Ilyin</span><span class="sep"></span><span>7 min read</span></div>
</div>
</a>
<a class="news-card" href="#analysis">
<div class="thumb">
<img src="https://picsum.photos/641/421" alt="Athlete training in a gym before sunrise" width="640" height="420">
<span class="thumb-tag">Profile</span>
</div>
<div class="body">
<h3>From walk-on to All-Conference: the improbable rise of Maya Okonkwo</h3>
<p>Two years ago she was paying her own travel to open tryouts. This season she leads the conference in defensive rating and has become the most requested interview in the league. Inside the offseason that changed everything.</p>
<div class="meta"><span>Priya Raghunathan</span><span class="sep"></span><span>11 min read</span></div>
</div>
</a>
<a class="news-card" href="#analysis">
<div class="thumb">
<img src="https://picsum.photos/642/422" alt="Sports science staff monitoring athlete data on screens" width="640" height="420">
<span class="thumb-tag">Deep Dive</span>
</div>
<div class="body">
<h3>The science of the second half: how load management is reshaping rotations</h3>
<p>Teams now track more than 900 data points per athlete per session. We spoke with four performance directors about the delicate trade-off between protecting a season and winning the one in front of you.</p>
<div class="meta"><span>Devon Marsh</span><span class="sep"></span><span>9 min read</span></div>
</div>
</a>
</div>
</div>
</section>
<!-- ================= ANALYSIS + SIDEBAR ================= -->
<section class="section section--tight" id="analysis">
<div class="container layout">
<div>
<div class="section-head" style="margin-bottom:22px;">
<div>
<div class="eyebrow">Film Room</div>
<h2>Analysis & features</h2>
</div>
<a class="view-all" href="#analysis">More analysis</a>
</div>
<div class="analysis-list">
<a class="analysis-item" href="#analysis">
<img src="https://picsum.photos/380/250" alt="Point guard directing a pick and roll" width="380" height="250">
<div>
<span class="cat">Tactics</span>
<h3>Why the Ravens' second unit is the most dangerous lineup in the league</h3>
<p>They play faster, switch everything and force turnovers at a rate no bench group has sustained in a decade. The film shows exactly how the scheme creates those extra possessions.</p>
<div class="meta">Dana Whitfield · Today</div>
</div>
</a>
<a class="analysis-item" href="#analysis">
<img src="https://picsum.photos/381/251" alt="Quarterback reading a defense before the snap" width="380" height="250">
<div>
<span class="cat">Film Study</span>
<h3>The pre-snap tell that has cost Westbrook four games this season</h3>
<p>Opposing coordinators have found a reliable key in the Titans' motion package. We charted every snap from the last three weeks to see how defenses are exploiting it — and what the fix looks like.</p>
<div class="meta">Ellis Boateng · Yesterday</div>
</div>
</a>
<a class="analysis-item" href="#analysis">
<img src="https://picsum.photos/382/252" alt="Soccer coach drawing tactics on a whiteboard" width="380" height="250">
<div>
<span class="cat">Tactics</span>
<h3>Portside's inverted fullbacks are quietly breaking the league's press</h3>
<p>By tucking both fullbacks inside, the manager has created a permanent numerical advantage in midfield. It is elegant, risky, and it is the reason they have not lost at home since August.</p>
<div class="meta">Ines Duarte · 2 days ago</div>
</div>
</a>
<a class="analysis-item" href="#analysis">
<img src="https://picsum.photos/383/253" alt="Hockey players in a face-off at center ice" width="380" height="250">
<div>
<span class="cat">Long Read</span>
<h3>The championship window nobody saw opening in Granite Bluff</h3>
<p>Three drafts, one franchise-altering trade and a goaltender who was a third-round afterthought. How a small-market club rebuilt without ever entering a full tear-down.</p>
<div class="meta">Sam Okafor · 3 days ago</div>
</div>
</a>
</div>
</div>
<!-- SIDEBAR -->
<aside aria-label="Sidebar">
<div class="side-card">
<h3>Top Performers</h3>
<div class="side-sub">Last 7 days · All leagues</div>
<div class="performer">
<img src="https://i.pravatar.cc/96?u=clutchline-athlete-1" alt="Portrait of Andre Sokolov" width="40" height="40">
<div class="p-info">
<div class="p-name">Andre Sokolov</div>
<div class="p-team">Northgate Ravens</div>
</div>
<div class="p-stat">31.4<small>PPG</small></div>
</div>
<div class="performer">
<img src="https://i.pravatar.cc/96?u=clutchline-athlete-2" alt="Portrait of Maya Okonkwo" width="40" height="40">
<div class="p-info">
<div class="p-name">Maya Okonkwo</div>
<div class="p-team">Alder Bay Comets</div>
</div>
<div class="p-stat">24.8<small>PPG</small></div>
</div>
<div class="performer">
<img src="https://i.pravatar.cc/96?u=clutchline-athlete-3" alt="Portrait of Tobias Renner" width="40" height="40">
<div class="p-info">
<div class="p-name">Tobias Renner</div>
<div class="p-team">Portside FC</div>
</div>
<div class="p-stat">9<small>Goals</small></div>
</div>
<div class="performer">
<img src="https://i.pravatar.cc/96?u=clutchline-athlete-4" alt="Portrait of Cole Ferraro" width="40" height="40">
<div class="p-info">
<div class="p-name">Cole Ferraro</div>
<div class="p-team">Granite Bluff Wolves</div>
</div>
<div class="p-stat">.938<small>SV%</small></div>
</div>
</div>
<div class="side-card">
<h3>League Standings</h3>
<div class="side-sub">Conference · Top five</div>
<table class="standings">
<thead>
<tr><th scope="col">Team</th><th scope="col">Record</th><th scope="col">GB</th></tr>
</thead>
<tbody>
<tr><td class="team">Northgate Ravens</td><td class="rec">34–12</td><td class="pts">—</td></tr>
<tr><td class="team">Alder Bay Comets</td><td class="rec">31–15</td><td class="pts">3.0</td></tr>
<tr><td class="team">Metro Kings</td><td class="rec">29–17</td><td class="pts">5.0</td></tr>
<tr><td class="team">Lakeside Storm</td><td class="rec">27–19</td><td class="pts">7.0</td></tr>
<tr><td class="team">Ridgemont Miners</td><td class="rec">24–22</td><td class="pts">10.0</td></tr>
</tbody>
</table>
</div>
<div class="side-card" id="podcast">
<h3>The Clutchline Podcast</h3>
<div class="side-sub">New episodes every Tuesday</div>
<a class="podcast-item" href="#podcast">
<img src="https://placehold.co/112x112/1b2429/d8ff3e?text=EP42&font=oswald" alt="Episode 42 artwork" width="56" height="56">
<div>
<div class="ep">Episode 42</div>
<div class="title">Deadline day, decoded: what the contenders are actually doing</div>
<div class="dur">48 min · with Dana Whitfield</div>
</div>
</a>
<a class="podcast-item" href="#podcast">
<img src="https://placehold.co/112x112/1b2429/d8ff3e?text=EP41&font=oswald" alt="Episode 41 artwork" width="56" height="56">
<div>
<div class="ep">Episode 41</div>
<div class="title">The winning streak inside story, with the Ravens' bench coach</div>
<div class="dur">55 min · with Ellis Boateng</div>
</div>
</a>
<a class="podcast-item" href="#podcast">
<img src="https://placehold.co/112x112/1b2429/d8ff3e?text=EP40&font=oswald" alt="Episode 40 artwork" width="56" height="56">
<div>
<div class="ep">Episode 40</div>
<div class="title">Load management wars: science, spin and the schedule</div>
<div class="dur">41 min · with Devon Marsh</div>
</div>
</a>
</div>
</aside>
</div>
</section>
<!-- ================= BY THE NUMBERS ================= -->
<section class="section numbers-band" id="numbers">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">By the Numbers</div>
<h2>Player stats & historical records</h2>
<p class="lede">Our stat team tracks every possession across six leagues. Below is the season leaderboard — plus the records that have survived decades of challenges.</p>
</div>
<a class="view-all" href="#numbers">Full stat hub</a>
</div>
<div class="record-strip">
<div class="record">
<div class="num">73</div>
<div class="lbl">Wins in a single season — the all-time mark set in 1996 and never seriously threatened since.</div>
</div>
<div class="record">
<div class="num">4,012</div>
<div class="lbl">Career points for the league's active scoring leader, now fourth on the all-time list.</div>
</div>
<div class="record">
<div class="num">58</div>
<div class="lbl">Consecutive games with a hit, a record many call the safest in professional sport.</div>
</div>
<div class="record">
<div class="num">11</div>
<div class="lbl">Straight wins for Northgate — the longest active streak in any major league right now.</div>
</div>
</div>
<div class="table-wrap">
<table class="stat-table">
<caption class="sr-only">Season scoring leaders across tracked leagues</caption>
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Player</th>
<th scope="col">Team</th>
<th scope="col">GP</th>
<th scope="col">PPG</th>
<th scope="col">RPG</th>
<th scope="col">APG</th>
<th scope="col">FG%</th>
</tr>
</thead>
<tbody>
<tr>
<td class="rank">01</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-1" alt="" width="32" height="32">Andre Sokolov</span></td>
<td class="num-cell">Northgate Ravens</td>
<td class="num-cell">46</td>
<td class="num-cell hl">31.4</td>
<td class="num-cell">8.1</td>
<td class="num-cell">6.7</td>
<td class="num-cell">51.2</td>
</tr>
<tr>
<td class="rank">02</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-2" alt="" width="32" height="32">Maya Okonkwo</span></td>
<td class="num-cell">Alder Bay Comets</td>
<td class="num-cell">44</td>
<td class="num-cell hl">24.8</td>
<td class="num-cell">9.3</td>
<td class="num-cell">4.2</td>
<td class="num-cell">49.7</td>
</tr>
<tr>
<td class="rank">03</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-5" alt="" width="32" height="32">Jonah Priestley</span></td>
<td class="num-cell">Metro Kings</td>
<td class="num-cell">45</td>
<td class="num-cell hl">23.9</td>
<td class="num-cell">5.4</td>
<td class="num-cell">8.8</td>
<td class="num-cell">46.1</td>
</tr>
<tr>
<td class="rank">04</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-6" alt="" width="32" height="32">Rasheed Vance</span></td>
<td class="num-cell">Lakeside Storm</td>
<td class="num-cell">43</td>
<td class="num-cell hl">22.6</td>
<td class="num-cell">11.0</td>
<td class="num-cell">2.9</td>
<td class="num-cell">57.4</td>
</tr>
<tr>
<td class="rank">05</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-7" alt="" width="32" height="32">Emil Novak</span></td>
<td class="num-cell">Ridgemont Miners</td>
<td class="num-cell">42</td>
<td class="num-cell hl">21.1</td>
<td class="num-cell">6.6</td>
<td class="num-cell">5.1</td>
<td class="num-cell">48.3</td>
</tr>
<tr>
<td class="rank">06</td>
<td><span class="player"><img src="https://i.pravatar.cc/64?u=clutchline-athlete-8" alt="" width="32" height="32">Dante Whitlock</span></td>
<td class="num-cell">Harbor City Ironhounds</td>
<td class="num-cell">41</td>
<td class="num-cell hl">20.4</td>
<td class="num-cell">4.8</td>
<td class="num-cell">7.2</td>
<td class="num-cell">45.9</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<!-- ================= VIDEOS ================= -->
<section class="section" id="videos">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">Watch</div>
<h2>Video breakdowns & highlights</h2>
<p class="lede">Film-room explainers, postgame press conferences and the highlights you actually want to rewatch — all in under fifteen minutes.</p>
</div>
<a class="view-all" href="#videos">All videos</a>
</div>
<div class="video-grid">
<a class="video-card" href="#videos">
<div class="video-thumb">
<img src="https://picsum.photos/640/400" alt="Basketball game action under arena lighting" width="640" height="400">
<span class="play-btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span>
<span class="video-dur">12:48</span>
</div>
<h3>Film Room: the 31–9 run that flipped the Conference</h3>
<div class="vmeta">Tactics · 148K views</div>
</a>
<a class="video-card" href="#videos">
<div class="video-thumb">
<img src="https://picsum.photos/641/401" alt="Football players lined up before the snap" width="640" height="400">
<span class="play-btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span>
<span class="video-dur">09:31</span>
</div>
<h3>Every touchdown from Harbor City's 24-point first half</h3>
<div class="vmeta">Highlights · 92K views</div>
</a>
<a class="video-card" href="#videos">
<div class="video-thumb">
<img src="https://picsum.photos/642/402" alt="Soccer match under floodlights" width="640" height="400">
<span class="play-btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span>
<span class="video-dur">07:05</span>
</div>
<h3>Portside's inverted fullbacks, explained in seven minutes</h3>
<div class="vmeta">Analysis · 61K views</div>
</a>
<a class="video-card" href="#videos">
<div class="video-thumb">
<img src="https://picsum.photos/643/403" alt="Press conference with microphones on a table" width="640" height="400">
<span class="play-btn" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span>
<span class="video-dur">15:00</span>
</div>
<h3>Full press conference: Ravens head coach on the streak</h3>
<div class="vmeta">Press · 38K views</div>
</a>
</div>
</div>
</section>
<!-- ================= SCHEDULE + POLL ================= -->
<section class="section section--tight" id="schedule">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">Mark Your Calendar</div>
<h2>Upcoming schedule</h2>
<p class="lede">The next five fixtures our editors are circling — set a reminder and we'll send you the lineup, the odds and the storylines an hour before kickoff.</p>
</div>
<a class="view-all" href="#schedule">Full calendar</a>
</div>
<div class="two-col">
<div>
<div class="schedule-item">
<div class="date-chip"><div class="d">18</div><div class="m">Feb</div></div>
<div class="schedule-info">
<span class="league-tag">Basketball</span>
<div class="matchup">Northgate Ravens vs. Alder Bay Comets</div>
<div class="venue">Arena 41 · 19:30 ET · National broadcast</div>
</div>
<a class="btn btn--ghost btn--sm" href="#schedule">Remind Me</a>
</div>
<div class="schedule-item">
<div class="date-chip"><div class="d">21</div><div class="m">Feb</div></div>
<div class="schedule-info">
<span class="league-tag">Football</span>
<div class="matchup">Westbrook Titans vs. Harbor City Ironhounds</div>
<div class="venue">Titan Bowl · 16:05 ET · Divisional round</div>
</div>
<a class="btn btn--ghost btn--sm" href="#schedule">Remind Me</a>
</div>
<div class="schedule-item">
<div class="date-chip"><div class="d">23</div><div class="m">Feb</div></div>
<div class="schedule-info">
<span class="league-tag">Soccer</span>
<div class="matchup">Ridgeview United vs. Portside FC</div>
<div class="venue">Ridgeview Grounds · 14:00 GMT · Cup semifinal</div>
</div>
<a class="btn btn--ghost btn--sm" href="#schedule">Remind Me</a>
</div>
<div class="schedule-item">
<div class="date-chip"><div class="d">26</div><div class="m">Feb</div></div>
<div class="schedule-info">
<span class="league-tag">Hockey</span>
<div class="matchup">Cedar Point Foxes vs. Granite Bluff Wolves</div>
<div class="venue">Fox Den Arena · 20:00 ET · Rivalry night</div>
</div>
<a class="btn btn--ghost btn--sm" href="#schedule">Remind Me</a>
</div>
<div class="schedule-item">
<div class="date-chip"><div class="d">02</div><div class="m">Mar</div></div>
<div class="schedule-info">
<span class="league-tag">College</span>
<div class="matchup">Calder State Bears vs. Ridgemont Miners</div>
<div class="venue">Bears Fieldhouse · 18:45 ET · Championship final</div>
</div>
<a class="btn btn--ghost btn--sm" href="#schedule">Remind Me</a>
</div>
</div>
<!-- INTERACTIVE POLL -->
<div class="poll" data-poll>
<h3>Who lifts the trophy?</h3>
<p class="poll-sub">Our readers' championship pick, updated live. One vote per fan — cast it and see how the room is leaning.</p>
<button class="poll-option" data-votes="412" type="button">
<span class="poll-bar" style="width:26%"></span>
<span class="poll-label">Northgate Ravens</span>
<span class="poll-pct">26%</span>
</button>
<button class="poll-option" data-votes="501" type="button">
<span class="poll-bar" style="width:32%"></span>
<span class="poll-label">Harbor City Ironhounds</span>
<span class="poll-pct">32%</span>
</button>
<button class="poll-option" data-votes="358" type="button">
<span class="poll-bar" style="width:23%"></span>
<span class="poll-label">Alder Bay Comets</span>
<span class="poll-pct">23%</span>
</button>
<button class="poll-option" data-votes="287" type="button">
<span class="poll-bar" style="width:18%"></span>
<span class="poll-label">Portside FC</span>
<span class="poll-pct">18%</span>
</button>
<p class="poll-note">1,558 votes so far · Poll closes Friday at midnight ET.</p>
</div>
</div>
</div>
</section>
<!-- ================= TESTIMONIALS ================= -->
<section class="section">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">The Stands</div>
<h2>What our readers say</h2>
<p class="lede">Coaches, fantasy managers, season-ticket holders and one very committed high school athletic director — here's how the community uses Clutchline every week.</p>
</div>
</div>
<div class="testimonials">
<div class="testimonial">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>"I run a high school program and I use the film-room breakdowns in our Monday staff meetings. The tactical writing is genuinely better than anything in the mainstream press — it assumes you actually know the game."</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=clutchline-coach-1" alt="Portrait of Marcus Bello" width="42" height="42">
<div>
<div class="n">Marcus Bello</div>
<div class="r">Head Coach · Ridgemont Prep</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>"The live scores load faster than the league's own app and the injury notifications hit my phone before the team accounts post. My fantasy league runs on Clutchline now — that's not a small compliment."</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=clutchline-reader-2" alt="Portrait of Renee Alvarez" width="42" height="42">
<div>
<div class="n">Renee Alvarez</div>
<div class="r">Commissioner · The Sunday League</div>
</div>
</div>
</div>
<div class="testimonial">
<div class="stars" aria-label="5 out of 5 stars">★★★★★</div>
<blockquote>"I've had season tickets for nineteen years and I still learn something from the podcast every Tuesday. The Ravens' bench-coach episode explained a rotation decision I'd been complaining about for a month."</blockquote>
<div class="who">
<img src="https://i.pravatar.cc/96?u=clutchline-reader-3" alt="Portrait of Gerald Nkemelu" width="42" height="42">
<div>
<div class="n">Gerald Nkemelu</div>
<div class="r">Season Ticket Holder · Section 114</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ================= NEWSLETTER ================= -->
<section class="newsletter" id="subscribe">
<div class="container newsletter-inner">
<div>
<h2>The morning whistle.<br><span>In your inbox by 7 a.m.</span></h2>
<p>One email, five stories, zero filler. Scores from overnight, the trade whispers worth trusting, and the one stat that reframes the day's biggest game — written by our editors before the coffee finishes brewing.</p>
</div>
<div>
<form class="newsletter-form" onsubmit="event.preventDefault(); this.reset(); this.querySelector('input').placeholder='You’re in — check your inbox.';">
<label class="sr-only" for="email">Email address</label>
<input id="email" type="email" name="email" placeholder="you@example.com" required autocomplete="email">
<button class="btn btn--primary" type="submit">Subscribe Free</button>
</form>
<p class="fine">Join 214,000 readers. No spam, unsubscribe in one click. By subscribing you agree to our Privacy Policy.</p>
</div>
</div>
</section>
<!-- ================= FAQ ================= -->
<section class="section">
<div class="container faq-grid">
<div>
<div class="eyebrow">Good to Know</div>
<h2 style="font-size:clamp(1.55rem,2.6vw,2.15rem);">Frequently asked questions</h2>
<p style="color:var(--muted);margin-top:14px;">Everything about scores, coverage, and how the newsroom works. Still stuck? Our desk answers every message within one business day.</p>
<a class="btn btn--ghost" href="#subscribe" style="margin-top:22px;">Contact the Newsroom</a>
</div>
<div class="faq-list">
<details class="faq" open>
<summary>How quickly do live scores update?</summary>
<div class="answer">Score data is pulled from official league feeds and refreshes every ten seconds during live windows, and every sixty seconds otherwise. If you spot a delay longer than a minute, hit refresh — or tell us and we'll flag it with the data provider.</div>
</details>
<details class="faq">
<summary>Do I need a subscription to read analysis?</summary>
<div class="answer">No. Every article, film breakdown and stat table on Clutchline is free to read. The newsletter and podcast are free too. We're funded by advertising and a supporter membership that unlocks ad-free reading and early access to long-form features.</div>
</details>
<details class="faq">
<summary>Which leagues and competitions do you cover?</summary>
<div class="answer">We cover professional basketball, football, soccer and hockey at the top level, plus college football and basketball, and major international tournaments. Coverage depth varies by market — if a league you follow is missing, tell us and we'll route it to the editorial team.</div>
</details>
<details class="faq">
<summary>Can I follow just one team?</summary>
<div class="answer">Yes. Create a free account and select your teams from the Teams page. You'll get a personalised scoreboard on the homepage, and the newsletter will lead with your teams' results before anything else.</div>
</details>
<details class="faq">
<summary>How do I submit a correction or a story tip?</summary>
<div class="answer">Email the desk at tips@clutchline.example and include links or documents where you can. Corrections are reviewed by the standards editor and, when confirmed, published at the top of the affected article with a timestamp.</div>
</details>
</div>
</div>
</section>
</main>
<!-- ================= FOOTER ================= -->
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<a class="brand" href="#top" aria-label="CLUTCHLINE home">
<img src="https://placehold.co/92x92/111519/d8ff3e?text=CL&font=oswald" alt="CLUTCHLINE logo" width="46" height="46">
<span>
<span class="brand-name">Clutch<span>line</span></span>
<span class="brand-tag">Scores, stories & the people behind the game</span>
</span>
</a>
<p>Independent sports journalism since 2014. Live scores, sharp analysis and the reporting that explains why the game happened the way it did.</p>
<div class="socials">
<a href="#top" aria-label="Clutchline on X">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18.9 2H22l-7.1 8.1L23.2 22h-6.6l-5.2-6.8L5.5 22H2.4l7.6-8.7L1.2 2h6.8l4.7 6.2L18.9 2Zm-1.1 18.1h1.7L7.3 3.8H5.5l12.3 16.3Z"/></svg>
</a>
<a href="#top" aria-label="Clutchline on Instagram">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4C8.4 2.2 8.8 2.2 12 2.2Zm0 1.8c-3.1 0-3.5 0-4.7.1-.9 0-1.4.2-1.7.3-.4.2-.7.4-1 .7-.3.3-.5.6-.7 1-.1.3-.3.8-.3 1.7-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c0 .9.2 1.4.3 1.7.2.4.4.7.7 1 .3.3.6.5 1 .7.3.1.8.3 1.7.3 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c.9 0 1.4-.2 1.7-.3.4-.2.7-.4 1-.7.3-.3.5-.6.7-1 .1-.3.3-.8.3-1.7.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c0-.9-.2-1.4-.3-1.7-.2-.4-.4-.7-.7-1-.3-.3-.6-.5-1-.7-.3-.1-.8-.3-1.7-.3-1.2-.1-1.6-.1-4.7-.1Zm0 3.1a4.9 4.9 0 1 1 0 9.8 4.9 4.9 0 0 1 0-9.8Zm0 8.1a3.2 3.2 0 1 0 0-6.4 3.2 3.2 0 0 0 0 6.4Zm6.3-8.3a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0Z"/></svg>
</a>
<a href="#top" aria-label="Clutchline on YouTube">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M23 12s0-3.6-.5-5.3c-.2-1-.9-1.7-1.8-1.9C19 4.3 12 4.3 12 4.3s-7 0-8.7.5c-.9.2-1.6.9-1.8 1.9C1 8.4 1 12 1 12s0 3.6.5 5.3c.2 1 .9 1.7 1.8 1.9 1.7.5 8.7.5 8.7.5s7 0 8.7-.5c.9-.2 1.6-.9 1.8-1.9C23 15.6 23 12 23 12ZM9.8 15.5v-7l6.1 3.5-6.1 3.5Z"/></svg>
</a>
<a href="#top" aria-label="Clutchline RSS feed">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4.4 20.6a2.4 2.4 0 1 1 0-4.8 2.4 2.4 0 0 1 0 4.8ZM2 10.1v3.4c4.7 0 8.5 3.8 8.5 8.5h3.4c0-6.6-5.3-11.9-11.9-11.9ZM2 2v3.4c9.1 0 16.6 7.5 16.6 16.6H22C22 11 12.9 2 2 2Z"/></svg>
</a>
</div>
</div>
<div class="footer-col">
<h4>Explore</h4>
<ul>
<li><a href="#scores">Live Scores</a></li>
<li><a href="#news">News</a></li>
<li><a href="#videos">Videos</a></li>
<li><a href="#schedule">Schedule</a></li>
<li><a href="#analysis">Analysis</a></li>
<li><a href="#numbers">Stats Hub</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Company</h4>
<ul>
<li><a href="#top">About Clutchline</a></li>
<li><a href="#top">Our Newsroom</a></li>
<li><a href="#top">Careers</a></li>
<li><a href="#top">Advertise</a></li>
<li><a href="#top">Press Kit</a></li>
<li><a href="#top">Support Us</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Get in Touch</h4>
<ul class="footer-contact">
<li><strong>Newsroom</strong>desk@clutchline.example<br>(555) 018-2240</li>
<li><strong>Tips</strong>tips@clutchline.example</li>
<li><strong>Office</strong>410 Meridian Wharf, Suite 900<br>Harbor City, HC 20418</li>
<li><strong>Hours</strong>Mon–Fri · 7 a.m. – 8 p.m. ET</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2024 Clutchline Media Group. All rights reserved.</span>
<nav aria-label="Legal">
<a href="#top">Privacy Policy</a>
<a href="#top">Terms of Service</a>
<a href="#top">Cookie Settings</a>
<a href="#top">Accessibility</a>
</nav>
</div>
</div>
</footer>
<script>
/* ---------- Mobile navigation ---------- */
(function () {
var toggle = document.getElementById('nav-toggle');
var nav = document.getElementById('primary-nav');
if (!toggle || !nav) return;
toggle.addEventListener('click', function () {
var open = nav.classList.toggle('is-open');
toggle.setAttribute('aria-expanded', open ? 'true' : 'false');
});
nav.addEventListener('click', function (e) {
if (e.target.tagName === 'A') {
nav.classList.remove('is-open');
toggle.setAttribute('aria-expanded', 'false');
}
});
})();
/* ---------- Match center league filter ---------- */
(function () {
var tabs = Array.prototype.slice.call(document.querySelectorAll('.filter-tab'));
var cards = Array.prototype.slice.call(document.querySelectorAll('.score-card'));
if (!tabs.length) return;
tabs.forEach(function (tab) {
tab.addEventListener('click', function () {
tabs.forEach(function (t) {
t.classList.remove('is-active');
t.setAttribute('aria-selected', 'false');
});
tab.classList.add('is-active');
tab.setAttribute('aria-selected', 'true');
var filter = tab.dataset.filter;
cards.forEach(function (card) {
card.hidden = !(filter === 'all' || card.dataset.league === filter);
});
});
});
})();
/* ---------- Fan poll ---------- */
(function () {
var poll = document.querySelector('[data-poll]');
if (!poll) return;
var options = Array.prototype.slice.call(poll.querySelectorAll('.poll-option'));
var note = poll.querySelector('.poll-note');
var voted = false;
options.forEach(function (btn) {
btn.addEventListener('click', function () {
if (voted) return;
voted = true;
var votes = options.map(function (o) { return parseInt(o.dataset.votes, 10); });
votes[options.indexOf(btn)] += 1;
var total = votes.reduce(function (a, b) { return a + b; }, 0);
options.forEach(function (o, i) {
var pct = Math.round((votes[i] / total) * 100);
o.querySelector('.poll-bar').style.width = pct + '%';
o.querySelector('.poll-pct').textContent = pct + '%';
o.disabled = true;
o.classList.add('voted');
});
btn.classList.add('is-picked');
if (note) {
note.textContent = 'Thanks — your pick is locked in. ' + total.toLocaleString() + ' fans have voted.';
}
});
});
})();
</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:08:58.109Z",
"url": "https://benchmark.aimac.invalid/e3e9c6b14584a5be6fe4452f6c73add6be90a8e024dab0f71ca58cb6892f0259.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-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-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": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-allowed-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attributes are used correctly for the defined role"
}
],
"none": [
{
"id": "aria-unsupported-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute is supported"
}
],
"impact": null,
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
]
}
]
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-conditional-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"none": [],
"impact": null,
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
]
}
]
},
{
"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": [
{
"any": [],
"all": [],
"none": [
{
"id": "deprecatedrole",
"data": null,
"relatedNodes": [],
"impact": "minor",
"message": "ARIA role is not deprecated"
}
],
"impact": null,
"html": "<div class=\"filter-tabs\" role=\"tablist\" aria-label=\"Filter scores by league\">",
"target": [
".filter-tabs"
]
}
]
},
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "aria-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": [
{
"any": [],
"all": [
{
"id": "focusable-modal-open",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements while a modal is open"
},
{
"id": "focusable-disabled",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
},
{
"id": "focusable-not-tabbable",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "No focusable elements contained within element"
}
],
"none": [],
"impact": null,
"html": "<span class=\"dot-live\" aria-hidden=\"true\"></span>",
"target": [
".ticker-label > .dot-live[aria-hidden=\"true\"]"
]
}
]
},
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "ARIA attribute is allowed"
}
],
"impact": null,
"html": "<a class=\"brand\" href=\"#top\" aria-label=\"CLUTCHLINE home\">",
"target": [
".header-inner > .brand[aria-label=\"CLUTCHLINE home\"][href$=\"#top\"]"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "aria-required-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "All required ARIA attributes are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"filter-tabs\" role=\"tablist\" aria-label=\"Filter scores by league\">",
"target": [
".filter-tabs"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "aria-required-children",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA children are present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"filter-tabs\" role=\"tablist\" aria-label=\"Filter scores by league\">",
"target": [
".filter-tabs"
]
}
]
},
{
"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": [
{
"any": [
{
"id": "aria-required-parent",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Required ARIA parent role present"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"filter-tab is-active\" data-filter=\"all\" role=\"tab\" aria-selected=\"true\">All Sports</button>",
"target": [
".is-active"
]
}
]
},
{
"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": [
{
"any": [],
"all": [],
"none": [
{
"id": "invalidrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is valid"
},
{
"id": "abstractrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Abstract roles are not used"
},
{
"id": "unsupportedrole",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA role is supported"
}
],
"impact": null,
"html": "<div class=\"filter-tabs\" role=\"tablist\" aria-label=\"Filter scores by league\">",
"target": [
".filter-tabs"
]
}
]
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "aria-valid-attr-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute values are valid"
},
{
"id": "aria-errormessage",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-errormessage exists and references elements visible to screen readers that use a supported aria-errormessage technique"
},
{
"id": "aria-level",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "aria-level values are valid"
}
],
"none": [],
"impact": null,
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
]
}
]
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-valid-attr",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "ARIA attribute name is valid"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
]
}
]
},
{
"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": [
{
"any": [],
"all": [
{
"id": "autocomplete-valid",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "the autocomplete attribute is correctly formatted"
}
],
"none": [],
"impact": null,
"html": "<input id=\"email\" type=\"email\" name=\"email\" placeholder=\"you@example.com\" required=\"\" autocomplete=\"email\">",
"target": [
"#email"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<div class=\"section-head\" style=\"margin-bottom:22px;\">\n <div>\n <div class=\"eyebrow\">Film Room</div>\n <h2>Analysis & features</h2>\n </div>\n <a class=\"view-all\" href=\"#analysis\">More analysis</a>\n </div>",
"target": [
".layout > div > .section-head"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"filter-tab is-active\" data-filter=\"all\" role=\"tab\" aria-selected=\"true\">All Sports</button>",
"target": [
".is-active"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "internal-link-present",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Valid skip link found"
},
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>Ravens stun the Conference with a fourth-quarter comeback for the ages</h1>",
"target": [
"h1"
]
},
{
"html": "<h3>Five prospects whose stock is climbing fast before draft night</h3>",
"target": [
".mini-card[href$=\"#news\"]:nth-child(1) > div > h3"
]
},
{
"html": "<h3>Inside the winning streak \u2014 and the three flaws that could end it</h3>",
"target": [
".mini-card[href$=\"#analysis\"] > div > h3"
]
},
{
"html": "<h3>The quiet rebuild: how Harbor City turned a losing roster into a contender</h3>",
"target": [
".mini-card[href$=\"#news\"]:nth-child(3) > div > h3"
]
},
{
"html": "<h2>Live scores & results</h2>",
"target": [
"#scores > .container > .section-head > div > h2"
]
},
{
"html": "<h2>Latest news & team updates</h2>",
"target": [
"#news > .container > .section-head > div > h2"
]
},
{
"html": "<h3>Trade deadline primer: the three moves every contender needs to make</h3>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(1) > .body > h3"
]
},
{
"html": "<h3>From walk-on to All-Conference: the improbable rise of Maya Okonkwo</h3>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(2) > .body > h3"
]
},
{
"html": "<h3>The science of the second half: how load management is reshaping rotations</h3>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(3) > .body > h3"
]
},
{
"html": "<h2>Analysis & features</h2>",
"target": [
".layout > div > .section-head > div > h2"
]
},
{
"html": "<h3>Why the Ravens' second unit is the most dangerous lineup in the league</h3>",
"target": [
".analysis-item[href$=\"#analysis\"]:nth-child(1) > div > h3"
]
},
{
"html": "<h3>The pre-snap tell that has cost Westbrook four games this season</h3>",
"target": [
".analysis-item[href$=\"#analysis\"]:nth-child(2) > div > h3"
]
},
{
"html": "<h3>Portside's inverted fullbacks are quietly breaking the league's press</h3>",
"target": [
".analysis-item[href$=\"#analysis\"]:nth-child(3) > div > h3"
]
},
{
"html": "<h3>The championship window nobody saw opening in Granite Bluff</h3>",
"target": [
".analysis-item[href$=\"#analysis\"]:nth-child(4) > div > h3"
]
},
{
"html": "<h3>Top Performers</h3>",
"target": [
".side-card:nth-child(1) > h3"
]
},
{
"html": "<h3>League Standings</h3>",
"target": [
".side-card:nth-child(2) > h3"
]
},
{
"html": "<h3>The Clutchline Podcast</h3>",
"target": [
"#podcast > h3"
]
},
{
"html": "<h2>Player stats & historical records</h2>",
"target": [
"#numbers > .container > .section-head > div > h2"
]
},
{
"html": "<h2>Video breakdowns & highlights</h2>",
"target": [
"#videos > .container > .section-head > div > h2"
]
},
{
"html": "<h3>Film Room: the 31\u20139 run that flipped the Conference</h3>",
"target": [
".video-card[href$=\"#videos\"]:nth-child(1) > h3"
]
},
{
"html": "<h3>Every touchdown from Harbor City's 24-point first half</h3>",
"target": [
".video-card[href$=\"#videos\"]:nth-child(2) > h3"
]
},
{
"html": "<h3>Portside's inverted fullbacks, explained in seven minutes</h3>",
"target": [
".video-card[href$=\"#videos\"]:nth-child(3) > h3"
]
},
{
"html": "<h3>Full press conference: Ravens head coach on the streak</h3>",
"target": [
".video-card[href$=\"#videos\"]:nth-child(4) > h3"
]
},
{
"html": "<h2>Upcoming schedule</h2>",
"target": [
"#schedule > .container > .section-head > div > h2"
]
},
{
"html": "<h3>Who lifts the trophy?</h3>",
"target": [
".poll > h3"
]
},
{
"html": "<h2>What our readers say</h2>",
"target": [
".section:nth-child(8) > .container > .section-head > div > h2"
]
},
{
"html": "<h2>The morning whistle.<br><span>In your inbox by 7 a.m.</span></h2>",
"target": [
".newsletter-inner > div:nth-child(1) > h2"
]
},
{
"html": "<h2 style=\"font-size:clamp(1.55rem,2.6vw,2.15rem);\">Frequently asked questions</h2>",
"target": [
".faq-grid > div:nth-child(1) > h2"
]
},
{
"html": "<h4>Explore</h4>",
"target": [
".footer-col:nth-child(2) > h4"
]
},
{
"html": "<h4>Company</h4>",
"target": [
".footer-col:nth-child(3) > h4"
]
},
{
"html": "<h4>Get in Touch</h4>",
"target": [
".footer-col:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main id=\"top\">",
"target": [
"#top"
]
}
],
"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": "#ff4433",
"bgColor": "#05070a",
"contrastRatio": 5.88,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 5.88"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<span class=\"ticker-label\"><span class=\"dot-live\" aria-hidden=\"true\"></span> Live</span>",
"target": [
".ticker-label"
]
}
]
},
{
"id": "document-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag242",
"TTv5",
"TT12.a",
"EN-301-549",
"EN-9.2.4.2",
"ACT"
],
"description": "Ensure each HTML document contains a non-empty <title> element",
"help": "Documents must have <title> element to aid in navigation",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/document-title?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "doc-has-title",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Document has a non-empty <title> element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "duplicate-id-aria",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every id attribute value used in ARIA and in labels is unique",
"help": "IDs used in ARIA and labels must be unique",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/duplicate-id-aria?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "duplicate-id-aria",
"data": "primary-nav",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<nav class=\"primary-nav\" id=\"primary-nav\" aria-label=\"Primary navigation\">",
"target": [
"#primary-nav"
]
}
]
},
{
"id": "form-field-multiple-labels",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag332",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.3.3.2"
],
"description": "Ensure form field does not have multiple label elements",
"help": "Form field must not have multiple label elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/form-field-multiple-labels?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "multiple-label",
"data": null,
"relatedNodes": [
{
"html": "<label class=\"sr-only\" for=\"email\">Email address</label>",
"target": [
"label"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input id=\"email\" type=\"email\" name=\"email\" placeholder=\"you@example.com\" required=\"\" autocomplete=\"email\">",
"target": [
"#email"
]
}
]
},
{
"id": "html-has-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-has-lang?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "The <html> element has a lang attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "html-lang-valid",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"TTv5",
"TT11.a",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure the lang attribute of the <html> element has a valid value",
"help": "<html> element must have a valid value for the lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-lang-valid?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "valid-lang",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Value of lang attribute is included in the list of valid languages"
}
],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"TT7.b",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <img> elements have alternative text or a role of none or presentation",
"help": "Images must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/image-alt?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-alt",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has an alt attribute"
}
],
"all": [],
"none": [
{
"id": "alt-space-value",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has a valid alt attribute value"
}
],
"impact": null,
"html": "<img src=\"https://placehold.co/92x92/111519/d8ff3e?text=CL&font=oswald\" alt=\"CLUTCHLINE logo\" width=\"46\" height=\"46\">",
"target": [
".header-inner > .brand[aria-label=\"CLUTCHLINE home\"][href$=\"#top\"] > img[alt=\"CLUTCHLINE logo\"][width=\"46\"][height=\"46\"]"
]
}
]
},
{
"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": "explicit-label",
"data": null,
"relatedNodes": [
{
"html": "<label class=\"sr-only\" for=\"email\">Email address</label>",
"target": [
"label"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
},
{
"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 id=\"email\" type=\"email\" name=\"email\" placeholder=\"you@example.com\" required=\"\" autocomplete=\"email\">",
"target": [
"#email"
]
}
]
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "link-in-text-block-style",
"data": null,
"relatedNodes": [
{
"html": "<div>",
"target": [
".faq-grid > div:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Links can be distinguished from surrounding text by visual styling"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a class=\"btn btn--ghost\" href=\"#subscribe\" style=\"margin-top:22px;\">Contact the Newsroom</a>",
"target": [
".btn--ghost.btn[href$=\"#subscribe\"]"
]
}
]
},
{
"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"
},
{
"id": "aria-label",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute exists and is not empty"
}
],
"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 class=\"brand\" href=\"#top\" aria-label=\"CLUTCHLINE home\">",
"target": [
".header-inner > .brand[aria-label=\"CLUTCHLINE home\"][href$=\"#top\"]"
]
}
]
},
{
"id": "list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure that lists are structured correctly",
"help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/list?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "only-listitems",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List element only has direct children that are allowed inside <li> elements"
}
],
"impact": null,
"html": "<ul>",
"target": [
".footer-col:nth-child(2) > ul"
]
}
]
},
{
"id": "listitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <li> elements are used semantically",
"help": "<li> elements must be contained in a <ul> or <ol>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/listitem?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "listitem",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "List item has a <ul>, <ol> or role=\"list\" parent element"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<li><a href=\"#scores\">Live Scores</a></li>",
"target": [
".footer-col:nth-child(2) > ul > li:nth-child(1)"
]
}
]
},
{
"id": "meta-viewport",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag2aa",
"wcag144",
"EN-301-549",
"EN-9.1.4.4",
"ACT"
],
"description": "Ensure <meta name=\"viewport\"> does not disable text scaling and zooming",
"help": "Zooming and scaling must not be disabled",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-viewport?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "meta-viewport",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "<meta> tag does not disable zooming on mobile devices"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"target": [
"meta[name=\"viewport\"]"
]
}
]
},
{
"id": "nested-interactive",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies",
"help": "Interactive controls must not be nested",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/nested-interactive?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "no-focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element does not have focusable descendants"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<img src=\"https://placehold.co/92x92/111519/d8ff3e?text=CL&font=oswald\" alt=\"CLUTCHLINE logo\" width=\"46\" height=\"46\">",
"target": [
".header-inner > .brand[aria-label=\"CLUTCHLINE home\"][href$=\"#top\"] > img[alt=\"CLUTCHLINE logo\"][width=\"46\"][height=\"46\"]"
]
}
]
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<summary>How quickly do live scores update?</summary>",
"target": [
"details[open=\"\"] > summary"
]
}
]
},
{
"id": "target-size",
"impact": null,
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 447.7,
"height": 46
},
"relatedNodes": [],
"impact": "serious",
"message": "Control has sufficient size (447.7px by 46px, 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 class=\"brand\" href=\"#top\" aria-label=\"CLUTCHLINE home\">",
"target": [
".header-inner > .brand[aria-label=\"CLUTCHLINE home\"][href$=\"#top\"]"
]
}
]
},
{
"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 class=\"standings\">",
"target": [
".standings"
]
}
]
},
{
"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 class=\"standings\">",
"target": [
".standings"
]
}
]
}
],
"incomplete": [
{
"id": "aria-prohibited-attr",
"impact": "serious",
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": [
{
"any": [],
"all": [],
"none": [
{
"id": "aria-prohibited-attr",
"data": {
"role": null,
"nodeName": "div",
"messageKey": "noRoleSingular",
"prohibited": [
"aria-label"
]
},
"relatedNodes": [],
"impact": "serious",
"message": "aria-label attribute is not well supported on a div with no valid role attribute."
}
],
"impact": "serious",
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
],
"failureSummary": "Fix all of the following:\n aria-label attribute is not well supported on a div with no valid role attribute."
}
]
},
{
"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": "7.7pt (10.24px)",
"fontWeight": "normal",
"messageKey": "elmPartiallyObscured",
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"ticker\" aria-label=\"Live scores ticker\">",
"target": [
".ticker"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined because it's partially obscured by another element"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"tag\">2nd 6:14</span>",
"target": [
".ticker-item:nth-child(4) > .tag:nth-child(6)"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined because it's partially obscured 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": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"mini-card\" href=\"#news\">",
"target": [
".mini-card[href$=\"#news\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Scouting \u00b7 6 min read</div>",
"target": [
".mini-card[href$=\"#news\"]:nth-child(1) > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"mini-card\" href=\"#analysis\">",
"target": [
".mini-card[href$=\"#analysis\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Tactics \u00b7 9 min read</div>",
"target": [
".mini-card[href$=\"#analysis\"] > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"mini-card\" href=\"#news\">",
"target": [
".mini-card[href$=\"#news\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"meta\">Feature \u00b7 12 min read</div>",
"target": [
".mini-card[href$=\"#news\"]:nth-child(3) > div > .meta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">NBA \u00b7 Regular Season</span>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1) > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 34\u201312</small>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1) > .is-winner.team-row > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 29\u201317</small>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1) > .team-row:nth-child(3) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Arena 41 \u00b7 Att. 18,204</span>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(1) > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">NFL \u00b7 Week 12</span>",
"target": [
".score-card[data-league=\"football\"]:nth-child(2) > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 8\u20133</small>",
"target": [
".score-card[data-league=\"football\"]:nth-child(2) > .team-row:nth-child(2) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 6\u20135</small>",
"target": [
".score-card[data-league=\"football\"]:nth-child(2) > .team-row:nth-child(3) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Ironworks Field \u00b7 3rd & 7</span>",
"target": [
".score-card[data-league=\"football\"]:nth-child(2) > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"soccer\">",
"target": [
"article[data-league=\"soccer\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">Premier Division \u00b7 MD 14</span>",
"target": [
"article[data-league=\"soccer\"] > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"soccer\">",
"target": [
"article[data-league=\"soccer\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 3rd</small>",
"target": [
"article[data-league=\"soccer\"] > .team-row:nth-child(2) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"soccer\">",
"target": [
"article[data-league=\"soccer\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 7th</small>",
"target": [
"article[data-league=\"soccer\"] > .team-row:nth-child(3) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"soccer\">",
"target": [
"article[data-league=\"soccer\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Dockside Park \u00b7 2nd half</span>",
"target": [
"article[data-league=\"soccer\"] > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">WNBA \u00b7 Conference Final</span>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4) > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 Series 1\u20132</small>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4) > .team-row:nth-child(2) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 Series 2\u20131</small>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4) > .is-winner.team-row > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"basketball\">",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Storm Center \u00b7 Att. 12,610</span>",
"target": [
".score-card[data-league=\"basketball\"]:nth-child(4) > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"hockey\">",
"target": [
"article[data-league=\"hockey\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">NHL \u00b7 Regular Season</span>",
"target": [
"article[data-league=\"hockey\"] > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"hockey\">",
"target": [
"article[data-league=\"hockey\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 15\u20139\u20132</small>",
"target": [
"article[data-league=\"hockey\"] > .team-row:nth-child(2) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"hockey\">",
"target": [
"article[data-league=\"hockey\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 11\u201313\u20132</small>",
"target": [
"article[data-league=\"hockey\"] > .team-row:nth-child(3) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"hockey\">",
"target": [
"article[data-league=\"hockey\"]"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Bluff Ice House \u00b7 SOG 24\u201317</span>",
"target": [
"article[data-league=\"hockey\"] > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.7pt (10.24px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span class=\"league\">NCAA \u00b7 Rivalry Week</span>",
"target": [
".score-card[data-league=\"football\"]:nth-child(6) > .score-top > .league"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.7pt (10.24px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Home \u00b7 9\u20132</small>",
"target": [
".score-card[data-league=\"football\"]:nth-child(6) > .is-winner.team-row > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "7.9pt (10.56px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Away \u00b7 7\u20134</small>",
"target": [
".score-card[data-league=\"football\"]:nth-child(6) > .team-row:nth-child(3) > .team-name > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 7.9pt (10.56px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<article class=\"score-card\" data-league=\"football\">",
"target": [
".score-card[data-league=\"football\"]:nth-child(6)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Miner Stadium \u00b7 Att. 44,890</span>",
"target": [
".score-card[data-league=\"football\"]:nth-child(6) > .score-foot > span"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Marcus Ilyin</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(1) > .body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>7 min read</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(1) > .body > .meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Priya Raghunathan</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(2) > .body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>11 min read</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(2) > .body > .meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>Devon Marsh</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(3) > .body > .meta > span:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"news-card\" href=\"#analysis\">",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<span>9 min read</span>",
"target": [
".news-card[href$=\"#analysis\"]:nth-child(3) > .body > .meta > span:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"side-sub\">Last 7 days \u00b7 All leagues</div>",
"target": [
".side-card:nth-child(1) > .side-sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"p-team\">Northgate Ravens</div>",
"target": [
".performer:nth-child(3) > .p-info > .p-team"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>PPG</small>",
"target": [
".performer:nth-child(3) > .p-stat > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"p-team\">Alder Bay Comets</div>",
"target": [
".performer:nth-child(4) > .p-info > .p-team"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>PPG</small>",
"target": [
".performer:nth-child(4) > .p-stat > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"p-team\">Portside FC</div>",
"target": [
".performer:nth-child(5) > .p-info > .p-team"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>Goals</small>",
"target": [
".performer:nth-child(5) > .p-stat > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"p-team\">Granite Bluff Wolves</div>",
"target": [
".performer:nth-child(6) > .p-info > .p-team"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<small>SV%</small>",
"target": [
".performer:nth-child(6) > .p-stat > small"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"side-sub\">Conference \u00b7 Top five</div>",
"target": [
".side-card:nth-child(2) > .side-sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.4pt (9.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">Team</th>",
"target": [
".standings > thead > tr > th:nth-child(1)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.4pt (9.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">Record</th>",
"target": [
".standings > thead > tr > th:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "7.4pt (9.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\">",
"target": [
".side-card:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">GB</th>",
"target": [
".standings > thead > tr > th:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 7.4pt (9.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.4pt (11.2px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\" id=\"podcast\">",
"target": [
"#podcast"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"side-sub\">New episodes every Tuesday</div>",
"target": [
"#podcast > .side-sub"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.4pt (11.2px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\" id=\"podcast\">",
"target": [
"#podcast"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"dur\">48 min \u00b7 with Dana Whitfield</div>",
"target": [
".podcast-item[href$=\"#podcast\"]:nth-child(3) > div > .dur"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\" id=\"podcast\">",
"target": [
"#podcast"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"dur\">55 min \u00b7 with Ellis Boateng</div>",
"target": [
".podcast-item[href$=\"#podcast\"]:nth-child(4) > div > .dur"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"side-card\" id=\"podcast\">",
"target": [
"#podcast"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"dur\">41 min \u00b7 with Devon Marsh</div>",
"target": [
".podcast-item[href$=\"#podcast\"]:nth-child(5) > div > .dur"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">Player</th>",
"target": [
".stat-table > thead > tr > th:nth-child(2)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">Player</th>",
"target": [
".stat-table > thead > tr > th:nth-child(2)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">Team</th>",
"target": [
".stat-table > thead > tr > th:nth-child(3)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">Team</th>",
"target": [
".stat-table > thead > tr > th:nth-child(3)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">GP</th>",
"target": [
"th:nth-child(4)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">GP</th>",
"target": [
"th:nth-child(4)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">PPG</th>",
"target": [
"th:nth-child(5)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">PPG</th>",
"target": [
"th:nth-child(5)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">RPG</th>",
"target": [
"th:nth-child(6)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">RPG</th>",
"target": [
"th:nth-child(6)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">APG</th>",
"target": [
"th:nth-child(7)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">APG</th>",
"target": [
"th:nth-child(7)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1e2429",
"contrastRatio": 3.56,
"fontSize": "7.6pt (10.08px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<th scope=\"col\">FG%</th>",
"target": [
"th:nth-child(8)"
]
},
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<th scope=\"col\">FG%</th>",
"target": [
"th:nth-child(8)"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1e2429, font size: 7.6pt (10.08px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">01</td>",
"target": [
"tr:nth-child(1) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">02</td>",
"target": [
"tr:nth-child(2) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">03</td>",
"target": [
"tr:nth-child(3) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">04</td>",
"target": [
"tr:nth-child(4) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">05</td>",
"target": [
"tr:nth-child(5) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#171d22",
"contrastRatio": 3.86,
"fontSize": "10.4pt (13.92px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"table-wrap\">",
"target": [
".table-wrap"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<td class=\"rank\">06</td>",
"target": [
"tr:nth-child(6) > .rank"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.86 (foreground color: #6d7a85, background color: #171d22, font size: 10.4pt (13.92px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1d242a",
"contrastRatio": 3.56,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"date-chip\"><div class=\"d\">18</div><div class=\"m\">Feb</div></div>",
"target": [
".schedule-item:nth-child(1) > .date-chip"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"m\">Feb</div>",
"target": [
".schedule-item:nth-child(1) > .date-chip > .m"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"schedule-item\">",
"target": [
".schedule-item:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"venue\">Arena 41 \u00b7 19:30 ET \u00b7 National broadcast</div>",
"target": [
".schedule-item:nth-child(1) > .schedule-info > .venue"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1d242a",
"contrastRatio": 3.56,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"date-chip\"><div class=\"d\">21</div><div class=\"m\">Feb</div></div>",
"target": [
".schedule-item:nth-child(2) > .date-chip"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"m\">Feb</div>",
"target": [
".schedule-item:nth-child(2) > .date-chip > .m"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"schedule-item\">",
"target": [
".schedule-item:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"venue\">Titan Bowl \u00b7 16:05 ET \u00b7 Divisional round</div>",
"target": [
".schedule-item:nth-child(2) > .schedule-info > .venue"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1d242a",
"contrastRatio": 3.56,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"date-chip\"><div class=\"d\">23</div><div class=\"m\">Feb</div></div>",
"target": [
".schedule-item:nth-child(3) > .date-chip"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"m\">Feb</div>",
"target": [
".schedule-item:nth-child(3) > .date-chip > .m"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"schedule-item\">",
"target": [
".schedule-item:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"venue\">Ridgeview Grounds \u00b7 14:00 GMT \u00b7 Cup semifinal</div>",
"target": [
".schedule-item:nth-child(3) > .schedule-info > .venue"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1d242a",
"contrastRatio": 3.56,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"date-chip\"><div class=\"d\">26</div><div class=\"m\">Feb</div></div>",
"target": [
".schedule-item:nth-child(4) > .date-chip"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"m\">Feb</div>",
"target": [
".schedule-item:nth-child(4) > .date-chip > .m"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"schedule-item\">",
"target": [
".schedule-item:nth-child(4)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"venue\">Fox Den Arena \u00b7 20:00 ET \u00b7 Rivalry night</div>",
"target": [
".schedule-item:nth-child(4) > .schedule-info > .venue"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#1d242a",
"contrastRatio": 3.56,
"fontSize": "7.2pt (9.6px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"date-chip\"><div class=\"d\">02</div><div class=\"m\">Mar</div></div>",
"target": [
".schedule-item:nth-child(5) > .date-chip"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"m\">Mar</div>",
"target": [
".schedule-item:nth-child(5) > .date-chip > .m"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.56 (foreground color: #6d7a85, background color: #1d242a, font size: 7.2pt (9.6px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.6pt (11.52px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"schedule-item\">",
"target": [
".schedule-item:nth-child(5)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"venue\">Bears Fieldhouse \u00b7 18:45 ET \u00b7 Championship final</div>",
"target": [
".schedule-item:nth-child(5) > .schedule-info > .venue"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.6pt (11.52px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial\">",
"target": [
".testimonial:nth-child(1)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"r\">Head Coach \u00b7 Ridgemont Prep</div>",
"target": [
".testimonial:nth-child(1) > .who > div > .r"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial\">",
"target": [
".testimonial:nth-child(2)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"r\">Commissioner \u00b7 The Sunday League</div>",
"target": [
".testimonial:nth-child(2) > .who > div > .r"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#6d7a85",
"bgColor": "#111519",
"contrastRatio": 4.16,
"fontSize": "8.2pt (10.88px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<div class=\"testimonial\">",
"target": [
".testimonial:nth-child(3)"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"r\">Season Ticket Holder \u00b7 Section 114</div>",
"target": [
".testimonial:nth-child(3) > .who > div > .r"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 4.16 (foreground color: #6d7a85, background color: #111519, font size: 8.2pt (10.88px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "scrollable-region-focusable",
"impact": "serious",
"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": [
{
"any": [
{
"id": "focusable-content",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element should have focusable content"
},
{
"id": "focusable-element",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element should be focusable"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<div class=\"ticker-scroll\">",
"target": [
".ticker-scroll"
],
"failureSummary": "Fix any of the following:\n Element should have focusable content\n Element should be focusable"
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 7734
},
{
"y": 576,
"height": 7734
},
{
"y": 1152,
"height": 7734
},
{
"y": 1728,
"height": 7734
},
{
"y": 2304,
"height": 7734
},
{
"y": 2880,
"height": 7734
},
{
"y": 3456,
"height": 7734
},
{
"y": 4032,
"height": 7734
},
{
"y": 4608,
"height": 7734
},
{
"y": 5184,
"height": 7734
},
{
"y": 5760,
"height": 7734
},
{
"y": 6336,
"height": 7734
},
{
"y": 6912,
"height": 7734
},
{
"y": 7014,
"height": 7734
}
],
"scans": 15,
"max_states": 512,
"settle_ms": 5000,
"page_timeout_seconds": 150,
"layout_stability": "consecutive 100ms size samples within one CSS pixel",
"animation_settling": "finite animations present when scroll resources are ready finish or are cancelled",
"interactive_states": "not exercised",
"horizontal_scroll": "not exercised"
}
}
System Prompt
You are a lead web developer at a top digital agency, tasked with creating a one-page website for a new client based on the given specifications, delivered as an HTML file. First non-whitespace char '<', last non-whitespace char '>'. Use the following services to generate placeholder images where needed:
- placehold.co (text): https://placehold.co/[{w}x{h}|{size}][/{bg-color}/{text-color}]?text={text}&font=[lato|lora|montserrat|noto sans|open sans|oswald|playfair display|poppins|pt sans|raleway|roboto|source sans|source sans pro]
- picsum.photos (photos): https://picsum.photos/[{w}/{h}|{size}]?[grayscale][&blur={1-10}]
- pravatar.cc (avatars): https://i.pravatar.cc/{size}?u={identifier}
Choose sizes appropriate to layout.
User Prompt
Create a **complete, polished, production-quality** primary web page for a new client in the "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: "Videos", "News", "Schedule".
- **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: "Live Scores", "Historical Records", "Player Stats".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "draft pick", "winning streak", "championship".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Watch Game", "Read Analysis", "Subscribe".
- **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: "top performers", "podcast episodes", "league standings".
- **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.