Técnica CSS WCAG 2.2
C8Usar la propiedad letter-spacing de CSS para controlar el espaciado dentro de una palabra
En resumen
Esta técnica indica que, cuando se quiera separar visualmente las letras de una palabra (por ejemplo, en un titular), se use la propiedad CSS letter-spacing en lugar de insertar espacios en blanco entre los caracteres. Así los lectores de pantalla siguen leyendo la palabra completa y con la pronunciación correcta, en vez de deletrearla letra a letra. Beneficia a las personas que usan tecnologías de asistencia y a quienes buscan texto en la página.
Aplicabilidad
Todas las tecnologías compatibles con CSS.
Descripción
El objetivo de esta técnica es mostrar cómo puede mejorarse la apariencia visual del espaciado del texto mediante hojas de estilo manteniendo al mismo tiempo una secuencia de texto con sentido. La propiedad CSS letter-spacing ayuda a quienes desarrollan a controlar la cantidad de espacio en blanco entre los caracteres. Esto es preferible a añadir caracteres en blanco para controlar el espaciado, ya que los caracteres en blanco pueden cambiar el significado y la pronunciación de la palabra.
Ejemplos
Aumentar el espaciado entre los caracteres de una palabra
El siguiente CSS añadiría el equivalente a un espacio entre cada carácter de un encabezado de nivel 2:
El CSS
h2 {
letter-spacing: 1em;
}El HTML
<h2>Museum</h2>El resultado presentado podría tener un aspecto parecido a este:
M u s e u m
Pruebas
Procedimiento
Para cada palabra que parezca tener un espaciado no estándar entre sus caracteres:
- Comprobar si se ha usado la propiedad CSS letter-spacing para controlar el espaciado.
Resultados esperados
- La comprobación n.º 1 es verdadera.
Recursos
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 C8 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.
