Le diverse direzioni di scrittura del testo: ltr e rtl

Le diverse lingue hanno direzioni di scrittura diverse.
La maggior parte delle lingue si scrive da sinistra a destra (in inglese: left-to-right, abbreviato: ltr).
In alcune lingue, invece, il testo scorre da destra a sinistra (in inglese: right-to-left, abbreviato: rtl). Esempi di “lingue rtl” sono l’ebraico e l’arabo.

Quando la lingua di un sito web viene modificata tramite uno strumento come Conword, gli sviluppatori web si trovano spesso di fronte alla sfida di dover gestire il fatto che un sito web sia stato progettato per una determinata direzione di scrittura, ma debba essere visualizzato con una direzione diversa.

Conwords: gestione delle direzioni di scrittura e dell'HTML

La lingua attualmente selezionata, e quindi anche la direzione di scrittura attualmente selezionata, viene inserita da Conword nel codice HTML come segue. Esempio: spagnolo:

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

A lungo e xml:lang L'attributo del tag HTML è l'abbreviazione della lingua selezionata (in questo caso “es” per Essopañol = spagnolo). Nel voi In questo attributo viene specificata la direzione di scorrimento del testo. Per lo spagnolo è da sinistra a destra (ovvero left-to-right: “ltr”).

Se, ad esempio, si seleziona l'arabo come lingua, il tag HTML riceve l'indicazione che la direzione di scrittura deve ora essere da destra a sinistra (right-to-left: «rtl»).

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

I browser moderni interpretano il voi Attributo e modificano di conseguenza la direzione di scorrimento dell'intero sito web.

Problemi tipici relativi alla direzione di scorrimento rtl

Alcuni clienti segnalano errori che si manifestano quando si passa alla direzione di scrittura rtl. Ciò è dovuto al fatto che diversi codici CSS o JavaScript non sono stati progettati per altre direzioni di scrittura. Ad esempio, vengono utilizzati comandi come «padding-left» anziché «padding-inline-start». Le distanze e le posizioni che fanno riferimento a «destra» o «sinistra», anziché a «inizio» o «fine», non vengono reinterpretate dal browser al cambio di direzione di scorrimento, ma rimangono semplicemente a destra o a sinistra.

Suggerimento: se gli sviluppatori web utilizzano framework come, ad esempio, Bootstrap, questi problemi sono già risolti e cambiare la direzione di scorrimento è relativamente semplice. (È così che, ad esempio, è stata affrontata la questione nel Comune di Colonia.)

Problemi con i numeri di telefono

Un altro problema è la rappresentazione dei numeri di telefono. L’IA ha difficoltà a riconoscere quale parte dei numeri di telefono corrisponda al prefisso, poiché non viene utilizzata una rappresentazione standardizzata dei numeri di telefono. Ad esempio, il numero di telefono «0123 / 45678» può presentarsi anche nelle seguenti varianti:

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

Per escludere i numeri di telefono (o altri numeri) dalla direzione di scorrimento, è possibile voi L'attributo può essere applicato anche a diversi blocchi. Conword non è in grado di farlo automaticamente, poiché i contesti delle diverse pagine web sono troppo diversi tra loro. Nella sezione seguente è riportata una soluzione in JavaScript per risolvere il problema.

Le vostre opzioni per diverse direzioni di marcia

In sostanza, ci sono tre modi per gestire le direzioni di marcia:

  1. Ulteriore sviluppo del sito web con modifiche CSS
  2. Disattivazione completa del senso di marcia
  3. Disattivazione parziale del senso di marcia

1. Ulteriore sviluppo del sito web con modifiche CSS

La soluzione più pulita consiste nel modificare il CSS in modo da supportare entrambe le direzioni di scrittura. Purtroppo, non sempre si dispone delle risorse necessarie per apportare (rapidamente) le modifiche richieste. Per questo motivo, noi di Conword abbiamo creato la possibilità di impedire il cambio di direzione di scrittura.

2. Disattivazione completa del senso di marcia

Come disattivare completamente la direzione di marcia è spiegato nella Documentazione per gli sviluppatori alla voce “Setup Options” descritto. In sostanza, prima di integrare Conword è necessario creare una variabile di configurazione JavaScript che serva per disable_rtl_attribute il valore vero si accorge che:

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

Oppure in una sola riga:

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

Se la variabile di configurazione viene impostata in questo modo, il comportamento di Conword descritto sopra cambia e il voi L'attributo non viene più impostato.

Il nostro consiglio: Se il vostro sito web presenta problemi con la rtl Se la visualizzazione presenta dei problemi, disattivate per il momento il cambio di direzione di scrittura. A questo punto potete pubblicare Conword online e apportare parallelamente le modifiche al CSS. Una volta completate tutte le modifiche, riattivate il cambio di direzione di scrittura.

3. Disattivazione parziale della direzione di marcia

Per risolvere il problema dei numeri di telefono descritto sopra, potrebbe essere opportuno escludere i numeri di telefono dalla direzione di scorrimento. È possibile modificare questa impostazione nel template del proprio sito web, in cui dir="ltr" inserirlo nel tag HTML oppure modificarlo in un secondo momento tramite JavaScript.

Codice di esempio:

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

Avete domande?

Se avete domande su questo argomento, Saremo lieti di fornirvi la nostra consulenza.

Prova Conword

Klaus Gah

Strategia e vendite

"Il mio obiettivo è contribuire attivamente alla creazione di un mondo in cui valga la pena vivere. Con Conword posso realizzare questo impegno con tutto il cuore".

Fissare un appuntamento