Técnica Técnicas generales WCAG 2.2
G205Incluir una pista textual siempre que se usen diferencias de color para transmitir información
En resumen
Cuando una web usa el color para transmitir información (por ejemplo, campos obligatorios en rojo), debe acompañarlo de una pista textual o de caracteres con la misma información, como «(obligatorio)» dentro de la etiqueta. Así, las personas que no perciben el color, las que usan lector de pantalla o línea braille y cualquiera que ojee el texto reciben la misma información. La pista debe formar parte del nombre determinable por software del control.
Aplicabilidad
Todas las tecnologías que admiten color y texto.
Descripción
El objetivo de esta técnica es combinar el color con pistas textuales o de caracteres para transmitir información. La mayoría de los usuarios pueden recorrer rápidamente el contenido para localizar la información transmitida mediante diferencias de color. Los usuarios que no pueden ver el color pueden buscar o escuchar las pistas textuales; las personas que utilizan líneas braille u otras interfaces táctiles pueden detectar las pistas textuales mediante el tacto.
La pista textual debe incluirse como parte del nombre determinable por software del control.
Ejemplos
Campos obligatorios en un formulario HTML
Las instrucciones de un formulario en línea dicen: «Los campos obligatorios se muestran en rojo y marcados con (required)». La pista "(required)" (obligatorio) se incluye dentro del elemento label.
<style>
.required {
color:#ec0000;
}
</style>
<label for="lastname" class="required">Last name (required):</label>
<input autocomplete="family-name" id="lastname" type="text" value="">Pruebas
Procedimiento
Para cualquier contenido en el que se utilicen diferencias de color para transmitir información:
- Comprobar que la misma información está disponible mediante pistas textuales o de caracteres.
Resultados esperados
- La comprobación n.º 1 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 G205 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.
