Las diferentes direcciones de lectura del texto: ltr y rtl

Los distintos idiomas tienen diferentes direcciones de escritura.
La mayoría de los idiomas se escriben de izquierda a derecha, en inglés: left-to-right, abreviado: ltr.
En algunos idiomas, el texto se escribe de derecha a izquierda, en inglés: right-to-left, abreviado: rtl. Ejemplos de «idiomas rtl» son el hebreo y el árabe.

Si el idioma de una página web se cambia mediante una herramienta como Conword, los desarrolladores web se enfrentan a menudo al reto de que una página web se ha diseñado para una dirección de lectura determinada, pero se debe mostrar otra dirección de lectura.

El manejo de Conword con direcciones de desplazamiento y HTML

El idioma seleccionado actualmente, y con ello también la dirección de lectura seleccionada, se almacena en HTML por Conword de la siguiente manera. Ejemplo en español:

<html lang="es" xml:lang="es" dir="ltr"></html>

En largo y xml:lang El atributo de la etiqueta HTML es el código de idioma seleccionado (en este caso, «es» para Enpañol = español). En el usted El atributo almacena la dirección de desplazamiento del texto. Para el español es de izquierda a derecha (es decir, left-to-right: «ltr»).

Si, por ejemplo, se selecciona el árabe como idioma, la etiqueta HTML recibe la información de que la dirección de escritura debe ser ahora de derecha a izquierda (right-to-left: «rtl»).

<html lang="ar" xml:lang="ar" dir="rtl"></html>

Los navegadores modernos interpretan el usted Atributo y cambia en consecuencia la dirección de desplazamiento de toda la página web.

Problemas típicos con la dirección de desplazamiento rtl

Algunos clientes informan de errores que se hacen visibles al cambiar a rtl. Esto se debe a que varios códigos CSS o Javascript no han sido diseñados para otras direcciones de desplazamiento. Por ejemplo, se utilizan comandos como «padding-left» en lugar de «padding-inline-start». Los espacios y las posiciones que se refieren a «derecha» o «izquierda», en lugar de «inicio» o «fin», no son reinterpretados por el navegador al cambiar la dirección de desplazamiento, sino que permanecen a la derecha o a la izquierda.

Consejo: Si los desarrolladores web utilizan marcos como Bootstrap, estos problemas ya están resueltos y cambiar la dirección de desplazamiento es relativamente sencillo. (Así se abordó el tema, por ejemplo, en la ciudad de Colonia).

Problemas con los números de teléfono

Otro problema es la representación de los números de teléfono. A la IA le resulta difícil reconocer qué parte de los números de teléfono es un prefijo, ya que no se utiliza una representación estandarizada de los números de teléfono. Por ejemplo, el número de teléfono «0123 / 45678» también puede aparecer en las siguientes variaciones:

  • 0123 / 45678
  • 0123/45678
  • 012345678
  • 0123 – 45678
  • 0123-45678
  • 0123 45678
  • 0123 456 78
  • 0123 – 45 67 – 8
  • +49 123 / 45678
  • +4912345678
  • etc.

Para excluir números de teléfono (u otros números) de la dirección de ejecución, se puede utilizar el usted El atributo también se puede aplicar a diferentes bloques. Conword no puede hacerlo automáticamente, ya que los contextos de las diferentes páginas web son demasiado diferentes. En la siguiente sección se ofrece una solución Javascript para este problema.

Sus opciones para diferentes direcciones de marcha

Básicamente, hay tres posibilidades para gestionar las direcciones de desplazamiento:

  1. Desarrollo continuo de la página web con ajustes CSS.
  2. Desactivación completa de la dirección de marcha
  3. Desactivación parcial de la dirección de marcha

1. Desarrollo continuo de la página web con ajustes CSS.

La solución más limpia es adaptar el CSS para que admita ambas direcciones de desplazamiento. Lamentablemente, no siempre se dispone de los recursos necesarios para implementar (rápidamente) los cambios necesarios. Por eso, en Conword hemos creado la posibilidad de impedir el cambio de dirección de desplazamiento.

2. Desactivación completa del sentido de marcha

En la Documentación para desarrolladores en «Opciones de configuración». descrito. Básicamente, antes de integrar Conword, debe crear una variable de configuración de JavaScript que sea válida para desactivar_atributo_rtl el valor verdadero se entera:

<script>
	var conword_config={
        disable_rtl_attribute:true
    };
</script>

O en una línea:

<script>var conword_config={disable_rtl_attribute:true};</script>

Si se almacena la variable de configuración de esta manera, cambia el comportamiento de Conword descrito anteriormente y el usted El atributo ya no se establece.

Nuestra recomendación: Si su sitio web tiene problemas con la rtl Si la representación es correcta, desactive por el momento el cambio de dirección de desplazamiento. Ahora puede poner Conword en funcionamiento y, al mismo tiempo, elaborar los cambios CSS. Una vez realizados todos los cambios, vuelva a activar el cambio de dirección de desplazamiento.

3. Desactivación parcial de la dirección de marcha

Para el problema descrito anteriormente con los números de teléfono, puede ser conveniente excluir los números de teléfono de la dirección de ejecución. Puede ajustar esto en la plantilla de su página web, en la que dir="ltr" Establecer en la etiqueta HTML o ajustar posteriormente mediante JavaScript.

Código de ejemplo:

document.addEventListener("DOMContentLoaded", function() {
    var enlaces_teléfono = document.querySelectorAll('a.telefonnummer');
    for(var i = 0; i < enlaces_teléfono.length; i++){
        enlaces_teléfono[i].setAttribute('dir','ltr');
    }
});

¿Tiene alguna pregunta?

Si tiene alguna pregunta sobre este tema, Estaremos encantados de asesorarle.

Pruebe Conword

Klaus Gah

Estrategia y ventas

«Mi objetivo no es vender software o servicios, sino contribuir activamente a crear un mundo más habitable.
Y con Conword puedo contribuir a ello de todo corazón».

Concertar una cita