Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G174Proporcionar un control con una relación de contraste suficiente que permita a los usuarios cambiar a una presentación con contraste suficiente

En resumen

Cuando el diseño de una página no alcanza el contraste exigido entre texto y fondo, esta técnica permite cumplir igualmente la norma ofreciendo un enlace o control bien visible, que sí tenga contraste suficiente, para pasar a una versión de la misma página con alto contraste. Esa versión alternativa debe tener toda la información y funcionalidad de la original y cumplir todos los criterios del nivel buscado. Beneficia a personas con baja visión o dificultades para percibir el color. Útil cuando la marca impone colores de bajo contraste.

Aplicabilidad

Cualquier tecnología.

Descripción

Cuando el contraste entre el texto y su fondo en alguna parte de la página no se ha diseñado para alcanzar el nivel de contraste del criterio de conformidad 1.4.3 Contraste mínimo o del 1.4.6 Contraste mejorado, es posible cumplir estas pautas recurriendo a la cláusula de «versión alternativa» de los requisitos de conformidad (requisito de conformidad 1). Un enlace o control de la página puede cambiar la página para que todos sus aspectos sean conformes, o bien llevar al usuario a una nueva versión de la página que sí sea conforme en el nivel deseado. Colocar el enlace o control en un lugar destacado de la página ayudará a los usuarios a acceder fácilmente al contenido conforme.

Para que esta técnica se aplique con éxito, deben cumplirse tres condiciones:

  1. El enlace o control de la página original debe cumplir por sí mismo el requisito de contraste del criterio de conformidad deseado. (Si el usuario no puede ver el control, puede que no sea capaz de utilizarlo para ir a la nueva página.)
  2. La nueva página debe contener la misma información y funcionalidad que la página original.
  3. La nueva página debe cumplir todos los criterios de conformidad del nivel de conformidad deseado. (Es decir, la nueva página no puede limitarse a tener el nivel de contraste deseado y no ser conforme en lo demás.)

Esta técnica puede utilizarse para cumplir el criterio de conformidad 1.4.3 Contraste mínimo haciendo que, en la versión alternativa de la página, el texto (o las imágenes de texto) tenga un contraste de 4,5:1 y el texto grande (o las imágenes de texto grande) tenga un contraste de 3:1 con su fondo. Si en la versión alternativa de la página todo el texto (o las imágenes de texto) tiene un contraste de 7:1 y el texto grande (o las imágenes de texto grande) un contraste de 4,5:1, entonces cumpliría tanto el criterio de conformidad 1.4.3 Contraste mínimo como el 1.4.6 Contraste mejorado.

Esta técnica puede utilizarse en combinación con una técnica de cambio de estilos para presentar una página que sea una versión alternativa conforme de un contenido no conforme. Consulte C29: Usar un selector de estilos para proporcionar una versión alternativa conforme y Comprender las versiones alternativas conformes para obtener más información.

Ejemplos

  • Una página con algunos titulares que no cumplen el requisito de contraste de 3:1 tiene en la parte superior un enlace de alto contraste (5:1) que lleva al usuario a una nueva versión de la página con un contraste mínimo de 4,5:1 en todo el texto y las imágenes de texto.
  • Una página utiliza fondos sombreados como efecto, pero el resultado es un contraste de 4:1 entre el texto y el fondo. Un control en la parte superior de la página dice «high contrast» (alto contraste). Al hacer clic en él se aplican estilos distintos y se eliminan los colores de fondo para alcanzar un contraste de 7:1.

Pruebas

Procedimiento

Para cada componente de la interfaz de usuario de la página que deba recibir el foco del teclado:

  1. Comprobar que en la página original existe un enlace o control que da acceso a la versión alternativa.
  2. Comprobar que el enlace o control de la página original cumple todos los criterios de conformidad del nivel de conformidad que se está evaluando.
  3. Comprobar que la versión alternativa cumple el contraste y todos los demás criterios de conformidad del nivel de conformidad que se está evaluando.

Resultados esperados

  • Las tres comprobaciones son verdaderas.

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.

Solicitar una auditoría

Fuente y licencia

Traducción al español, no oficial, realizada por ADDAW a partir de la técnica G174 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.

Financiado por la unión europea Gobierno de españa red.es Plan de recuperación transformación y resilencia kit digital