Les langues ont des sens d'écriture différents.
La plupart des langues s'écrivent de gauche à droite (en anglais : « left-to-right », abrégé « ltr »).
Dans certaines langues, le texte s'écrit de droite à gauche (en anglais : « right-to-left », abrégé « rtl »). L'hébreu et l'arabe sont des exemples de « langues rtl ».
Lorsque la langue d'un site web est modifiée à l'aide d'un outil tel que Conword, les développeurs web sont souvent confrontés à un défi : le site web a été conçu pour un sens de lecture donné, mais doit s'afficher dans un autre sens.
Conwords : gestion des sens d'écriture et du code HTML
La langue actuellement sélectionnée, et donc également le sens d'écriture actuellement sélectionné, est enregistrée par Conword dans le code HTML comme suit. Exemple en espagnol :
<html lang="es" xml:lang="es" dir="ltr"></html>Sur le site long et xml:lang L'attribut de la balise HTML correspond à l'abréviation de la langue choisie (dans ce cas, « es » pour Ilpañol = espagnol). Dans le à toi Cet attribut permet de définir le sens de lecture du texte. Pour l'espagnol, il s'agit d'une lecture de gauche à droite (c'est-à-dire « ltr »).
Si l'on choisit par exemple l'arabe comme langue, la balise HTML reçoit l'information indiquant que le sens d'écriture doit désormais aller de droite à gauche (right-to-left : « rtl »).
<html lang="ar" xml:lang="ar" dir="rtl"></html>Les navigateurs modernes interprètent cela à toi attribut et modifient en conséquence le sens de défilement de l'ensemble du site web.
Problèmes courants liés au sens de défilement « rtl »
Certains clients signalent des erreurs qui apparaissent lors du passage au mode rtl. Cela s'explique par le fait que certains codes CSS ou JavaScript n'ont pas été conçus pour d'autres sens de lecture. Par exemple, des commandes telles que « padding-left » sont utilisées à la place de « padding-inline-start ». Les espacements et les positions qui se réfèrent à « droite » ou « gauche », plutôt qu'au « début » ou à la « fin », ne sont pas réinterprétés par le navigateur lors du changement de sens de lecture, mais restent simplement à droite ou à gauche.
Conseil : lorsque les développeurs web utilisent des frameworks tels que Bootstrap, ces problèmes sont déjà résolus et il est relativement facile de modifier le sens de défilement. (C'est par exemple ainsi que cette question a été traitée par la ville de Cologne.)
Problèmes liés aux numéros de téléphone
Un autre problème concerne la représentation des numéros de téléphone. L'IA a du mal à identifier quelle partie d'un numéro de téléphone correspond à l'indicatif régional, car il n'existe pas de format standardisé pour les numéros de téléphone. Par exemple, le numéro de téléphone « 0123 / 45678 » peut également apparaître sous les variantes suivantes :
- 0123 / 45678
- 0123/45678
- 012345678
- 0123 – 45678
- 0123-45678
- 0123 45678
- 0123 456 78
- 0123 – 45 67 – 8
- +49 123 / 45678
- +4912345678
- etc. …
Pour exclure les numéros de téléphone (ou d'autres chiffres) de la direction de lecture, il est possible de à toi Cet attribut peut également être appliqué à différents blocs. Conword ne peut pas le faire automatiquement, car les contextes varient beaucoup trop d'une page Web à l'autre. Vous trouverez dans la section suivante une solution JavaScript à ce problème.
Vos options pour différents sens de rotation
Il existe en gros trois façons de gérer les sens de défilement :
- Développement du site web avec des modifications CSS
- Désactivation complète du sens de marche
- Désactivation partielle du sens de marche
1. Développement du site web avec des modifications CSS
La solution la plus élégante consiste à adapter le CSS afin que les deux sens de lecture soient pris en charge. Malheureusement, on ne dispose pas toujours des ressources nécessaires pour mettre en œuvre (rapidement) les modifications requises. C'est pourquoi, chez Conword, nous avons mis en place la possibilité d'empêcher le changement de sens de lecture.
2. Désactivation complète du sens de marche
Pour savoir comment désactiver complètement le sens de défilement, consultez la Documentation destinée aux développeurs, sous « Setup Options » décrit. En gros, avant d'intégrer Conword, vous devez créer une variable de configuration JavaScript qui sert à disable_rtl_attribute la valeur vrai remarque :
<script>
var conword_config = {
disable_rtl_attribute : true
};
</script>Ou en une seule ligne :
<script>var conword_config = { disable_rtl_attribute : true };</script>Si la variable de configuration est définie de cette manière, le comportement de Conword décrit ci-dessus change et le à toi Cet attribut n'est plus défini.
Notre recommandation : Si votre site web rencontre des problèmes avec la rtl Si cela affecte l'affichage, désactivez pour l'instant le changement de sens de lecture. Vous pouvez désormais mettre Conword en ligne et travailler en parallèle sur les modifications CSS. Une fois toutes les modifications effectuées, réactivez le changement de sens de lecture.
3. Désactivation partielle du sens de marche
Pour résoudre le problème lié aux numéros de téléphone décrit ci-dessus, il peut être judicieux d'exclure les numéros de téléphone du sens de défilement. Vous pouvez modifier cela dans le modèle de votre site web en dir=« ltr » la définir dans la balise HTML ou la modifier ultérieurement à l'aide de JavaScript.
Exemple de code :
document.addEventListener("DOMContentLoaded", function() {
var liens_téléphoniques = document.querySelectorAll('a.numéro_de_téléphone');
for(var i = 0; i < liens_téléphoniques.length; i++){
liens_téléphoniques[i].setAttribute('dir','ltr');
}
});Vous avez des questions ?
Si vous avez des questions à ce sujet, Nous nous ferons un plaisir de vous conseiller.
