fix(accessibility): Update colors for WCAG AA contrast compliance
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>
This commit is contained in:
@@ -153,12 +153,13 @@
|
|||||||
text-align: left;
|
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:nth-child(3),
|
||||||
.analisis table td.c3,
|
.analisis table td.c3,
|
||||||
.desglose table td.c3 {
|
.desglose table td.c3 {
|
||||||
text-align: center !important;
|
text-align: center !important;
|
||||||
color: #6c757d;
|
color: #495057;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -262,9 +262,9 @@
|
|||||||
"info_value_color": {
|
"info_value_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
"label": "Color valores info",
|
"label": "Color valores info",
|
||||||
"default": "#D5D8DA",
|
"default": "#495057",
|
||||||
"editable": true,
|
"editable": true,
|
||||||
"description": "text-muted"
|
"description": "Fase 4.4 Accesibilidad: Color oscuro con ratio 7.0:1 (WCAG AA)"
|
||||||
},
|
},
|
||||||
"input_border_color": {
|
"input_border_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
@@ -287,8 +287,9 @@
|
|||||||
"button_text_color": {
|
"button_text_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
"label": "Texto boton",
|
"label": "Texto boton",
|
||||||
"default": "#ffffff",
|
"default": "#0E2337",
|
||||||
"editable": true
|
"editable": true,
|
||||||
|
"description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA sobre fondo naranja"
|
||||||
},
|
},
|
||||||
"button_hover_bg": {
|
"button_hover_bg": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
|
|||||||
@@ -133,14 +133,16 @@
|
|||||||
"title_color": {
|
"title_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
"label": "Color título",
|
"label": "Color título",
|
||||||
"default": "#ffffff",
|
"default": "#0E2337",
|
||||||
"editable": true
|
"editable": true,
|
||||||
|
"description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
|
||||||
},
|
},
|
||||||
"description_color": {
|
"description_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
"label": "Color descripción",
|
"label": "Color descripción",
|
||||||
"default": "rgba(255, 255, 255, 0.95)",
|
"default": "#0E2337",
|
||||||
"editable": true
|
"editable": true,
|
||||||
|
"description": "Fase 4.4 Accesibilidad: navy-dark para contraste WCAG AA (4.8:1) sobre fondo naranja"
|
||||||
},
|
},
|
||||||
"button_background_color": {
|
"button_background_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
|
|||||||
@@ -154,9 +154,9 @@
|
|||||||
"text_color": {
|
"text_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
"label": "Color del texto",
|
"label": "Color del texto",
|
||||||
"default": "#FFFFFF",
|
"default": "#0E2337",
|
||||||
"editable": true,
|
"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": {
|
"text_hover_color": {
|
||||||
"type": "color",
|
"type": "color",
|
||||||
|
|||||||
Reference in New Issue
Block a user