# المواقع العربية والإنجليزية: سبعة أخطاء RTL تضر بالثقة | ThorOps

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

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

## 1. استخدام المحاذاة بدلاً من الاتجاه الحقيقي

محاذاة النص إلى اليمين عبر CSS لا تحدد اتجاه قراءة الصفحة. استخدم في الصفحة العربية HTML دلالياً مثل <html lang="ar" dir="rtl">. توصي W3C وMDN باستخدام dir لأن الاتجاه جزء من معنى المحتوى، لا مجرد شكل.

## 2. نسيان لغة الصفحة

عيّن lang بشكل صحيح للصفحة وللمقاطع التي تتغير لغتها. تستخدم تقنيات المساعدة هذه المعلومة لاختيار النطق المناسب. ولا يغني lang عن dir؛ كلاهما مطلوب.

## 3. قلب كل شيء آلياً

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

## 4. كسر النص المختلط بالعربية والإنجليزية

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

## 5. ترجمة الكلمات من دون توطين المعنى

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

## 6. اختيار نظام خطوط عربي ضعيف

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

## 7. اختبار لغة واحدة في نهاية المشروع

يكشف اختبار RTL المتأخر مشاكل هيكلية بعد أن يصبح إصلاحها مكلفاً. اختبر كل مكوّن بالعربية والإنجليزية أثناء التطوير: القوائم والجداول والرسوم وأخطاء التحقق ورسائل البريد وملفات PDF وشاشات الهاتف.

## قائمة مراجعة للإطلاق الثنائي اللغة

- lang وdir صحيحان على مستوى الصفحة

- استخدام خصائص CSS المنطقية مثل start/end عندما يناسب

- اختبار لوحة المفاتيح وقارئ الشاشة

- اختبار الأسماء والأرقام والترقيم المختلط

- مراجعة المحتوى العربي بواسطة مختص لغوي أصلي

- التحقق من الهاتف والبريد والمستندات الناتجة

- تذكر اختيار اللغة من دون حبس المستخدم

- إدراج المسارين العربي والإنجليزي في التحليلات وSEO

الجودة الثنائية اللغة ليست طبقة تجميل بعد التطوير، بل جزء من بنية المنتج وثقة العميل.

## المصادر

- [W3C Internationalisation: Structural markup and right-to-left text](https://www.w3.org/International/questions/qa-html-dir)
- [MDN: HTML `dir` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/dir)
- [MDN: HTML `lang` attribute and accessibility](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/lang)