خمسة أخطاء شائعة في تصميم المتاجر العربية

اتجاه RTL ليس زر تبديل. حين يُبنى المتجر بالإنجليزية أولاً ثم يُعكس، تظهر مشاكل لا يلاحظها المطوّر لكن يشعر بها العميل. هذه أكثر خمسة أخطاء نراها.

١. الأيقونات التي لا يجب أن تنعكس

أسهم التنقّل يجب أن تنعكس: سهم «التالي» يشير لليسار في العربية. لكن أيقونات مثل الساعة وشعارات وسائل التواصل والرسوم البيانية يجب أن تبقى كما هي. عكسها يجعل الواجهة تبدو معطوبة.

٢. الأرقام والعملة

الأرقام تبقى بترتيبها من اليسار لليمين حتى داخل نص عربي. الخطأ الشائع هو ترك المتصفّح يخمّن، فتظهر أسعار مثل ٩٩ ر.س في ترتيب خاطئ. استخدم علامات الاتجاه الصريحة حول الأرقام والعملات.

٣. المسافات المكتوبة يدويًا

كل margin-left في ملف CSS هو خطأ ينتظر الظهور. استخدم الخصائص المنطقية: margin-inline-start تعمل في الاتجاهين دون أي كود إضافي.

٤. الخط العربي المُختار كفكرة لاحقة

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

٥. اختبار اتجاه واحد فقط

كل مكوّن يجب أن يُفتح في الاتجاهين قبل اعتباره جاهزًا. القوائم المنسدلة والشرائح المنزلقة ونوافذ التأكيد هي أكثر المواضع التي تنكسر بصمت.