Declaración de Accesibilidad WCAG 2.1 AAA
En MyUtilityTools España (portal técnico de calculadoras y conversores) consideramos que el acceso a herramientas de cálculo financiero, laboral, académico y sanitario constituye un derecho universal. Por ello, toda nuestra interfaz ha sido diseñada por David Miller (@davidmillercoder) cumpliendo con las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.1 en su nivel más exigente: Nivel AAA, así como con la norma europea EN 301 549 y el Real Decreto 1112/2018.
1. Auditoría de Contraste Luminoso (Nivel AAA ≥ 7,0:1)
Nuestro sistema de diseño utiliza la paleta cromática Sovereign Castilian Burgundy, Warm Parchment & Obsidian Espresso, verificada matemáticamente para superar el umbral mínimo de 7,0:1 exigido por el criterio WCAG 1.4.6 tanto en modo claro como en modo oscuro:
| Elemento de Interfaz | Modo Claro (Predeterminado) | Relación de Contraste (Claro) | Modo Oscuro | Relación de Contraste (Oscuro) |
|---|---|---|---|---|
| Texto Principal sobre Fondo de Tarjeta | #180d0b sobre #ffffff |
18,1 : 1 (AAA) | #fef2f2 sobre #1c100e |
17,8 : 1 (AAA) |
| Texto Secundario / Etiquetas | #4a3531 sobre #ffffff |
10,2 : 1 (AAA) | #e5c7c3 sobre #1c100e |
10,8 : 1 (AAA) |
| Enlaces Contextuales y Valores Destacados | #7f1d1d sobre #ffffff |
8,7 : 1 (AAA) | #fca5a5 sobre #1c100e |
9,4 : 1 (AAA) |
| Enlaces en Estado Hover / Foco | #5c1212 sobre #ffffff |
11,9 : 1 (AAA) | #fecaca sobre #1c100e |
12,1 : 1 (AAA) |
2. Ergonomía Visual, Tipografía y Cero Elementos Intrusivos
- Cuerpo de Texto a 17 Píxeles: Todos los párrafos y elementos de lista emplean un tamaño mínimo de
17pxcon interlineado de1.75para facilitar la lectura prolongada sin fatiga visual. - Enlaces Subrayados y en Negrita: Ningún enlace depende exclusivamente del color para diferenciarse del texto circundante; todos cuentan con peso
700y subrayado continuo con desplazamiento de3px. - Cabecera No Flotante: El encabezado global utiliza posicionamiento relativo para preservar el 100% del área útil de pantalla en móviles y pantallas con zoom al 200% o 400%.
3. Navegación por Teclado y Regiones Dinámicas ARIA Live
Cada calculadora incorpora un enlace de salto directo (Saltar al contenido principal), asociación explícita entre etiquetas <label for="..."> y controles <input>/<select>, y contenedores de resultados marcados con role="region" aria-live="polite" para que los lectores de pantalla anuncien los nuevos resultados sin interrumpir el foco del usuario.
Si encuentras cualquier barrera de acceso al consultar nuestra metodología técnica o cualquiera de las herramientas del portal, comunícalo de inmediato en la página de contacto y soporte de accesibilidad.