Écriture de droite à gauche et direction de la mise en page

L’arabe, l’hébreu, le persan et l’ourdou s’écrivent de droite à gauche (RTL). Pour ces utilisateurs, toute l’interface doit être inversée : les boutons de retour de navigation pointent vers la droite, les listes s’alignent sur le bord droit et la progression s’effectue de droite à gauche. La prise en charge de RTL est un élément essentiel de l’internationalisation.

La règle d’or : concevez vos interfaces avec le début et la fin plutôt qu’avec la gauche et la droite. Le début correspond au point où commence la lecture — à gauche en anglais, à droite en arabe. Lorsque vous utilisez le début et la fin, le système inverse automatiquement votre mise en page en RTL.

SwiftUI expose la direction actuelle au moyen de la valeur d’environnement layoutDirection, qui vaut soit .leftToRight, soit .rightToLeft. Lisez-la lorsque vous avez besoin d’une logique dépendante de la direction, par exemple pour choisir une ressource de chevron.

De nombreux symboles SF s’inversent automatiquement. Pour les images personnalisées directionnelles, indiquez qu’elles doivent s’inverser avec la direction de mise en page afin qu’une flèche pointant vers l’avant continue de pointer vers l’avant en RTL. Le modificateur flipsForRightToLeftLayoutDirection contrôle ce comportement.

Il arrive qu’une sous-vue doive conserver une direction fixe — par exemple un numéro de téléphone ou un extrait de code de gauche à droite dans une mise en page RTL. Remplacez-la avec le modificateur environment(\.layoutDirection, _) appliqué uniquement à cette sous-arborescence.

Utilisez également le début et la fin pour l’alignement du texte. Un paragraphe aligné au début se colle automatiquement au bord droit en arabe. Évitez .left/.right, qui ne s’inversent jamais.

Les paragraphes RTL intègrent souvent des séquences LTR — URL, nombres ou noms de marques anglais. L’algorithme bidirectionnel d’Unicode gère leur ordre, mais vous pouvez entourer les séquences ambiguës de caractères d’isolation directionnelle afin d’éviter les mélanges visuels.

Certains contrôles — boutons de lecture multimédia, chronologies — ne doivent NOT pas s’inverser, car leur signification est physique et non liée au sens de lecture. L’attribut semanticContentAttribute d’UIKit (.playback, .spatial, .forceLeftToRight) indique au système quand conserver une direction fixe.

Vous n’avez pas besoin d’une traduction arabe pour tester l’inversion. Exécutez l’application avec la pseudolangue de droite à gauche dans le réglage de langue de l’application du schéma. L’interface s’inverse à partir de vos chaînes existantes, ce qui vous permet de repérer immédiatement les problèmes causés par .left/.right codés en dur.

Surveillez les problèmes suivants :

• Un alignement ou un remplissage .left/.right codé en dur.
• Des vues positionnées manuellement à l’aide de décalages fixes sur l’axe x.
• Des images directionnelles personnalisées qui ne s’inversent pas.
• Des chevrons de retour ou des curseurs qui pointent dans la mauvaise direction.
• Des chaînes bidirectionnelles concaténées qui se mélangent.

Une ligne bien conçue utilise partout le début et la fin, permet aux symboles de s’inverser et n’impose une direction que lorsque la sémantique l’exige. Une telle vue ne nécessite aucune modification pour s’afficher correctement en anglais comme en arabe.

Vous avez appris à prendre en charge les langues qui se lisent de droite à gauche :

• Concevez vos interfaces avec le début et la fin, jamais avec la gauche et la droite.
• Lisez l’environnement layoutDirection pour la logique dépendante de la direction.
• Inversez les images directionnelles ; remplacez la direction pour les sous-arborescences fixes comme le code ou les numéros de téléphone.
• Utilisez semanticContentAttribute pour les commandes de lecture et spatiales qui ne doivent pas s’inverser.
• Testez avec la pseudolangue RTL avant la mise en production.