From 1c901ecdf96fb4856095e8dfccc8da0e97e69ad9 Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Thu, 27 Nov 2025 16:59:06 -0600
Subject: [PATCH] fix(accessibility): Fix cta-post contrast and heading
 hierarchy
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Phase 4.4 Accessibility fixes:
- cta-post: button_text_color from #ffffff to #0E2337 (WCAG AA 4.8:1)
- TableOfContentsRenderer: h4 toc-title changed to span (semantic)
- FooterRenderer: h5 widget-title changed to span (5 instances)

Fixes: "Low contrast on cta-button" and "Headings skip levels"

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 Public/Footer/Infrastructure/Ui/FooterRenderer.php     | 10 +++++-----
 .../Infrastructure/Ui/TableOfContentsRenderer.php      |  2 +-
 Schemas/cta-post.json                                  |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/Public/Footer/Infrastructure/Ui/FooterRenderer.php b/Public/Footer/Infrastructure/Ui/FooterRenderer.php
index 3f845ff2..b304ef27 100644
--- a/Public/Footer/Infrastructure/Ui/FooterRenderer.php
+++ b/Public/Footer/Infrastructure/Ui/FooterRenderer.php
@@ -291,14 +291,14 @@ final class FooterRenderer implements RendererInterface
 
             // Widget 1
             $html .= '<div class="footer-widget footer-widget-menu">';
-            $html .= '<h5 class="widget-title">' . $widget1Title . '</h5>';
+            $html .= '<span class="widget-title d-block h5">' . $widget1Title . '</span>';
             $html .= $this->renderMenu('footer_menu_1');
             $html .= '</div>';
 
             // Widget 1B - Solo si tiene menu asignado
             if (has_nav_menu('footer_menu_4')) {
                 $html .= '<div class="footer-widget footer-widget-menu footer-widget-1b">';
-                $html .= '<h5 class="widget-title">' . $widget1bTitle . '</h5>';
+                $html .= '<span class="widget-title d-block h5">' . $widget1bTitle . '</span>';
                 $html .= $this->renderMenu('footer_menu_4');
                 $html .= '</div>';
             }
@@ -309,7 +309,7 @@ final class FooterRenderer implements RendererInterface
         // Widget 2
         if ($widget2Visible) {
             $html .= '<div class="footer-widget footer-widget-menu">';
-            $html .= '<h5 class="widget-title">' . $widget2Title . '</h5>';
+            $html .= '<span class="widget-title d-block h5">' . $widget2Title . '</span>';
             $html .= $this->renderMenu('footer_menu_2');
             $html .= '</div>';
         }
@@ -317,7 +317,7 @@ final class FooterRenderer implements RendererInterface
         // Widget 3
         if ($widget3Visible) {
             $html .= '<div class="footer-widget footer-widget-menu">';
-            $html .= '<h5 class="widget-title">' . $widget3Title . '</h5>';
+            $html .= '<span class="widget-title d-block h5">' . $widget3Title . '</span>';
             $html .= $this->renderMenu('footer_menu_3');
             $html .= '</div>';
         }
@@ -325,7 +325,7 @@ final class FooterRenderer implements RendererInterface
         // Widget Newsletter
         if ($newsletterVisible) {
             $html .= '<div class="footer-widget footer-widget-newsletter">';
-            $html .= '<h5 class="widget-title">' . $newsletterTitle . '</h5>';
+            $html .= '<span class="widget-title d-block h5">' . $newsletterTitle . '</span>';
             $html .= '<p class="newsletter-description">' . $newsletterDesc . '</p>';
             $html .= '<form id="roi-newsletter-form" class="newsletter-form">';
             $html .= '<input type="hidden" name="action" value="roi_newsletter_subscribe">';
diff --git a/Public/TableOfContents/Infrastructure/Ui/TableOfContentsRenderer.php b/Public/TableOfContents/Infrastructure/Ui/TableOfContentsRenderer.php
index 664fcc7e..dcd45efc 100644
--- a/Public/TableOfContents/Infrastructure/Ui/TableOfContentsRenderer.php
+++ b/Public/TableOfContents/Infrastructure/Ui/TableOfContentsRenderer.php
@@ -384,7 +384,7 @@ final class TableOfContentsRenderer implements RendererInterface
         $html = '<div class="toc-container">';
 
         $html .= sprintf(
-            '<h4 class="toc-title">%s</h4>',
+            '<span class="toc-title d-block h4">%s</span>',
             esc_html($title)
         );
 
diff --git a/Schemas/cta-post.json b/Schemas/cta-post.json
index c5205528..965a4e40 100644
--- a/Schemas/cta-post.json
+++ b/Schemas/cta-post.json
@@ -148,9 +148,9 @@
         "button_text_color": {
           "type": "color",
           "label": "Texto boton",
-          "default": "#ffffff",
+          "default": "#0E2337",
           "editable": true,
-          "description": "Texto blanco para contraste"
+          "description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA sobre fondo naranja"
         },
         "button_hover_bg": {
           "type": "color",