From 6edb2ebeaa29d09e547823622c6e05d4e1db962b Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Thu, 27 Nov 2025 16:31:18 -0600
Subject: [PATCH] fix(accessibility): Update colors for WCAG AA contrast
 compliance
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Phase 4.4 PageSpeed Accessibility fixes:
- cta-box-sidebar: title/description colors from white to navy-dark (#0E2337)
- contact-form: info_value_color from #D5D8DA to #495057, button text to navy-dark
- cta-lets-talk: text_color from white to navy-dark
- css-tablas-apu: .c3 column color from #6c757d to #495057 (7.0:1 ratio)

All changes ensure minimum 4.5:1 contrast ratio for normal text (WCAG AA).

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 Assets/css/css-tablas-apu.css |  5 +++--
 Schemas/contact-form.json     |  9 +++++----
 Schemas/cta-box-sidebar.json  | 10 ++++++----
 Schemas/cta-lets-talk.json    |  4 ++--
 4 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/Assets/css/css-tablas-apu.css b/Assets/css/css-tablas-apu.css
index 4c48a8c7..592fc2b4 100644
--- a/Assets/css/css-tablas-apu.css
+++ b/Assets/css/css-tablas-apu.css
@@ -153,12 +153,13 @@
     text-align: left;
 }
 
-/* Columna 3: Unidad - centrada */
+/* Columna 3: Unidad - centrada
+   Fase 4.4 Accesibilidad: Color #495057 (ratio 7.0:1) en lugar de #6c757d */
 .analisis table td:nth-child(3),
 .analisis table td.c3,
 .desglose table td.c3 {
     text-align: center !important;
-    color: #6c757d;
+    color: #495057;
     font-size: 0.9em;
 }
 
diff --git a/Schemas/contact-form.json b/Schemas/contact-form.json
index 603633e2..3b801ed6 100644
--- a/Schemas/contact-form.json
+++ b/Schemas/contact-form.json
@@ -262,9 +262,9 @@
         "info_value_color": {
           "type": "color",
           "label": "Color valores info",
-          "default": "#D5D8DA",
+          "default": "#495057",
           "editable": true,
-          "description": "text-muted"
+          "description": "Fase 4.4 Accesibilidad: Color oscuro con ratio 7.0:1 (WCAG AA)"
         },
         "input_border_color": {
           "type": "color",
@@ -287,8 +287,9 @@
         "button_text_color": {
           "type": "color",
           "label": "Texto boton",
-          "default": "#ffffff",
-          "editable": true
+          "default": "#0E2337",
+          "editable": true,
+          "description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA sobre fondo naranja"
         },
         "button_hover_bg": {
           "type": "color",
diff --git a/Schemas/cta-box-sidebar.json b/Schemas/cta-box-sidebar.json
index 7a216bc1..d26389bb 100644
--- a/Schemas/cta-box-sidebar.json
+++ b/Schemas/cta-box-sidebar.json
@@ -133,14 +133,16 @@
         "title_color": {
           "type": "color",
           "label": "Color título",
-          "default": "#ffffff",
-          "editable": true
+          "default": "#0E2337",
+          "editable": true,
+          "description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
         },
         "description_color": {
           "type": "color",
           "label": "Color descripción",
-          "default": "rgba(255, 255, 255, 0.95)",
-          "editable": true
+          "default": "#0E2337",
+          "editable": true,
+          "description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
         },
         "button_background_color": {
           "type": "color",
diff --git a/Schemas/cta-lets-talk.json b/Schemas/cta-lets-talk.json
index 064c78de..97705694 100644
--- a/Schemas/cta-lets-talk.json
+++ b/Schemas/cta-lets-talk.json
@@ -154,9 +154,9 @@
         "text_color": {
           "type": "color",
           "label": "Color del texto",
-          "default": "#FFFFFF",
+          "default": "#0E2337",
           "editable": true,
-          "description": "Color del texto y del ícono del botón"
+          "description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
         },
         "text_hover_color": {
           "type": "color",