Saltar al contenido
Digital Transformation
Todos los artículos

Desarrollo web

Dar soporte al árabe no es invertir el CSS

7 min de lectura

La mayoría de los sitios bilingües de la región tratan el árabe como inglés escrito al revés. Esta es la lista concreta de lo que se rompe y de cómo es un soporte realmente correcto.


Poner dir="rtl" lleva una tarde. Todo lo que viene después es el trabajo de verdad, y es la parte que se recorta cuando la fecha de lanzamiento se retrasa.

Números que ya no se pueden marcar

Coloca un número de teléfono internacional dentro de un párrafo en árabe y el algoritmo bidireccional reordenará la secuencia que empieza por el signo más. El resultado parece un número de teléfono, pero no lo es. El mismo tipo de error corrompe en silencio los números de versión, los IBAN, los rangos de fechas y cualquier cosa entre paréntesis.

El espaciado entre letras (letter-spacing) destruye el árabe

La escritura árabe es cursiva: las letras se enlazan. Un sistema de diseño que aplica espaciado entre letras a los títulos — algo del todo normal en un título en alfabeto latino — separa esos enlaces y produce un texto que no solo es feo, sino bastante más difícil de leer. En árabe, el espaciado debe ser cero en el propio token, no porque alguien se acuerde de sobrescribirlo.

¿Qué números, exactamente?

Los números arábigo-orientales son el estándar en Egipto y se perciben como formales o tradicionales en buena parte del Golfo y el Levante. Para el sitio de un proveedor tecnológico dirigido a lectores de empresa, los dígitos occidentales son la opción por defecto más segura: coinciden con cómo se escribe el contenido técnico en toda la región y permiten copiar y pegar las cifras.

El plural no se reduce a uno o varios

El inglés tiene dos formas de plural. El árabe elige entre seis — cero, uno, dos, pocos, muchos y otro — y el dual es una palabra distinta, no un número seguido de un sustantivo. Cualquier interfaz que muestre «2 مشروع» se construyó con un modelo mental inglés. Usa las reglas de plural de ICU y deja que decida el locale.

El movimiento también tiene una dirección

Una flecha que se desplaza a la derecha al pasar el cursor, un carrusel que avanza hacia la izquierda, una barra de progreso que se llena desde la izquierda — cada uno de estos elementos lleva un significado direccional que se invierte en árabe. Reflejarlos es fácil; detectarlos todos no lo es, y por eso el movimiento que tiene en cuenta el sentido de lectura corresponde a la biblioteca de componentes y no a cada página.

Cuéntanos qué estás intentando construir.

Una conversación breve suele bastar para saber si somos el equipo adecuado — y si no lo somos, te lo diremos.