Técnica Técnicas generales WCAG 2.2
G156Usar una tecnología con agentes de usuario comunes que permitan cambiar el color de primer plano y de fondo de los bloques de texto
En resumen
Esta técnica pide que la página respete los colores de texto y de fondo que el usuario configura en su navegador, sin anularlos. Beneficia sobre todo a personas con discapacidad cognitiva o baja visión que necesitan combinaciones de color concretas para leer con comodidad. Conviene aplicarla en páginas donde el color de fondo no se usa para delimitar zonas, ya que de lo contrario podría perderse la estructura visual.
Aplicabilidad
Todas las tecnologías
Descripción
Algunas personas con discapacidad cognitiva necesitan combinaciones de color concretas entre el texto de primer plano y el fondo para poder comprender correctamente el contenido de la página web. La mayoría de los navegadores más utilizados ofrecen la opción de cambiar la configuración de colores de forma global dentro del navegador. En ese caso, los colores seleccionados por el usuario sustituyen a los colores de primer plano y de fondo especificados por el autor de la web.
Para cumplir este criterio de conformidad, el autor de la web diseñaría la página de modo que funcione con los navegadores que disponen de estos controles, y no anularía dichos controles.
Tenga en cuenta que anular los colores de primer plano y de fondo de todo el texto de una página puede ocultar las pistas visuales sobre la agrupación y la organización de la página web, lo que hace mucho más difícil comprenderla y utilizarla. Esta técnica puede no ser adecuada cuando los colores de fondo se usan para delimitar áreas de la página. Esta técnica puede ser adecuada para tecnologías y agentes de usuario que no alteran los colores de los bordes cuando se anulan los colores de fondo. Si los colores de fondo se usan para delimitar áreas de la página, puede utilizarse «Especificar en CSS los colores de texto y fondo del contenido secundario, como banners, destacados y navegación, sin especificar los colores de texto y fondo del contenido principal» para permitir que el usuario controle los colores del texto principal conservando al mismo tiempo la estructura visual de la página web.
Ejemplos
- Una página web se diseña con HTML y CSS para especificar los colores de primer plano y de fondo. El usuario establece sus propios colores en el navegador y puede ver el contenido con los colores de primer plano y de fondo que ha elegido.
- Una página web se diseña con HTML y CSS. En la página hay un enlace a instrucciones sobre cómo configurar los colores en distintos navegadores.
Pruebas
Procedimiento
- Abrir la página web en un navegador que permita a los usuarios cambiar los colores del contenido HTML.
- Cambiar los colores de primer plano y de fondo en la configuración del navegador de modo que sean distintos de los especificados en el contenido.
- Volver a la página y comprobar que los nuevos colores de texto de primer plano y de fondo especificados en el navegador sustituyen a los colores especificados en el contenido.
Resultados esperados
- La comprobación n.º 3 es verdadera.
Cómo lo comprobamos en ADDAW
En las auditorías de accesibilidad de ADDAW revisamos cada criterio de conformidad siguiendo este catálogo de técnicas: comprobamos si la web aplica una técnica suficiente y documentamos cada fallo común con capturas y el código afectado, para que el equipo de desarrollo sepa exactamente qué corregir. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G156 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.
