لماذا تبدو أغلب المواقع العربية مترجمة؟

كثير من المواقع العربية مبنية على قالب إنجليزي أُضيف له اتجاه RTL في آخر خطوة. النتيجة موقع يعمل لكنه يبدو غريبًا للقارئ العربي. هذه أشهر العلامات.

١. أيقونات الاتجاه لم تُقلب سهم "التالي" يجب أن يشير لليسار في العربية. الأسهم والشيفرونات التي تشير للاتجاه المنطقي يجب أن تُعكس، بينما أيقونات مثل الساعة أو البريد لا تُعكس. القاعدة: اقلب ما يحمل معنى اتجاهيًا فقط.

٢. الأرقام والرموز مختلطة الاتجاه رقم الهاتف أو السعر داخل جملة عربية يجب أن يُعزل باتجاه LTR، وإلا ظهرت أجزاؤه بترتيب خاطئ. هذا يُحل بعزل النطاق نصيًا لا بإعادة كتابة الرقم.

٣. المسافات مبنية على left/right استخدام margin-left بدل margin-inline-start يعني أن كل مسافة ستكون في الجانب الخطأ عند قلب الاتجاه. الخصائص المنطقية تحل هذا من الأساس.

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

٥. الترجمة الحرفية "نحن نقدم حلولًا مبتكرة تمكّن عملك" ترجمة حرفية لجملة إنجليزية لا تعني شيئًا بالعربية. النص العربي يجب أن يُكتب عربيًا، لا أن يُترجم كلمة بكلمة.

٦. تجاهل ترتيب الأولوية البصرية العين العربية تبدأ من اليمين. وضع الزر الأساسي في أقصى اليسار لأن القالب هكذا يعني أن أهم عنصر في آخر ما تراه.

خلاصة الموقع العربي الجيد يبدو كأنه صُمم بالعربية من البداية. ذلك يتحقق بالخصائص المنطقية في CSS، وخط عربي مناسب، ونص مكتوب لا مترجم، وأيقونات مدروسة.