واجهات عربية RTL: تفاصيل صغيرة تمنع أخطاء كبيرة

تحويل الواجهة إلى العربية يحتاج أكثر من محاذاة النص إلى اليمين. أرقام الطلبات والروابط والبريد تبقى ذات اتجاه مختلف، وبعض الأيقونات تعبر عن حركة يجب تفسيرها حسب السياق. لذلك من المفيد اختبار المحتوى العربي الحقيقي أثناء التصميم.

ابدأ باتجاه الوثيقة

حدد اللغة والاتجاه على مستوى الصفحة، ثم استخدم خصائص CSS المنطقية مثل الهوامش عند بداية السطر ونهايته. هذا يسهل مشاركة التصميم بين اللغات. افصل الحقول التي تحتوي بريدًا أو رمزًا تقنيًا في سياق اتجاه مناسب حتى لا تختلط علامات الترقيم أو تتغير قراءة الرمز.

افحص المعنى قبل عكس الأيقونة

سهم الرجوع قد يحتاج اتجاهًا مختلفًا، بينما شعار خدمة أو رمز تشغيل فيديو لا يعكس لمجرد تغيير اللغة. عنوان الجدول وترتيب أعمدته يجب أن يراعي رحلة المستخدم. ابدأ بالبيانات التي يعرف بها السجل، ثم التفاصيل، ثم الإجراءات وفق التصميم الذي تختبره مع المستخدمين.

مثال في لوحة الطلبات

إذا ظهر رقم فاتورة إنجليزي داخل جملة عربية، اعزله بصريًا عن الوصف. اعرض المبلغ ووحدة العملة بشكل متسق، ولا تعتمد على إضافة مسافات يدويًا لإصلاح كل حالة. جرّب اسمًا طويلًا ومبلغًا يحتوي كسورًا وبريدًا طويلًا قبل اعتماد عرض الأعمدة.

• راجع اتجاه حقول الأرقام والبريد والروابط.
• اختبر التفاف العنوان على سطرين أو ثلاثة.
• تأكد من بقاء زر الإغلاق ومؤشر التركيز واضحين.
• حافظ على ترتيب قراءة منطقي في النسختين العربية والإنجليزية.

تعرف على الخصائص المنطقية في CSS لتقليل الاستثناءات والمحاذاة اليدوية.

اقرأ أيضًا

• تصميم موقع متجاوب: ابدأ بالمحتوى قبل مقاسات الشاشات

وليد الفليحي

برمجيات واكثر - عضو الهيئة السعودية للمهندسين

أحوّل الأفكار إلى حلول رقمية متكاملة، وأطوّر مواقع وأنظمة ويب حديثة تساعد الجهات والأفراد على تحقيق أهدافهم بكفاءة عالية، مع خبرة في تطوير الأنظمة، إدارة الخوادم وحلول البنية التح…

◉