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 il testo si scrive da destra a sinistra, in inglese: right-to-left, abbreviato: rtl. Esempi di "lingue rtl" sono l'ebraico e l'arabo.
Se 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 progettare un sito web per una determinata direzione di scorrimento, ma di dover visualizzare una direzione di scorrimento diversa.
Conwords Gestione delle direzioni di scorrimento e HTML
La lingua attualmente selezionata, e quindi anche la direzione di scorrimento attualmente selezionata, viene memorizzata da Conword nell'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 L'attributo definisce la direzione di scorrimento del testo. Per lo spagnolo è da sinistra a destra (ovvero left-to-right: "ltr").
Se si seleziona ad esempio l'arabo come lingua, il tag HTML riceve l'informazione 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 modificare di conseguenza la direzione di scorrimento dell'intero sito web.
Problemi tipici con la direzione di scorrimento rtl
Alcuni clienti segnalano errori che diventano visibili quando si passa a rtl. Ciò è dovuto al fatto che diversi codici CSS o Javascript non sono stati progettati per altre direzioni di scorrimento. Ad esempio, vengono utilizzati comandi come "padding-left" invece di "padding-inline-start". Le distanze e le posizioni che si riferiscono a "destra" o "sinistra" invece che a "inizio" o "fine" non vengono reinterpretate dal browser quando si cambia la direzione di scorrimento, ma rimangono semplicemente a destra o a sinistra.
Suggerimento: se gli sviluppatori web utilizzano framework come Bootstrap, questi problemi sono già stati risolti e cambiare la direzione di scorrimento è relativamente semplice. (Questo è il modo in cui è stata affrontata la questione dalla città di Colonia, ad esempio).
Problemi con i numeri di telefono
Un altro problema è rappresentato dalla rappresentazione dei numeri di telefono. L'IA ha difficoltà a riconoscere quale parte dei numeri di telefono sia un prefisso, poiché non viene utilizzata una rappresentazione standardizzata dei numeri di telefono. Ad esempio, il numero di telefono "0123 / 45678" può apparire 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 utilizzare il voi L'attributo può anche essere applicato a diversi blocchi. Conword non è in grado di farlo automaticamente, poiché i contesti delle diverse pagine web sono troppo diversi tra loro. Nella sezione successiva è riportata una soluzione Javascript al problema.
Le vostre possibilità per diverse direzioni di marcia
Esistono fondamentalmente tre possibilità per gestire le direzioni di marcia:
- Ulteriore sviluppo del sito web con adeguamenti CSS
- Disattivazione completa della direzione di marcia
- Disattivazione parziale della direzione di marcia
1. Ulteriore sviluppo del sito web con adeguamenti CSS
La soluzione più pulita è quella di adattare il CSS in modo che entrambe le direzioni di scorrimento siano supportate. Purtroppo, non sempre sono disponibili le risorse necessarie per implementare (rapidamente) le modifiche richieste. Per questo motivo, noi di Conword abbiamo creato la possibilità di impedire il cambio della direzione di scorrimento.
2. Disattivazione completa della direzione di marcia
Come disattivare completamente la direzione di scorrimento è spiegato nella Documentazione per sviluppatori alla voce "Setup Options" . In sostanza, prima di integrare Conword è necessario creare una variabile di configurazione Javascript che sia valida per disabilita_attributo_rtl il valore vero notare:
<script>
var conword_config={
disable_rtl_attribute:true
};
</script>Oppure in una riga:
<script>var conword_config={disable_rtl_attribute:true};</script>Se la variabile di configurazione viene memorizzata in questo modo, il comportamento di Conword descritto sopra cambia e il voi L'attributo non viene più impostato.
Il nostro consiglio: Se il tuo sito web ha problemi con la rtl Se la visualizzazione è corretta, disattivare temporaneamente il cambio di direzione. Ora è possibile andare online con Conword e lavorare parallelamente alle modifiche CSS. Una volta completate tutte le modifiche, riattivare il cambio di direzione.
3. Disattivazione parziale della direzione di marcia
Per risolvere il problema sopra descritto relativo ai numeri di telefono, può essere opportuno escludere i numeri di telefono dalla direzione di scorrimento. È possibile modificarlo nel template del proprio sito web, inserendo dir="ltr" impostare il tag HTML o modificarlo successivamente tramite Javascript.
Codice di esempio:
document.addEventListener("DOMContentLoaded", function() {
var telefon_links = document.querySelectorAll('a.telefonnummer');
for(var i = 0; i < telefon_links.length; i++){
telefon_links[i].setAttribute('dir','ltr');
}
});Avete domande?
Se avete domande sull'argomento, Siamo a vostra disposizione per una consulenza.
