العربية تغيّر
طريقة عمل الواجهة
أربعة سلوكيات، مرسومة حيّة بـ HTML وCSS هذه الصفحة نفسها. لا لقطات شاشة، ولا نماذج مصطنعة. وستعرف من النظرة الأولى أي الجانبين خاطئ.
طلبك رقم 48213
الانعكاس تخطيط، لا ترجمة
الصفّان من الكود نفسه. المنشور يثبّت اتجاهه في الكود، فيجلس النص العربي المترجم داخل هيكل إنجليزي: ترتيب القراءة والحالة والإجراء كلها في الجهة الخاطئة.
<html dir="rtl">أرقام الهواتف تتبعثر دون عزل
الأرقام بترتيبها الصحيح في الكود في المرتين، لكن المسافات بين مجموعات الأرقام محايدة الاتجاه، فتتبدّل المجموعات وتنفصل علامة الزائد. سمة واحدة تُبقي الرقم متماسكًا.
<span dir="ltr">+966 …</span>الحقول ترث الاتجاه، إلا حيث لا ينبغي
اكتب فيها. حقل الاسم في النسخة المنشورة مقفل على LTR، فيدخل النص العربي عكس اتجاه المؤشر. والإصلاح ليس دفع كل شيء نحو اليمين: حقل البريد يبقى LTR عمدًا، لأن المعرّفات تُقرأ من اليسار إلى اليمين. الخبرة هي أن تعرف الاستثناء.
input[type=email] { direction: ltr }نظام أرقام واحد في كل مرة
الصفّان يحملان الأرقام نفسها. المنشور يتنقّل بين الأرقام المشرقية والغربية في منتصف الجملة، وهذا ما تفعله خطوط التعريب الحقيقية باستمرار؛ أما الجاهز فيلتزم بنظام واحد.
Intl.NumberFormat("ar-SA-u-nu-latn")شاشة كاملة: معكوسة أم أصيلة
بطاقة التحويل العربية نفسها مرتين: الأولى شاشة إنجليزية قلبتها ورقة أنماط، والثانية مبنيّة بمكوّنات كنز من ريتلا.
- خط لاتيني من النظام وارتفاع سطر ضيق: العربية مكدّسة، وحركاتها مقصوصة.
- رقم الهاتف دون عزل: مجموعات أرقامه تتبدّل حول المسافات.
- علامة الصح انعكست مع كل شيء آخر، وعلامة الصح لا اتجاه لها.
- سهم المتابعة منسوخ من الإنجليزية، فيشير في العربية إلى الخلف.
خط IBM Plex Sans Arabic بارتفاعات أسطر عربية، ورقم الهاتف من اليسار إلى اليمين داخل نموذج من اليمين إلى اليسار، وعلامة الصح كما هي، والسهم يتبع اتجاه القراءة.