Técnica Técnicas generales WCAG 2.2
G138Usar marcado semántico siempre que se utilicen indicaciones de color
En resumen
Esta técnica consiste en acompañar cualquier información transmitida mediante el color con marcado semántico (por ejemplo, el elemento strong en las etiquetas de los campos obligatorios que se muestran en rojo). Así, quienes no perciben el color, usan un lector de pantalla o aplican sus propios estilos pueden identificar la misma información por otra vía. Úsela siempre que el color sirva para distinguir, resaltar o clasificar contenido.
Aplicabilidad
Todas las tecnologías que admiten color y texto.
Descripción
El objetivo de esta técnica es combinar el color y el marcado semántico para transmitir información. La mayoría de los usuarios pueden recorrer rápidamente el contenido para localizar la información transmitida mediante el color. Para los usuarios que no pueden ver el color, el marcado semántico puede ofrecer otro tipo de indicación. Los agentes de usuario pueden entonces hacer perceptible este tipo de estructura para el usuario, por ejemplo utilizando una presentación visual distinta para los distintos tipos de estructura o empleando una voz o un tono distintos en una presentación auditiva.
La mayoría de los agentes de usuario distinguen visualmente el texto identificado mediante marcado semántico. Algunas tecnologías de asistencia ofrecen un mecanismo para determinar las características del contenido creado con un marcado semántico correcto.
Ejemplos
Color y énfasis fuerte para los campos obligatorios de un formulario
Un formulario HTML contiene varios campos obligatorios. Las etiquetas de los campos obligatorios se muestran en rojo. Además, el texto de cada etiqueta está marcado con el elemento STRONG para darle un énfasis más fuerte. Las instrucciones para completar el formulario indican que «todos los campos obligatorios se muestran en rojo y están enfatizados», seguidas de un ejemplo.
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 marcado semántico.
Resultados esperados
- La comprobación n.º 1 es verdadera.
Recursos
- Screen Readers lack emphasis (los lectores de pantalla no transmiten el énfasis)
- HTML: 4.5 Text-level semantics
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 G138 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.
