Técnica Técnicas generales WCAG 2.2
G182Asegurar que hay indicaciones visuales adicionales cuando se usan diferencias de color del texto para transmitir información
En resumen
Esta técnica pide que, cuando el color de un texto transmite información (por ejemplo, los enlaces dentro de un párrafo o los elementos destacados de una lista), ese texto tenga además otra pista visual: subrayado, negrita, cursiva, otro tipo de letra o un tamaño mayor. Beneficia a las personas con daltonismo o baja visión, que pueden no distinguir los cambios de color, y a cualquiera que lea en pantallas monocromas o con poco contraste.
Aplicabilidad
Texto coloreado en el que el color se usa para transmitir información, como por ejemplo:
- Palabras que son enlaces dentro de un párrafo
- Elementos de una lista en la que algunos son distintos de los demás y se presentan con texto de otro color
Descripción
La intención de esta técnica es proporcionar una indicación visual redundante para los usuarios que quizá no puedan distinguir una diferencia en el color del texto. El color se utiliza habitualmente para indicar el estado distinto de ciertas palabras que forman parte de un párrafo u otro bloque de texto, o cuando no pueden usarse caracteres especiales o gráficos para indicar qué palabras tienen un estado especial. Por ejemplo, palabras dispersas en un texto pueden ser enlaces de hipertexto que se señalan como tales mostrándolas en un color diferente. Esta técnica describe una forma de proporcionar indicaciones adicionales al color, de modo que los usuarios que puedan tener dificultades para percibir diferencias de color o que tengan baja visión puedan identificarlas.
Para usar esta técnica, el autor incorpora una indicación visual adicional al color en cada lugar en el que se usa el color por sí solo para transmitir información. Las indicaciones visuales pueden adoptar muchas formas, como cambios en el estilo de la fuente, la adición de subrayado, negrita o cursiva, o cambios en el tamaño de la fuente.
Ejemplos
- El formato predeterminado de los enlaces de una página consiste en presentarlos en un color distinto al del resto del texto de la página y, además, subrayarlos, para que los enlaces sean identificables incluso sin visión del color.
- Un artículo que compara el uso de elementos similares en distintos lenguajes de marcado utiliza texto coloreado para identificar los elementos de cada lenguaje. Los elementos del primer lenguaje de marcado se identifican con texto AZUL en negrita. Los del segundo se presentan con texto ROJO en cursiva.
- Un sitio de noticias muestra una lista de enlaces a los artículos que aparecen en él. En algunos casos aparece información adicional, como la sección en la que se publica el artículo, la hora a la que se publicó, una ubicación relacionada o una indicación de que va acompañado de vídeo en directo. Los enlaces a los artículos están en un color distinto al de la información adicional, pero los enlaces no están subrayados, y cada enlace se presenta con una fuente de mayor tamaño que el resto de la información, de modo que los usuarios con problemas para distinguir colores puedan identificar los enlaces con más facilidad.
- Las noticias breves a veces contienen frases que son también enlaces a más información. Esas frases se muestran en color y con una fuente de palo seco (sans-serif), mientras que el resto del párrafo está en Times-Roman negro.
Pruebas
Procedimiento
- Localizar todos los casos en los que el color del texto se usa para transmitir información.
- Comprobar que todo texto en el que el color se usa para transmitir información tiene además un estilo o una fuente que lo hace visualmente distinto del resto del texto que lo rodea.
Resultados esperados
- La comprobación n.º 2 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 G182 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.
