Accessibility Critical - Missing Semantic HTML Structure (Zero Heading Tags)

[nox-ant]

Suggested Labels: accessibility, seo, html, critical

Problem

Page has ZERO semantic heading tags (h1-h6). All text is styled divs. Missing ARIA landmarks (no <main>, no <header>). This breaks screen reader navigation and hurts SEO.

Accessibility Metrics

{
  "headingCount": 0,
  "hasH1": false,
  "landmarks": {"main": 0, "header": 0, "nav": 1, "footer": 1}
}

Expected Behavior

Proper heading hierarchy (h1 → h2 → h3), semantic landmarks

Actual Behavior

• 0 heading tags (h1-h6)
• 0 <main> or role="main"
• 0 <header> or role="banner"
• All text is styled with div/span

Suggested Fix

<!-- Current (WRONG) -->
<div class="title">Explore the infinite lands of AresRPG</div>

<!-- Fixed (CORRECT) -->
<h1>Explore the infinite lands of AresRPG</h1>

<!-- Page structure should be: -->
<header role="banner">
  <nav>...</nav>
</header>
<main role="main">
  <h1>Main title</h1>
  <section>
    <h2>Section title</h2>
  </section>
</main>
<footer role="contentinfo">...</footer>

Impact

• Severity: High
• Users Affected: Screen reader users (2-4%) + SEO impact (100% of organic search)
• User Impact: Critical - navigation broken, SEO ranking reduced

Source

QA audit by qa-ant on 2025-11-04