Addaw, ir a inicio Donar

Técnica CSS WCAG 2.2

C19Especificar la alineación del texto a la izquierda o a la derecha con CSS

En resumen

Esta técnica explica cómo alinear los bloques de texto a la izquierda o a la derecha mediante la propiedad CSS text-align, evitando el texto justificado. El texto justificado crea espacios irregulares entre palabras («ríos» de blanco) que dificultan la lectura a muchas personas con dislexia o problemas cognitivos y de visión. Aplíquela en párrafos y bloques de texto largos, sobre todo si busca el nivel AAA de presentación visual.

Aplicabilidad

CSS

Descripción

Esta técnica describe cómo alinear bloques de texto a la izquierda o a la derecha estableciendo la propiedad CSS text-align.

Ejemplos

Alinear el texto a la izquierda

En el siguiente ejemplo, el texto se alinea a la izquierda. En la hoja de estilos, defina la clase:

p.left {text-align: left}

En el contenido, invoque la clase.

<p class="left"> Lorem ipsum dolor sit ...</p>

Alinear el texto a la derecha

En el siguiente ejemplo, el texto se alinea a la derecha.

p.right {text-align: right}

En el contenido, invoque la clase.

<p class="right"> Lorem ipsum dolor sit ...</p>

Pruebas

Procedimiento

  1. Comprobar que el texto está alineado a la izquierda o a la derecha.

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.

Solicitar una auditoría

Fuente y licencia

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