הגדירו את שפת המסמך ואת כיוון הכתיבה בשרת. רנדרו <html lang={locale} dir={direction}> מתוך הנתיב, כדי שטכנולוגיה מסייעת, אלגוריתם הטקסט הדו-כיווני של הדפדפן וסגנונות :lang() יקבלו את הערכים הנכונים כבר בציור הראשון. אין לזהות את האזור והשפה בקוד לקוח לאחר הידרציה.
תוויות רכיבים
העבירו מחרוזות מתורגמות דרך ה-prop בשם labels של הרכיב. תוויות שדורשות ספירה משתמשות בתבניות מחרוזת כמו "{index} of {count}"; העבירו locale בעת עיצוב מספרים. formatLabel מחליפה מצייני מקום בעלי שם ומעצבת ערכים מספריים באמצעות Intl.NumberFormat.
כיוון ומיקום
כיוון הכתיבה מגיע מה-dir של האלמנט ב-DOM. התנהגות המקלדת משתמשת ב-resolveDirection(element) כדי להתאים לכיוון הזה; prop מפורש של כיוון יכול לדרוס אותו. ה-side של חלונית קופצת הוא פיזי (top, bottom, left, right). ה-align שלה הוא לוגי (start, center, end), ולכן הוא מתאים לכיוון הכתיבה.
טיפול מותאם במקלדת
אם שדה קלט משתמש ב-IME, אפשרו להרכבת התווים להסתיים לפני טיפול במקשי ניווט. בדקו isComposingKeyEvent(event) לפני תגובה ל-Enter, לחצים או ל-Escape; הבדיקה מכסה גם דפדפנים שמדווחים על קוד המקש 229 לאחר סיום ההרכבה.
טיפוגרפיה וחלופה
גיליון הסגנונות בוחר גופנים ושבירת שורות המותאמים לכתב באמצעות :lang(). דרסו את --font-sans-ja, את --font-sans-zh-hans או את --font-sans-ar כשהאפליקציה מספקת גופנים משלה. עטפו אנגלית שלא תורגמה ב-lang="en" dir="ltr", כדי לשמור על הגייה באנגלית, בחירת גופן וסדר טקסט גם בתוך אזור ושפה אחרים.