كثير من الفرق تتعامل مع العربية كأنها «نسخة معكوسة» من واجهة إنجليزية: تقلب الاتجاه وتنتهي المهمة. الواقع أن الواجهة التي تُقرأ من اليمين لليسار تحتاج قراراتها الخاصة، وأخطاؤها الصغيرة تُرى فوراً لمن يقرأ العربية كل يوم.
01فكّر بالبداية والنهاية، لا باليمين واليسار
أهم عادة تُنقذك من أغلب المشاكل: لا تكتب margin-left وpadding-right إذا كنت تقصد «بداية العنصر» أو «نهايته». استخدم الخصائص المنطقية، فتنعكس تلقائياً مع اتجاه الصفحة.
02ما الذي يُعكس وما الذي لا يُعكس
ليس كل شيء يُعكس. القاعدة العملية: يُعكس ما يعبّر عن اتجاه القراءة أو التقدّم، ولا يُعكس ما له معنى مستقل عنه.
- يُعكس: أسهم «التالي» و«السابق»، القوائم الجانبية، شريط التقدّم، ترتيب الخطوات.
- لا يُعكس: أيقونة الساعة، علامة الصح، رموز الوسائط (تشغيل)، الرسوم البيانية الزمنية في كثير من الحالات.
- انتبه للأسهم: سهم الرابط الخارجي يجب أن يشير إلى جهة تتّسق مع الاتجاه (↖ في العربية).
03الأرقام والنصوص المختلطة
الواجهات الحقيقية تخلط العربية بالإنجليزية: أسماء منتجات، روابط، أكواد. إذا وضعت نصاً لاتينياً داخل جملة عربية فقد تنقلب علامات الترقيم حوله. عزل هذه المقاطع بوسم bdi أو بالخاصية unicode-bidi: isolate يحلّ المشكلة في الغالب. وقرّر مبكراً أي أرقام تعرض (الغربية 0-9 أم الهندية ٠-٩) وطبّق قراراً واحداً في الموقع كله.
04الخطوط والتباعد
الحروف العربية متّصلة، فلا تضف إليها تباعد أحرف (letter-spacing) لأنه يكسر الاتصال ويشوّه الكلمة. ارفع ارتفاع السطر قليلاً عمّا تستخدمه للإنجليزية، فالعربية تحتاج مساحة رأسية أكبر للتشكيل والامتدادات. واختر خطاً عربياً مصمّماً للشاشة، لا خطاً لاتينياً مع بديل عربي عشوائي.
05الخلاصة
الواجهة العربية الجيدة ليست نسخة معكوسة، بل تصميم يُفكَّر فيه من البداية بالاتجاه: خصائص منطقية، وقرار واضح لما يُعكس وما لا يُعكس، وعزل للنصوص المختلطة، واختبار بمحتوى حقيقي. هذه التفاصيل الصغيرة هي ما يجعل الزائر يشعر أن الموقع كُتب له.
