Escáner de contraste
Análisis en tiempo real en el frontend: comprueba todos los pares de texto/fondo con respecto a AA (4,5:1) o AAA (7:1).
Función en una oración — y en tres oraciones
El bajo contraste del texto es, con diferencia, el problema más común de las WCAG en los sitios web alemanes. Texto gris sobre fondo blanco, texto blanco sobre una foto clara: tiene un aspecto "moderno", pero resulta casi ilegible para muchos usuarios.
El escáner de contraste comprueba cada componente de texto en tiempo real en la interfaz de usuario, comparándolo con el fondo calculado, incluso detrás de superposiciones semitransparentes y sobre imágenes.
Medidas técnicas
- Fórmula de contraste WCAG (luminancia relativa según la especificación W3C).
- Resolución de fondoIncluso con apilamientos complejos (por ejemplo, texto blanco sobre una superposición semitransparente sobre una foto), se calcula el contraste efectivo real.
- Lista de incidencias en el backend: todas las áreas con contraste < 4,5:1 (AA) o < 7:1 (AAA), agrupadas por página.
- ruta del selector por problema, así que puedes solucionarlo directamente en el CSS.
- Banner opcional en la interfaz de usuario (solo para administradores que hayan iniciado sesión) mientras el sitio esté en funcionamiento.
Puedes encontrar estos ajustes en la pestaña del módulo.
- Nivel objetivo: AA (4,5:1) o AAA (7:1)
- Frecuencia de escaneo: en cada carga de página / solo bajo demanda / diariamente mediante cron
- Ignorar selectores (por ejemplo, subtítulos decorativos, irrelevantes para el flujo de lectura).
- Banner en vivo para administradores: activado/desactivado
- Umbral para la lista de problemas: solo infracciones graves / todas las infracciones
Ruta en el administrador: WP-Admin → Accesibilidad → Módulos → Escáner de contraste
Caso de uso
Recomendado para cada página antes de una auditoría. Proporciona la lista de problemas que, de otro modo, un experto tendría que registrar manualmente, lo que ahorra tiempo y, por lo tanto, costes.
Se puede utilizar junto con Corrección del contraste de color Se utiliza el siguiente procedimiento: primero el escáner detecta los problemas y, a continuación, el programa de reparación los corrige (si es posible).
Eso encaja temáticamente.
Corrección del contraste de color
WCAG 1.4.6Aumenta automáticamente el contraste insuficiente al nivel AA o AAA mediante la anulación de una variable CSS.
Enfoque visible
WCAG 2.4.11Proporciona un anillo de enfoque nítido y siempre visible en todos los elementos enfocables, con un contraste AAA.
Asistente de auditoría con IA
WCAG 2.1 AA/AAADetección de problemas de WCAG basada en el contenido, más allá de los escáneres clásicos: tonalidad, claridad, sentido de los enlaces, microtexto.
¿Activar el módulo para su sitio?
En la consulta inicial de 15 minutos, aclararemos si el módulo es relevante para su tema y tipo de contenido, y cómo es la configuración.