تصميم واجهات RTL: أخطاء شائعة عند بناء موقع عربي

مبادئ اتجاه الكتابة والخطوط والقوائم والأيقونات في المواقع العربية المتجاوبة.

ليس مجرد محاذاة لليمين

دعم العربية لا يتحقق بتغيير text-align فقط. يجب ضبط اتجاه الصفحة والحقول ذات النص العربي، مع معالجة الأرقام والروابط الإنجليزية ومقاطع الكود عندما تختلف اتجاهاتها.

الهيكل والتنقل

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

الطباعة العربية

اختر خطًا عربيًا مقروءًا ووازن بين حجم الخط وارتفاع السطر وطول الفقرة. تجنب أوزانًا كثيرة تحمل ملفات ضخمة. اختبر علامات الترقيم والأرقام المختلطة والروابط الإنجليزية داخل السطر.

النماذج والجداول

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

اختبار الاستخدام

اطلب من مستخدم عربي تنفيذ مهام مثل الوصول لمقال والبحث وملء نموذج. الملاحظات الواقعية ستكشف مشاكل التنقل والقراءة التي قد لا تظهر في لقطة التصميم.

اقرأ أيضًا موضوعات أخرى في المدونة للمقارنة والتوسع في هذا المجال.