Addaw, ir a inicio Donar

Técnica HTML WCAG 2.2

H56Usar el atributo dir en un elemento en línea para resolver problemas con secuencias direccionales anidadas

En resumen

Esta técnica explica cómo añadir el atributo dir a un span u otro elemento en línea cuando un texto mezcla idiomas que se escriben en direcciones distintas (por ejemplo, una cita en hebreo o árabe dentro de un párrafo en español) y el algoritmo bidireccional de Unicode coloca mal los espacios o los signos de puntuación. Garantiza que todos los usuarios, incluidos los de lectores de pantalla y líneas braille, perciban el texto en el orden correcto. Úsela siempre que el resultado visual del texto mixto no sea el esperado.

Aplicabilidad

HTML

Descripción

El objetivo de esta técnica es identificar los cambios en la dirección del texto cuando este incluye secuencias direccionales anidadas, proporcionando el atributo dir en elementos en línea. Una secuencia direccional anidada es una secuencia de texto que incluye texto de direcciones mixtas; por ejemplo, un párrafo en inglés que contiene una frase citada en hebreo que, a su vez, incluye una expresión en inglés. El uso del atributo dir en un span u otro elemento en línea que lo englobe puede ser necesario porque el algoritmo bidireccional de Unicode puede producir resultados no deseados cuando el texto de direcciones mixtas contiene espacios o signos de puntuación. Los conceptos usados en esta técnica se describen en What you need to know about the bidi algorithm and inline markup (lo que hay que saber sobre el algoritmo bidi y el marcado en línea).

Ejemplos

Definir de derecha a izquierda la dirección del texto de una frase anidada de dirección mixta, en hebreo e inglés

Como toda la cita está en hebreo y, por tanto, se lee de derecha a izquierda, el texto «W3C» y la coma deberían aparecer a la izquierda del texto en hebreo (es decir, después de él), así:

El título es «פעילות הבינאום, W3C» en hebreo.

Versión en ASCII con orden visual (texto RTL en mayúsculas, texto LTR en minúsculas):

el título es «w3c ,YTIVITCA NOITAZILANOITANRETNI» en hebreo.

El algoritmo bidireccional de Unicode por sí solo no basta para lograr el resultado correcto, y deja el texto «W3C» en el lado derecho de la cita:

El título es «פעילות הבינאום, W3C» en hebreo.

Versión en ASCII con orden visual:

el título es «YTIVITCA NOITAZILANOITANRETNI, w3c» en hebreo.

El siguiente marcado producirá el resultado esperado:

<p>The title says "<span lang="he" dir="rtl">פעילות הבינאום, W3C</span>" in Hebrew.</p>

Pruebas

Procedimiento

  1. Examinar la dirección del texto en el documento
  2. Si la dirección del texto es de derecha a izquierda, comprobar que, en el elemento ancestro que tiene un atributo dir, dicho atributo tiene el valor "rtl"
  3. Si la dirección del texto es de izquierda a derecha, comprobar que no hay ningún elemento ancestro con un atributo dir, o que, en el elemento ancestro que tiene un atributo dir, dicho atributo tiene el valor "ltr"

Resultados esperados

  • Las comprobaciones n.º 2 y n.º 3 son verdaderas para todo el texto.

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.

Solicitar una auditoría

Fuente y licencia

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