From 371995d1517a23f4067f3721676aeb9e8ddc0bef Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Thu, 27 Nov 2025 17:03:22 -0600
Subject: [PATCH] fix(accessibility): Add main landmark and fix cta-box-title
 heading
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Phase 4.4 Accessibility fixes:
- single.php: Add <main id="main-content" role="main"> landmark
- CtaBoxSidebarRenderer: h5 cta-box-title changed to span

Fixes: "No main landmark" and "Headings skip levels"

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php | 4 ++--
 single.php                                                    | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/Public/CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php b/Public/CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php
index 8add9860..1e4ee4f8 100644
--- a/Public/CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php
+++ b/Public/CtaBoxSidebar/Infrastructure/Ui/CtaBoxSidebarRenderer.php
@@ -182,9 +182,9 @@ final class CtaBoxSidebarRenderer implements RendererInterface
 
         $html = '<div class="cta-box-sidebar">';
 
-        // Title
+        // Title (span instead of h5 for semantic heading hierarchy - Phase 4.4 Accessibility)
         $html .= sprintf(
-            '<h5 class="cta-box-title">%s</h5>',
+            '<span class="cta-box-title d-block h5">%s</span>',
             esc_html($title)
         );
 
diff --git a/single.php b/single.php
index 179a0d20..671f6df6 100644
--- a/single.php
+++ b/single.php
@@ -14,6 +14,8 @@ get_header();
 
 <?php while (have_posts()) : the_post(); ?>
 
+<main id="main-content" class="site-main" role="main">
+
 <!-- Hero Section - Componente dinámico -->
 <?php
 if (function_exists('roi_render_component')) {
@@ -92,6 +94,8 @@ if (function_exists('roi_render_component')) {
 	</div><!-- .row -->
 </div><!-- .container -->
 
+</main><!-- #main-content -->
+
 <?php endwhile; ?>
 
 <!-- Contact Form Section - Componente dinámico -->