Principio 1/1.3 Adaptable/1.3.2-C
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
1.3.2-C. Dirección del texto
- 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 grave
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
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
dirpara 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
- Paso 1. Comprobar si existen en la misma página varios idiomas con diferente orden de lectura.
- 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"odir="ltr"y delangcuando 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.
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.3.2-C. Dirección del texto
Loading comments...
