Meta Muse Glimmer 30B – Sports
via DeepInfra · Generated
- AIMAC Debt 7.64
- Cost $0.007
- Total Violations 9
- HTML Size 14 KB
- Em Dashes 0
Screenshot
View Live Page
Accessibility Issues Found
9 Serious
-
color-contrast serious 4 instances
Elements must meet minimum color contrast ratio thresholds
Example HTML
<a class="cta" href="#">Enter Contest</a> -
target-size serious 5 instances
All touch targets must be 24px large, or leave sufficient space
Example HTML
<a href="#">About</a>
Artifacts
View Generated HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>StadiumWire | Your Front Row to Every Game, Every League, Every Moment</title>
<style>
:root{--bg:#0b0f14;--card:#121821;--muted:#8a94a6;--text:#e8edf5;--accent:#ff3b30;--accent-2:#1e90ff;--border:#232c3a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(180deg,#0e141c,#0b0f14);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:16px;padding:16px 0}
.brand img{height:48px;width:auto}
.brand-text h1{font-size:22px;letter-spacing:.5px}
.brand-text p{color:var(--muted);font-size:13px}
nav{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.nav-links{display:flex;gap:20px;font-weight:600;font-size:14px}
.nav-links a:hover{color:var(--accent-2)}
.cta{display:inline-block;background:var(--accent);color:white;padding:10px 16px;border-radius:8px;font-weight:700}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin:32px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.card-body{padding:20px}
.hero-main img{width:100%;height:340px;object-fit:cover;display:block}
.hero-main h2{font-size:28px;margin:16px 0 8px}
.meta{color:var(--muted);font-size:13px;margin-bottom:12px}
.btn{border:1px solid var(--border);padding:8px 14px;border-radius:8px;display:inline-block;font-weight:600}
.btn.primary{background:var(--accent-2);border-color:var(--accent-2);color:white}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:40px 0}
.section-title{font-size:24px;margin:32px 0 16px;border-left:4px solid var(--accent);padding-left:12px}
.article img{width:100%;height:200px;object-fit:cover}
.article h3{margin:12px 0 6px;font-size:20px}
.article p{color:#cbd5e1;font-size:15px}
.layout{display:grid;grid-template-columns:1fr 340px;gap:32px;margin:40px 0}
.sidebar .card{margin-bottom:24px}
.poll-option{display:flex;align-items:center;gap:10px;margin:8px 0}
.scoreboard table{width:100%;border-collapse:collapse;font-size:14px}
.scoreboard th, .scoreboard td{padding:10px;border-bottom:1px solid var(--border);text-align:left}
.scoreboard .live{color:#22c55e;font-weight:700}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:30px 0}
.testimonial{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}
.testimonial .avatar{width:40px;height:40px;border-radius:50%}
.accordion details{background:var(--card);border:1px solid var(--border);border-radius:10px;margin:10px 0;padding:12px 16px}
footer{background:#070b10;border-top:1px solid var(--border);margin-top:60px;padding:40px 0;color:var(--muted);font-size:14px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}
.footer-grid h4{color:var(--text);margin-bottom:10px}
.social{display:flex;gap:12px}
@media(max-width:980px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
</style>
</head>
<body>
<header>
<div class="container">
<div class="brand">
<img src="https://placehold.co/180x60/0b0f14/ffffff?text=STADIUMWIRE" alt="StadiumWire Logo">
<div class="brand-text">
<h1>StadiumWire</h1>
<p>Your Front Row to Every Game, Every League, Every Moment</p>
</div>
</div>
<nav>
<div class="nav-links">
<a href="#">Home</a>
<a href="#">News</a>
<a href="#">Videos</a>
<a href="#">Live Scores</a>
<a href="#">Teams</a>
<a href="#">Tickets</a>
<a href="#">Membership</a>
</div>
<a class="cta" href="#">Enter Contest</a>
</nav>
</div>
</header>
<main class="container">
<section class="hero">
<div class="card hero-main">
<img src="https://picsum.photos/800/450?random=11" alt="Championship final">
<div class="card-body">
<div class="meta">By Alex Rivera • Oct 12, 2025 • Championship News</div>
<h2>Defending Champions Clinch Playoff Berth After Late-Game Comeback Against Rivals</h2>
<p>In a pulsating finish at Northbridge Arena, the defending champions erased a 12-point deficit in the final quarter, powered by a breakout performance from rookie guard Maya Chen and veteran point guard Luis Ortega. Sports analytics models had given the underdogs a 78% win probability entering the fourth, but a shift to a high-pressure 2-3 zone and decisive free agency acquisitions in the off-season proved critical.</p>
<a class="btn primary" href="#">Read Analysis</a>
<a class="btn" href="#" style="margin-left:10px">Check Scores</a>
</div>
</div>
<div class="card scoreboard">
<div class="card-body">
<h3 style="margin-bottom:12px">Live Scoreboard</h3>
<table id="liveScores">
<thead><tr><th>Match</th><th>Score</th><th>Status</th></tr></thead>
<tbody>
<tr><td>Northbridge vs Eastside</td><td><span id="s1a">84</span>-<span id="s1b">79</span></td><td class="live" id="st1">LIVE Q4 2:14</td></tr>
<tr><td>West Coast United vs Harbor City</td><td><span id="s2a">62</span>-<span id="s2b">61</span></td><td class="live" id="st2">LIVE Q3 5:42</td></tr>
<tr><td>Central Titans vs Lakeside</td><td><span id="s3a">101</span>-<span id="s3b">98</span></td><td id="st3">FT</td></tr>
</tbody>
</table>
<p style="color:var(--muted);font-size:12px;margin-top:10px">Updated in real time. Data powered by StadiumWire sports analytics feed.</p>
</div>
</div>
</section>
<div class="layout">
<div>
<h2 class="section-title">Championship News</h2>
<div class="grid-3">
<article class="card article">
<img src="https://picsum.photos/600/400?random=21" alt="">
<div class="card-body">
<h3>Free Agency Shake-Up Reshapes Title Contenders</h3>
<p>The summer free agency window closed with several blockbuster moves that will redefine the championship landscape. With salary cap flexibility and a focus on two-way wings, front offices prioritized defensive versatility over raw scoring. General managers cited advanced metrics such as defensive rating and clutch net rating when justifying premium contracts.</p>
<p>Analysts note that teams investing in sports analytics departments saw a 14% improvement in roster efficiency year-over-year. The MVP candidate race is now wide open, with three newcomers entering the conversation after record-setting preseason performances.</p>
</div>
</article>
<article class="card article">
<img src="https://picsum.photos/600/400?random=22" alt="">
<div class="card-body">
<h3>Playoff Seeding Battle Intensifies Across Conferences</h3>
<p>With 10 games remaining in the regular season, the middle of the standings is a logjam. Tiebreakers, rest advantages, and injury reports are dominating front office discussions. Coaches are managing minutes carefully to preserve legs for a potential deep run, while sports science teams monitor load management data daily.</p>
<p>The league office announced new scheduling protocols to reduce back-to-backs, a move welcomed by players' union representatives. Fans can expect more competitive late-season matchups as teams jockey for home-court advantage.</p>
</div>
</article>
<article class="card article">
<img src="https://picsum.photos/600/400?random=23" alt="">
<div class="card-body">
<h3>Young Stars Emerge as Franchise Cornerstones</h3>
<p>Draft-and-develop strategies are paying dividends. Two sophomores logged 30+ minutes nightly and posted elite box plus/minus numbers. Scouts highlight their basketball IQ, off-ball movement, and ability to execute under pressure. Team executives are already extending rookie-scale deals to lock in core pieces.</p>
</div>
</article>
</div>
<h2 class="section-title">Team News & Transfers</h2>
<div class="card card-body">
<img src="https://picsum.photos/1000/400?random=31" alt="Training" style="width:100%;height:240px;object-fit:cover;border-radius:12px;margin-bottom:16px">
<h3>Eastside Runners Announce Coaching Change and Roster Additions</h3>
<div class="meta">By Jenna Park • Oct 11, 2025</div>
<p>Eastside Runners have parted ways with head coach Marcus Hale after three seasons, naming assistant coach Tasha Williams as interim leader. The move comes amid a defensive slump and concerns about player development. Williams, known for her player-centric approach and emphasis on film study, is expected to implement a faster pace.</p>
<p>Simultaneously, the club confirmed the signing of forward Amir Diallo from free agency. Diallo, 27, averaged 18.4 points and 7.2 rebounds last season and brings championship experience. The front office also traded a protected second-round pick for veteran center Jonah Lee, adding frontcourt depth for playoff push.</p>
<p>Medical staff report that star guard Kira Santos is progressing well from a hamstring strain and could return next week. Her availability is pivotal as the team faces a four-game road trip.</p>
<a class="btn primary" href="#">View Roster</a>
</div>
<h2 class="section-title">Tactical Game Analysis</h2>
<div class="card card-body">
<h3>Breaking Down the 4th Quarter Comeback: Schemes, Adjustments, Execution</h3>
<p>Our analytics team dissected the final 9:34 of Northbridge’s comeback. The turning point was a switch to a zone press that forced 4 turnovers and generated 12 fast-break points. Offensive efficiency spiked to 128.4 points per 100 possessions after the adjustment.</p>
<p>Key player tracking shows Maya Chen increased her usage rate from 18% to 31% in the clutch, while Luis Ortega maintained a 3:1 assist-to-turnover ratio. Defensive rotations tightened, holding opponents to 0.82 points per possession. Coaches credited film preparation and real-time sports analytics dashboards for in-game decisions.</p>
<p>We project this blueprint will be studied league-wide as teams enter playoff preparation. The combination of veteran leadership and rookie fearlessness creates a dangerous identity.</p>
<a class="btn" href="#">Read Full Analysis</a>
</div>
<div class="testimonials">
<div class="testimonial">
<img class="avatar" src="https://i.pravatar.cc/100?u=fan1" alt="">
<p style="margin-top:10px">"StadiumWire is my go-to for honest breakdowns. The live scoreboard and instant analysis keep me connected even when I can’t watch."</p>
<strong style="display:block;margin-top:8px">Maya L., Season Ticket Holder</strong>
</div>
<div class="testimonial">
<img class="avatar" src="https://i.pravatar.cc/100?u=coach2" alt="">
<p style="margin-top:10px">"As a coach, the tactical pieces are spot-on. The data is clean and the writing respects the game."</p>
<strong style="display:block;margin-top:8px">Coach D. Alvarez</strong>
</div>
<div class="testimonial">
<img class="avatar" src="https://i.pravatar.cc/100?u=fan3" alt="">
<p style="margin-top:10px">"Tickets, news, videos all in one place. The membership perks actually save me money."</p>
<strong style="display:block;margin-top:8px">R. Chen</strong>
</div>
</div>
<h2 class="section-title">Fan Hub & FAQ</h2>
<div class="accordion">
<details open><summary>How do live scores update?</summary><p>Our proprietary feed polls official league data every 15 seconds and cross-references with on-court sensors for real-time accuracy.</p></details>
<details><summary>Can I buy tickets through StadiumWire?</summary><p>Yes. Our Tickets section partners with verified vendors. Members get early access and price alerts.</p></details>
<details><summary>How is sports analytics used in articles?</summary><p>We combine box score data, tracking data, and proprietary models to contextualize performance beyond traditional stats.</p></details>
</div>
</div>
<aside class="sidebar">
<div class="card">
<div class="card-body">
<h3>Fan Poll</h3>
<p>Who will win regular season MVP?</p>
<div class="poll-option"><input type="radio" name="mvp" id="p1"><label for="p1">Maya Chen</label></div>
<div class="poll-option"><input type="radio" name="mvp" id="p2"><label for="p2">Luis Ortega</label></div>
<div class="poll-option"><input type="radio" name="mvp" id="p3"><label for="p3">Amir Diallo</label></div>
<button class="btn primary" onclick="alert('Thanks for voting!')">Vote</button>
</div>
</div>
<div class="card">
<div class="card-body">
<h3>Trade Rumor Tracker</h3>
<ul style="list-style:none;padding:0">
<li style="padding:8px 0;border-bottom:1px solid var(--border)">West Coast eyeing veteran PG in free agency</li>
<li style="padding:8px 0;border-bottom:1px solid var(--border)">Central Titans linked to defensive wing</li>
<li style="padding:8px 0">Lakeside shopping for backup center</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-body">
<h3>Upcoming Fixtures</h3>
<p><strong>Oct 14</strong> Northbridge @ Eastside • 7:30 PM</p>
<p><strong>Oct 15</strong> Harbor City vs West Coast • 8:00 PM</p>
<p><strong>Oct 16</strong> Central Titans vs Lakeside • 6:00 PM</p>
<a class="btn" href="#">Full Schedule</a>
</div>
</div>
</aside>
</div>
</main>
<footer>
<div class="container footer-grid">
<div>
<h4>StadiumWire</h4>
<p>Real-time scores, deep analysis, and unfiltered passion for every league. Built for fans, analysts, and teams.</p>
<p>© 2025 StadiumWire Media LLC. All rights reserved.</p>
</div>
<div>
<h4>Company</h4>
<p><a href="#">About</a></p>
<p><a href="#">Careers</a></p>
<p><a href="#">Press</a></p>
<p><a href="#">Contact: hello@stadiumwire.com</a></p>
</div>
<div>
<h4>Legal</h4>
<p><a href="#">Privacy Policy</a></p>
<p><a href="#">Terms of Service</a></p>
<p><a href="#">Cookie Settings</a></p>
</div>
<div>
<h4>Follow Us</h4>
<div class="social">
<a href="#">Twitter</a>
<a href="#">Instagram</a>
<a href="#">YouTube</a>
<a href="#">TikTok</a>
</div>
</div>
</div>
</div>
</footer>
<script>
const scores = [
{a:84,b:79},
{a:62,b:61},
];
setInterval(()=>{
scores.forEach((s,i)=>{
if(i<2 && Math.random()<0.4){
s.a+=Math.floor(Math.random()*3);
s.b+=Math.floor(Math.random()*2);
}
});
document.getElementById('s1a').textContent=scores[0].a;
document.getElementById('s1b').textContent=scores[0].b;
document.getElementById('s2a').textContent=scores[1].a;
document.getElementById('s2b').textContent=scores[1].b;
},3000);
</script>
</body>
</html>
View Axe Report (JSON)
{
"testEngine": {
"name": "axe-core",
"version": "4.10.2"
},
"testRunner": {
"name": "axe"
},
"testEnvironment": {
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/156.0.8078.4 Safari/537.36",
"windowWidth": 1280,
"windowHeight": 720,
"orientationAngle": 0,
"orientationType": "landscape-primary"
},
"timestamp": "2026-11-12T09:46:43.968Z",
"url": "https://benchmark.aimac.invalid/2c59727dc7ab74af072c06ec26bd13d9ffa69b0cb3495b994378c889349cca46.html",
"toolOptions": {
"runOnly": {
"type": "tag",
"values": [
"wcag2a",
"wcag2aa",
"wcag21a",
"wcag21aa",
"wcag22a",
"wcag22aa"
]
},
"resultTypes": [
"violations"
],
"reporter": "v1"
},
"inapplicable": [
{
"id": "area-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <area> elements of image maps have alternative text",
"help": "Active <area> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/area-alt?application=axeAPI",
"nodes": []
},
{
"id": "aria-allowed-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure an element's role supports its ARIA attributes",
"help": "Elements must only use supported ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-allowed-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-braille-equivalent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-braillelabel and aria-brailleroledescription have a non-braille equivalent",
"help": "aria-braille attributes must have a non-braille equivalent",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-braille-equivalent?application=axeAPI",
"nodes": []
},
{
"id": "aria-command-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA button, link and menuitem has an accessible name",
"help": "ARIA commands must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-command-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-conditional-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are used as described in the specification of the element's role",
"help": "ARIA attributes must be used as specified for the element's role",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-conditional-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-deprecated-role",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements do not use deprecated roles",
"help": "Deprecated ARIA roles must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-deprecated-role?application=axeAPI",
"nodes": []
},
{
"id": "aria-hidden-focus",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden elements are not focusable nor contain focusable elements",
"help": "ARIA hidden element must not be focusable or contain focusable elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-focus?application=axeAPI",
"nodes": []
},
{
"id": "aria-input-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA input field has an accessible name",
"help": "ARIA input fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-input-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-meter-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA meter node has an accessible name",
"help": "ARIA meter nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-meter-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-progressbar-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag111",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure every ARIA progressbar node has an accessible name",
"help": "ARIA progressbar nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-progressbar-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-prohibited-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure ARIA attributes are not prohibited for an element's role",
"help": "Elements must only use permitted ARIA attributes",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-prohibited-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure elements with ARIA roles have all required ARIA attributes",
"help": "Required ARIA attributes must be provided",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-attr?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-children",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require child roles contain them",
"help": "Certain ARIA roles must contain particular children",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-children?application=axeAPI",
"nodes": []
},
{
"id": "aria-required-parent",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure elements with an ARIA role that require parent roles are contained by them",
"help": "Certain ARIA roles must be contained by particular parents",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-required-parent?application=axeAPI",
"nodes": []
},
{
"id": "aria-roles",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all elements with a role attribute use a valid value",
"help": "ARIA roles used must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-roles?application=axeAPI",
"nodes": []
},
{
"id": "aria-toggle-field-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every ARIA toggle field has an accessible name",
"help": "ARIA toggle fields must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-toggle-field-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-tooltip-name",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure every ARIA tooltip node has an accessible name",
"help": "ARIA tooltip nodes must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-tooltip-name?application=axeAPI",
"nodes": []
},
{
"id": "aria-valid-attr-value",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure all ARIA attributes have valid values",
"help": "ARIA attributes must conform to valid values",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr-value?application=axeAPI",
"nodes": []
},
{
"id": "aria-valid-attr",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag412",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure attributes that begin with aria- are valid ARIA attributes",
"help": "ARIA attributes must conform to valid names",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-valid-attr?application=axeAPI",
"nodes": []
},
{
"id": "autocomplete-valid",
"impact": null,
"tags": [
"cat.forms",
"wcag21aa",
"wcag135",
"EN-301-549",
"EN-9.1.3.5",
"ACT"
],
"description": "Ensure the autocomplete attribute is correct and suitable for the form field",
"help": "autocomplete attribute must be used correctly",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/autocomplete-valid?application=axeAPI",
"nodes": []
},
{
"id": "blink",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag222",
"section508",
"section508.22.j",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <blink> elements are not used",
"help": "<blink> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/blink?application=axeAPI",
"nodes": []
},
{
"id": "definition-list",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dl> elements are structured correctly",
"help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/definition-list?application=axeAPI",
"nodes": []
},
{
"id": "dlitem",
"impact": null,
"tags": [
"cat.structure",
"wcag2a",
"wcag131",
"EN-301-549",
"EN-9.1.3.1"
],
"description": "Ensure <dt> and <dd> elements are contained by a <dl>",
"help": "<dt> and <dd> elements must be contained by a <dl>",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/dlitem?application=axeAPI",
"nodes": []
},
{
"id": "frame-focusable-content",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure <frame> and <iframe> elements with focusable content do not have tabindex=-1",
"help": "Frames with focusable content must not have tabindex=-1",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-focusable-content?application=axeAPI",
"nodes": []
},
{
"id": "frame-title-unique",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements contain a unique title attribute",
"help": "Frames must have a unique title attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title-unique?application=axeAPI",
"nodes": []
},
{
"id": "frame-title",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag412",
"section508",
"section508.22.i",
"TTv5",
"TT12.d",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure <iframe> and <frame> elements have an accessible name",
"help": "Frames must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/frame-title?application=axeAPI",
"nodes": []
},
{
"id": "html-xml-lang-mismatch",
"impact": null,
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"EN-301-549",
"EN-9.3.1.1",
"ACT"
],
"description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
"help": "HTML elements with lang and xml:lang must have the same base language",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/html-xml-lang-mismatch?application=axeAPI",
"nodes": []
},
{
"id": "input-button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure input buttons have discernible text",
"help": "Input buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-button-name?application=axeAPI",
"nodes": []
},
{
"id": "input-image-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure <input type=\"image\"> elements have alternative text",
"help": "Image buttons must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/input-image-alt?application=axeAPI",
"nodes": []
},
{
"id": "link-in-text-block",
"impact": null,
"tags": [
"cat.color",
"wcag2a",
"wcag141",
"TTv5",
"TT13.a",
"EN-301-549",
"EN-9.1.4.1"
],
"description": "Ensure links are distinguished from surrounding text in a way that does not rely on color",
"help": "Links must be distinguishable without relying on color",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-in-text-block?application=axeAPI",
"nodes": []
},
{
"id": "marquee",
"impact": null,
"tags": [
"cat.parsing",
"wcag2a",
"wcag222",
"TTv5",
"TT2.b",
"EN-301-549",
"EN-9.2.2.2"
],
"description": "Ensure <marquee> elements are not used",
"help": "<marquee> elements are deprecated and must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/marquee?application=axeAPI",
"nodes": []
},
{
"id": "meta-refresh",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag221",
"TTv5",
"TT8.a",
"EN-301-549",
"EN-9.2.2.1"
],
"description": "Ensure <meta http-equiv=\"refresh\"> is not used for delayed refresh",
"help": "Delayed refresh under 20 hours must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/meta-refresh?application=axeAPI",
"nodes": []
},
{
"id": "object-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"EN-301-549",
"EN-9.1.1.1"
],
"description": "Ensure <object> elements have alternative text",
"help": "<object> elements must have alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/object-alt?application=axeAPI",
"nodes": []
},
{
"id": "role-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure [role=\"img\"] elements have alternative text",
"help": "[role=\"img\"] elements must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/role-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "scrollable-region-focusable",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag211",
"wcag213",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1",
"EN-9.2.1.3"
],
"description": "Ensure elements that have scrollable content are accessible by keyboard",
"help": "Scrollable region must have keyboard access",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=axeAPI",
"nodes": []
},
{
"id": "select-name",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure select element has an accessible name",
"help": "Select element must have an accessible name",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/select-name?application=axeAPI",
"nodes": []
},
{
"id": "server-side-image-map",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag211",
"section508",
"section508.22.f",
"TTv5",
"TT4.a",
"EN-301-549",
"EN-9.2.1.1"
],
"description": "Ensure that server-side image maps are not used",
"help": "Server-side image maps must not be used",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/server-side-image-map?application=axeAPI",
"nodes": []
},
{
"id": "svg-img-alt",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag111",
"section508",
"section508.22.a",
"TTv5",
"TT7.a",
"EN-301-549",
"EN-9.1.1.1",
"ACT"
],
"description": "Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text",
"help": "<svg> elements with an img role must have an alternative text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/svg-img-alt?application=axeAPI",
"nodes": []
},
{
"id": "valid-lang",
"impact": null,
"tags": [
"cat.language",
"wcag2aa",
"wcag312",
"TTv5",
"TT11.b",
"EN-301-549",
"EN-9.3.1.2",
"ACT"
],
"description": "Ensure lang attributes have valid values",
"help": "lang attribute must have a valid value",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/valid-lang?application=axeAPI",
"nodes": []
},
{
"id": "video-caption",
"impact": null,
"tags": [
"cat.text-alternatives",
"wcag2a",
"wcag122",
"section508",
"section508.22.a",
"TTv5",
"TT17.a",
"EN-301-549",
"EN-9.1.2.2"
],
"description": "Ensure <video> elements have captions",
"help": "<video> elements must have captions",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/video-caption?application=axeAPI",
"nodes": []
},
{
"id": "no-autoplay-audio",
"impact": null,
"tags": [
"cat.time-and-media",
"wcag2a",
"wcag142",
"TTv5",
"TT2.a",
"EN-301-549",
"EN-9.1.4.2",
"ACT"
],
"description": "Ensure <video> or <audio> elements do not autoplay audio for more than 3 seconds without a control mechanism to stop or mute the audio",
"help": "<video> or <audio> elements must not play automatically",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/no-autoplay-audio?application=axeAPI",
"nodes": []
}
],
"passes": [
{
"id": "aria-hidden-body",
"impact": null,
"tags": [
"cat.aria",
"wcag2a",
"wcag131",
"wcag412",
"EN-301-549",
"EN-9.1.3.1",
"EN-9.4.1.2"
],
"description": "Ensure aria-hidden=\"true\" is not present on the document body.",
"help": "aria-hidden=\"true\" must not be present on the document body",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/aria-hidden-body?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "aria-hidden-body",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "No aria-hidden attribute is present on document body"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<body>",
"target": [
"body"
]
}
]
},
{
"id": "avoid-inline-spacing",
"impact": null,
"tags": [
"cat.structure",
"wcag21aa",
"wcag1412",
"EN-301-549",
"EN-9.1.4.12",
"ACT"
],
"description": "Ensure that text spacing set through style attributes can be adjusted with custom stylesheets",
"help": "Inline text spacing must be adjustable with custom stylesheets",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/avoid-inline-spacing?application=axeAPI",
"nodes": [
{
"any": [],
"all": [
{
"id": "important-letter-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Letter-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-word-spacing",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "word-spacing in the style attribute is not set to !important, or meets the minimum"
},
{
"id": "important-line-height",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "line-height in the style attribute is not set to !important, or meets the minimum"
}
],
"none": [],
"impact": null,
"html": "<a class=\"btn\" href=\"#\" style=\"margin-left:10px\">Check Scores</a>",
"target": [
".hero-main > .card-body > .btn:nth-child(5)"
]
}
]
},
{
"id": "button-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure buttons have discernible text",
"help": "Buttons must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/button-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "button-has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Element has inner text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<button class=\"btn primary\" onclick=\"alert('Thanks for voting!')\">Vote</button>",
"target": [
"button"
]
}
]
},
{
"id": "bypass",
"impact": null,
"tags": [
"cat.keyboard",
"wcag2a",
"wcag241",
"section508",
"section508.22.o",
"TTv5",
"TT9.a",
"EN-301-549",
"EN-9.2.4.1"
],
"description": "Ensure each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
"help": "Page must have means to bypass repeated blocks",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/bypass?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "header-present",
"data": null,
"relatedNodes": [
{
"html": "<h1>StadiumWire</h1>",
"target": [
"h1"
]
},
{
"html": "<h2>Defending Champions Clinch Playoff Berth After Late-Game Comeback Against Rivals</h2>",
"target": [
".card-body > h2"
]
},
{
"html": "<h3 style=\"margin-bottom:12px\">Live Scoreboard</h3>",
"target": [
".scoreboard > .card-body > h3"
]
},
{
"html": "<h2 class=\"section-title\">Championship News</h2>",
"target": [
".section-title:nth-child(1)"
]
},
{
"html": "<h3>Free Agency Shake-Up Reshapes Title Contenders</h3>",
"target": [
"article:nth-child(1) > .card-body > h3"
]
},
{
"html": "<h3>Playoff Seeding Battle Intensifies Across Conferences</h3>",
"target": [
"article:nth-child(2) > .card-body > h3"
]
},
{
"html": "<h3>Young Stars Emerge as Franchise Cornerstones</h3>",
"target": [
"article:nth-child(3) > .card-body > h3"
]
},
{
"html": "<h2 class=\"section-title\">Team News & Transfers</h2>",
"target": [
".section-title:nth-child(3)"
]
},
{
"html": "<h3>Eastside Runners Announce Coaching Change and Roster Additions</h3>",
"target": [
".card.card-body:nth-child(4) > h3"
]
},
{
"html": "<h2 class=\"section-title\">Tactical Game Analysis</h2>",
"target": [
".section-title:nth-child(5)"
]
},
{
"html": "<h3>Breaking Down the 4th Quarter Comeback: Schemes, Adjustments, Execution</h3>",
"target": [
".card.card-body:nth-child(6) > h3"
]
},
{
"html": "<h2 class=\"section-title\">Fan Hub & FAQ</h2>",
"target": [
".section-title:nth-child(8)"
]
},
{
"html": "<h3>Fan Poll</h3>",
"target": [
"aside > .card:nth-child(1) > .card-body > h3"
]
},
{
"html": "<h3>Trade Rumor Tracker</h3>",
"target": [
"aside > .card:nth-child(2) > .card-body > h3"
]
},
{
"html": "<h3>Upcoming Fixtures</h3>",
"target": [
"aside > .card:nth-child(3) > .card-body > h3"
]
},
{
"html": "<h4>StadiumWire</h4>",
"target": [
"div:nth-child(1) > h4"
]
},
{
"html": "<h4>Company</h4>",
"target": [
"div:nth-child(2) > h4"
]
},
{
"html": "<h4>Legal</h4>",
"target": [
"div:nth-child(3) > h4"
]
},
{
"html": "<h4>Follow Us</h4>",
"target": [
"div:nth-child(4) > h4"
]
}
],
"impact": "serious",
"message": "Page has a heading"
},
{
"id": "landmark",
"data": null,
"relatedNodes": [
{
"html": "<main class=\"container\">",
"target": [
"main"
]
}
],
"impact": "serious",
"message": "Page has a landmark region"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<html lang=\"en\">",
"target": [
"html"
]
}
]
},
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#8a94a6",
"bgColor": "#121821",
"contrastRatio": 5.82,
"fontSize": "9.8pt (13px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [],
"impact": "serious",
"message": "Element has sufficient color contrast of 5.82"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<div class=\"meta\">By Alex Rivera \u2022 Oct 12, 2025 \u2022 Championship News</div>",
"target": [
".hero-main > .card-body > .meta"
]
}
]
},
{
"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": "p1",
"relatedNodes": [],
"impact": "critical",
"message": "Document has no elements referenced with ARIA or labels that share the same id attribute"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<input type=\"radio\" name=\"mvp\" id=\"p1\">",
"target": [
"#p1"
]
}
]
},
{
"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 for=\"p1\">Maya Chen</label>",
"target": [
"label[for=\"p1\"]"
]
}
],
"impact": "moderate",
"message": "Form field does not have multiple label elements"
}
],
"impact": null,
"html": "<input type=\"radio\" name=\"mvp\" id=\"p1\">",
"target": [
"#p1"
]
}
]
},
{
"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/180x60/0b0f14/ffffff?text=STADIUMWIRE\" alt=\"StadiumWire Logo\">",
"target": [
"img[alt=\"StadiumWire Logo\"]"
]
}
]
},
{
"id": "label",
"impact": null,
"tags": [
"cat.forms",
"wcag2a",
"wcag412",
"section508",
"section508.22.n",
"TTv5",
"TT5.c",
"EN-301-549",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure every form element has a label",
"help": "Form elements must have labels",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "explicit-label",
"data": {
"explicitLabel": "Maya Chen"
},
"relatedNodes": [
{
"html": "<label for=\"p1\">Maya Chen</label>",
"target": [
"label[for=\"p1\"]"
]
}
],
"impact": "critical",
"message": "Element has an explicit <label>"
}
],
"all": [],
"none": [
{
"id": "hidden-explicit-label",
"data": null,
"relatedNodes": [],
"impact": "critical",
"message": "Form element has a visible explicit <label>"
}
],
"impact": null,
"html": "<input type=\"radio\" name=\"mvp\" id=\"p1\">",
"target": [
"#p1"
]
}
]
},
{
"id": "link-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag244",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.2.4.4",
"EN-9.4.1.2",
"ACT"
],
"description": "Ensure links have discernible text",
"help": "Links must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/link-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [
{
"id": "focusable-no-name",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element is not in tab order or has accessible text"
}
],
"impact": null,
"html": "<a href=\"#\">Home</a>",
"target": [
".nav-links > a:nth-child(1)"
]
}
]
},
{
"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 style=\"list-style:none;padding:0\">",
"target": [
"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 style=\"padding:8px 0;border-bottom:1px solid var(--border)\">West Coast eyeing veteran PG in free agency</li>",
"target": [
"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/180x60/0b0f14/ffffff?text=STADIUMWIRE\" alt=\"StadiumWire Logo\">",
"target": [
"img[alt=\"StadiumWire Logo\"]"
]
}
]
},
{
"id": "summary-name",
"impact": null,
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2"
],
"description": "Ensure summary elements have discernible text",
"help": "Summary elements must have discernible text",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/summary-name?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "has-visible-text",
"data": null,
"relatedNodes": [],
"impact": "serious",
"message": "Element has text that is visible to screen readers"
}
],
"all": [],
"none": [],
"impact": null,
"html": "<summary>How do live scores update?</summary>",
"target": [
"details[open=\"\"] > summary"
]
}
]
},
{
"id": "target-size",
"impact": "serious",
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-offset",
"data": {
"closestOffset": 24,
"minOffset": 24
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has sufficient space from its closest neighbors. Safe clickable space has a diameter of 24px which is at least 24px."
}
],
"all": [],
"none": [],
"impact": null,
"html": "<a href=\"#\">Home</a>",
"target": [
".nav-links > a:nth-child(1)"
]
}
]
},
{
"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 id=\"liveScores\">",
"target": [
"#liveScores"
]
}
]
},
{
"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 id=\"liveScores\">",
"target": [
"#liveScores"
]
}
]
}
],
"incomplete": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": null,
"bgColor": null,
"contrastRatio": 0,
"fontSize": "16.5pt (22px)",
"fontWeight": "bold",
"messageKey": "bgGradient",
"expectedContrastRatio": "3:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<header>",
"target": [
"header"
]
}
],
"impact": "serious",
"message": "Element's background color could not be determined due to a background gradient"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<h1>StadiumWire</h1>",
"target": [
"h1"
],
"failureSummary": "Fix any of the following:\n Element's background color could not be determined due to a background gradient"
}
]
}
],
"violations": [
{
"id": "color-contrast",
"impact": "serious",
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT"
],
"description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds",
"help": "Elements must meet minimum color contrast ratio thresholds",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#ff3b30",
"contrastRatio": 3.54,
"fontSize": "12.0pt (16px)",
"fontWeight": "bold",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"cta\" href=\"#\">Enter Contest</a>",
"target": [
".cta"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.54 (foreground color: #ffffff, background color: #ff3b30, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"cta\" href=\"#\">Enter Contest</a>",
"target": [
".cta"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.54 (foreground color: #ffffff, background color: #ff3b30, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#1e90ff",
"contrastRatio": 3.23,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn primary\" href=\"#\">Read Analysis</a>",
"target": [
".hero-main > .card-body > .primary.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn primary\" href=\"#\">Read Analysis</a>",
"target": [
".hero-main > .card-body > .primary.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#1e90ff",
"contrastRatio": 3.23,
"fontSize": "12.0pt (16px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<a class=\"btn primary\" href=\"#\">View Roster</a>",
"target": [
".card.card-body:nth-child(4) > .primary.btn"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a class=\"btn primary\" href=\"#\">View Roster</a>",
"target": [
".card.card-body:nth-child(4) > .primary.btn"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1"
},
{
"any": [
{
"id": "color-contrast",
"data": {
"fgColor": "#ffffff",
"bgColor": "#1e90ff",
"contrastRatio": 3.23,
"fontSize": "10.0pt (13.3333px)",
"fontWeight": "normal",
"messageKey": null,
"expectedContrastRatio": "4.5:1",
"shadowColor": null
},
"relatedNodes": [
{
"html": "<button class=\"btn primary\" onclick=\"alert('Thanks for voting!')\">Vote</button>",
"target": [
"button"
]
}
],
"impact": "serious",
"message": "Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1"
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<button class=\"btn primary\" onclick=\"alert('Thanks for voting!')\">Vote</button>",
"target": [
"button"
],
"failureSummary": "Fix any of the following:\n Element has insufficient color contrast of 3.23 (foreground color: #ffffff, background color: #1e90ff, font size: 10.0pt (13.3333px), font weight: normal). Expected contrast ratio of 4.5:1"
}
]
},
{
"id": "target-size",
"impact": "serious",
"tags": [
"cat.sensory-and-visual-cues",
"wcag22aa",
"wcag258"
],
"description": "Ensure touch targets have sufficient size and space",
"help": "All touch targets must be 24px large, or leave sufficient space",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.10/target-size?application=axeAPI",
"nodes": [
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 38.8,
"height": 17
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (38.8px by 17px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 22.2,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\">Careers</a>",
"target": [
"div:nth-child(2) > p:nth-child(3) > a"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">About</a>",
"target": [
"div:nth-child(2) > p:nth-child(2) > a"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (38.8px by 17px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px."
},
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 50.3,
"height": 17
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (50.3px by 17px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 22.2,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\">About</a>",
"target": [
"div:nth-child(2) > p:nth-child(2) > a"
]
},
{
"html": "<a href=\"#\">Press</a>",
"target": [
"div:nth-child(2) > p:nth-child(4) > a"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Careers</a>",
"target": [
"div:nth-child(2) > p:nth-child(3) > a"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (50.3px by 17px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 22.2px instead of at least 24px."
},
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 35.8,
"height": 17
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (35.8px by 17px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 23,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\">Careers</a>",
"target": [
"div:nth-child(2) > p:nth-child(3) > a"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Press</a>",
"target": [
"div:nth-child(2) > p:nth-child(4) > a"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (35.8px by 17px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px."
},
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 108.5,
"height": 17
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (108.5px by 17px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 21.2,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\">Cookie Settings</a>",
"target": [
"div:nth-child(3) > p:nth-child(4) > a"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Terms of Service</a>",
"target": [
"div:nth-child(3) > p:nth-child(3) > a"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (108.5px by 17px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px."
},
{
"any": [
{
"id": "target-size",
"data": {
"minSize": 24,
"width": 101.9,
"height": 17
},
"relatedNodes": [],
"impact": "serious",
"message": "Target has insufficient size (101.9px by 17px, should be at least 24px by 24px)"
},
{
"id": "target-offset",
"data": {
"closestOffset": 21.2,
"minOffset": 24
},
"relatedNodes": [
{
"html": "<a href=\"#\">Terms of Service</a>",
"target": [
"div:nth-child(3) > p:nth-child(3) > a"
]
}
],
"impact": "serious",
"message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px."
}
],
"all": [],
"none": [],
"impact": "serious",
"html": "<a href=\"#\">Cookie Settings</a>",
"target": [
"div:nth-child(3) > p:nth-child(4) > a"
],
"failureSummary": "Fix any of the following:\n Target has insufficient size (101.9px by 17px, should be at least 24px by 24px)\n Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 21.2px instead of at least 24px."
}
]
}
],
"coverage": {
"contract": "main-document-vertical-scroll",
"complete": true,
"positions": [
{
"y": 0,
"height": 4460
},
{
"y": 576,
"height": 4460
},
{
"y": 1152,
"height": 4460
},
{
"y": 1728,
"height": 4460
},
{
"y": 2304,
"height": 4460
},
{
"y": 2880,
"height": 4460
},
{
"y": 3456,
"height": 4460
},
{
"y": 3740,
"height": 4460
}
],
"scans": 9,
"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: "Tickets", "News", "Videos".
- **MAIN CONTENT:** Structure this area with **at least 3-4 distinct, well-developed sections**.
- Address key topics relevant to the "Sports" category. Consider themes similar to: "Team News", "Championship News", "Game Analysis".
- **Content Depth:** Populate each section with **substantial, realistic text** (multiple sentences/paragraphs). Use authentic industry language and terminology like: "sports analytics", "MVP candidate", "free agency".
- **Visuals:** Integrate relevant placeholder images logically within the content sections.
- **Calls to Action:** Include clear and contextually relevant CTAs. Use strong verbs similar to: "Check Scores", "Read Analysis", "Enter Contest".
- **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: "live scoreboard".
- **SIDEBAR (Optional):** If your design includes a sidebar, populate it with **useful, relevant content**. Ideas: "fan polls", "trade news", "game highlights".
- **FOOTER:** Include a professional footer with invented contact details, copyright (current year), social media links, and standard links (Privacy, Terms).
- **MODERN WEB PATTERNS:** Include modern web patterns like testimonial cards, feature grids, or FAQ accordions where appropriate.