Técnica HTML WCAG 2.2
H34Usar una marca Unicode de derecha a izquierda (RLM) o de izquierda a derecha (LRM) para mezclar la dirección del texto en línea
En resumen
Cuando en un mismo párrafo se mezclan textos de distinta dirección (por ejemplo, árabe o hebreo dentro de una frase en español), el algoritmo bidireccional de HTML puede colocar mal los espacios o los signos de puntuación. Esta técnica explica cómo insertar las marcas Unicode RLM () y LRM () para corregir esa colocación, de modo que el texto se lea y se presente correctamente a todas las personas, incluidas las que usan lectores de pantalla.
Aplicabilidad
HTML
Descripción
El objetivo de esta técnica es usar las marcas Unicode de derecha a izquierda y de izquierda a derecha para anular el algoritmo bidireccional de HTML cuando produce resultados no deseados. Esto puede ser necesario, por ejemplo, al colocar caracteres neutros, como espacios o signos de puntuación, entre fragmentos de texto de distinta dirección. Los conceptos que se usan en esta técnica se describen en Inline markup and bidirectional text in HTML.
Las marcas Unicode de derecha a izquierda y de izquierda a derecha pueden introducirse directamente o mediante entidades de carácter o referencias numéricas de carácter, como se muestra aquí.
- marca de izquierda a derecha:
‎o‎(U+200E) - marca de derecha a izquierda:
‏o‏(U+200F)
Debido al algoritmo bidi, es posible que un editor de código fuente no muestre las entidades de carácter o las referencias numéricas de carácter como se espera.
Ejemplos
Este ejemplo muestra una frase en árabe en medio de una oración en inglés. El signo de exclamación forma parte de la frase en árabe y debería aparecer a su izquierda. Como está situado entre un carácter árabe y uno latino y la dirección general del párrafo es de izquierda a derecha, el algoritmo bidireccional coloca el signo de exclamación a la derecha de la frase en árabe.
El título es «مفتاح معايير الويب!» en árabe.
Versión en ASCII en orden visual (el texto de derecha a izquierda en mayúsculas, el de izquierda a derecha en minúsculas):
the title is "HCTIWS SDRADNATS BEW!" in arabic.
Insertar en el código una marca Unicode de derecha a izquierda inmediatamente después del signo de exclamación lo coloca correctamente al visualizar el texto (véase más abajo). Para insertar la marca de derecha a izquierda se puede usar una secuencia de escape de carácter o el carácter de control (invisible).
El título es «مفتاح معايير الويب!» en árabe.
Versión en ASCII en orden visual:
the title is "!HCTIWS SDRADNATS BEW" in arabic.
Pruebas
Procedimiento
- Examinar el código fuente en busca de lugares en los que el texto cambia de dirección.
- Cuando el texto cambia de dirección, comprobar si hay caracteres neutros, como espacios o signos de puntuación, adyacentes al texto que se presenta en la dirección no predeterminada.
- Cuando la comprobación n.º 2 es verdadera y el algoritmo bidireccional de HTML colocaría incorrectamente los caracteres neutros, comprobar si los caracteres neutros van seguidos de marcas Unicode de derecha a izquierda o de izquierda a derecha que hacen que los caracteres neutros se coloquen como parte de los caracteres precedentes.
Resultados esperados
- La comprobación n.º 3 es verdadera.
Recursos
- W3C Internationalization - bidirectional text (texto bidireccional).
- W3C Internationalization - Mixing text direction inline (mezclar la dirección del texto en línea).
- W3C Internationalization - Inline markup and bidirectional text in HTML (marcado en línea y texto bidireccional en HTML).
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 H34 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.
