Principio 1/1.3 Adaptable/1.3.2-C

1.3.2-C. Dirección del texto

1_Perceptible 1.3_Crear_contenido_adaptable

• Nivel: A
• Versión: 2.0
• Principio: 1_Perceptible
• Pauta: 1.3_Crear_contenido_adaptable
• Grupo: Estructura
• Subgrupo: Direccion_del_texto

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Visual total – Barrera moderada

Enunciado del criterio (Observatorio de Accesibilidad Web)

• Se deben identificar los cambios en la dirección de lectura del texto.

Comprensión del criterio

Descripción resumida

Cuando en una misma página existen idiomas o fragmentos con diferentes direcciones de lectura (por ejemplo, de derecha a izquierda y de izquierda a derecha), deben emplearse los atributos adecuados para que los agentes de usuario presenten el contenido en el orden correcto.

Objetivo

Garantizar que la secuencia de lectura puede determinarse por software incluso cuando aparecen idiomas o frases con distinta dirección de lectura, manteniendo la comprensión adecuada del contenido.

Importancia de cumplir el criterio

Si no se marca correctamente la dirección del texto, los lectores de pantalla leerán el contenido en un orden inadecuado, lo que puede generar confusión grave y pérdida de significado, especialmente en páginas multilingües.

Referencias WCAG

• G57: Ordering the content in a meaningful sequence
• H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline
• H56: Using the dir attribute on an inline element to resolve problems with nested directional runs

Recursos de apoyo

Consejos

• Usar marcadores Unicode RLM (Right-to-Left Mark) y LRM (Left-to-Right Mark) para mezclar direcciones de texto.
• Usar el atributo dir para definir la dirección del texto en elementos cuando sea necesario.
• Validar mediante inspección del DOM y herramientas de accesibilidad que el orden de lectura es lógico.

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Comprobar si existen en la misma página varios idiomas con diferente orden de lectura.
2. Paso 2. Usando la herramienta de inspección de código del navegador, verificar que se utilizan los atributos adecuados para identificarlos.

Resultado esperado

El contenido mantiene un orden de lectura correcto y comprensible, incluso cuando se mezclan idiomas con diferente orientación.

Ejemplo

Se muestra como se utilizan los valores de dirección del texto a la derecha (RTL).

<p>Texto en español y luego <span dir="rtl">مثال عربي</span> dentro de la frase.</p>

Otras herramientas de evaluación

• Inspección del navegador: comprobar el uso correcto de atributos de dirección como dir="rtl" o dir="ltr" y de lang cuando hay cambios de idioma o dirección en el contenido.
• Lectores de pantalla: (NVDA, JAWS, VoiceOver) verificar que el texto en idiomas RTL (p. ej. árabe, hebreo) se anuncia correctamente y en el orden adecuado.
• Desactivación de estilos: quitar CSS para comprobar que la dirección del texto sigue siendo correcta en modo lineal.
• Validadores HTML y extensiones: usar W3C Validator o herramientas del navegador para detectar ausencia o mal uso del atributo dir.

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.2-C. Dirección del texto

Loading comments...