Quien lee en árabe o en urdu nota de inmediato cuando una web se diseñó de izquierda a derecha y solo se tradujo. Flechas mal orientadas, texto pegado al borde equivocado y signos de puntuación descolocados hacen que la web parezca ajena y poco fiable.
Si trabajas con clientes o mercados que usan estas lenguas, esta guía recoge los errores más frecuentes y cómo evitarlos, incluido el caso de una web multilingüe donde solo algunas páginas son RTL.
El soporte RTL real va más allá de alinear el texto a la derecha: todo el diseño, los espacios, los iconos direccionales y el texto mixto deben fluir de derecha a izquierda, mientras que los logotipos, los números y los teléfonos se quedan como están.
Refleja el diseño, pero no todo
Define la dirección de la página como RTL, no solo la alineación del texto. La navegación, las barras laterales, las etiquetas de formulario, los pasos de progreso y las columnas de las tablas deben invertirse. El error típico es un párrafo alineado a la derecha dentro de una página que sigue yendo de izquierda a derecha.
No inviertas todo: los logotipos, las fotos, los gráficos con el tiempo en el eje horizontal, los botones de reproducción y los teléfonos suelen mantener su dirección original.
Iconos, números y texto mixto
Estos detalles causan la mayoría de los fallos visibles:
- Las flechas, los botones de volver y los chevrones deben apuntar al otro lado.
- Los márgenes y rellenos deben usar valores lógicos de inicio y fin, no izquierda y derecha fijos.
- Las marcas, las palabras en otro idioma y los números dentro de frases en árabe o urdu deben conservar el orden y la puntuación correctos.
- Los teléfonos, correos y enlaces deben seguir de izquierda a derecha.
- Elige a propósito dígitos occidentales o arábigo-índicos y úsalos siempre igual.
Tipografía
Usa una fuente diseñada para esa escritura. No añadas nunca espaciado entre letras en árabe o urdu, porque rompe las uniones, y evita la cursiva. Da al texto más interlineado que al texto latino. En urdu, decide entre el estilo Naskh y el Nastaliq: el Nastaliq es el tradicional, pero necesita más espacio vertical y tamaños mayores para leerse bien en el móvil.
En una web multilingüe
Cambia la dirección por idioma, no por sitio: la página en español sigue de izquierda a derecha y la de árabe o urdu se invierte. Mantén el selector de idioma siempre en el mismo lugar, escribe cada idioma en su propia escritura y recuerda que la dirección también afecta a formularios, correos y mensajes de error.
Un prompt para empezar: «Haz que las versiones en árabe y urdu sean totalmente de derecha a izquierda, usa espaciado lógico, invierte las flechas y los botones de volver, mantén los teléfonos y el logotipo de izquierda a derecha y usa una fuente árabe adecuada sin espaciado entre letras.»