Contrastes AAA, probados por componente
≥ 7:1 para texto, ≥ 4,5:1 para fuente grande — probado por componente, no por muestra de página.
¿Qué significa "Contrastes AAA, probados por componente"?
El contraste de color mide la relación de brillo entre el texto en primer plano y el fondo. Las WCAG definen dos niveles: Automóvil club británico (mínimo legal, 4,5:1 normal / 3:1 grande) y AAA (Más estricto, 7:1 normal / 4,5:1 grande). DigElite opera consistentemente al nivel AAA; el nivel más estricto es una promesa de marca.
Obligación y beneficio — WCAG 1.4.6.
WCAG 1.4.6 (Contraste mejorado) Este es el nivel AAA. Para personas con discapacidad visual, daltonismo, pantallas pequeñas o reflejos de la luz solar, la diferencia entre las relaciones de contraste de 4,5:1 y 7:1 es fundamental para la legibilidad del contenido. Además, el contraste AAA transmite un mensaje claro de marca („nos tomamos la inclusión en serio") y reduce los riesgos legales más allá de los requisitos mínimos de la Ley Federal Alemana de Protección de Datos (BDSG).
Cómo lo resolveremos específicamente.
- Tokens de marca en la guía de estilo de marca con prueba de contraste AAA por par de tokens (ver
GUÍA DE ESTILO WEB/DE MARCA.md). - Un color de marca en tres roles: vibrante para el fondo del botón con texto blanco ≥ 16 px en negrita (AAA-Large), profundo para texto en claro, claro para texto en oscuro.
- Nunca utilice Brand Vibrant como color de texto principal; la proporción 4.5:1 solo es suficiente para tamaños AAA-Large.
- Se comprueba automáticamente mediante el módulo de escáner de contraste en el sistema backend (ver módulos relacionados).
- Para cada cambio de diseño: Vuelva a verificar con la calculadora de contraste WCAG; si se produce una infracción, se detendrá la publicación.
Componentes básicos relacionados de nuestro conjunto de módulos
-
Generador de texto alternativo con IA
WCAG 1.1.1Se acabaron las "imágenes sin descripción". La IA proporciona el primer borrador y el equipo editorial lo perfecciona.
-
Jefe de Higiene y Estructura
WCAG 1.3.1Estructura limpia para lectores de pantalla y motores de búsqueda: un encabezado H1 por página, sin saltos.
-
Lenguaje sencillo (con soporte de IA)
WCAG 3.1.5Contenido simplificado con solo pulsar un botón: para personas con dificultades de lectura, estudiantes de idiomas y personas con prisa.
-
Formularios accesibles
WCAG 3.3.1Etiquetas claras, manejo programático de errores, validación: sin burbujas en el navegador, sin "por favor, rellene".
¿Necesitas este módulo en concreto?
Consulta inicial de 15 minutos: aclararemos si es relevante para su sitio web.
Más información:
Descripción general de BFSG ·
Descripción general del rendimiento ·
Financiación de BAFA ·
Preguntas frecuentes
