الإجابة المختصرة

حددوا الاتجاه على الحاوية لا على الصفحة، واعزلوا كل مقطع داخلي يسير في الاتجاه المعاكس. والأرقام اللاتينية داخل نص عربي هي العطل الأكثر شيوعاً: قد يُعرض 1 247 على شكل 247 1 ما لم يُغلَّف ويُعزل.

المشكلة التي لا يحذّر منها أحد

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

الخوارزمية موصّفة جيداً وصحيحة غالباً. وتخطئ حين ينقصها السياق الذي تملكونه أنتم: فهي لا تستطيع أن تعرف أن 2026/044 رقم مرجع واحد لا رقمين حول شرطة مائلة.

العطل الذي واجهناه عملياً

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

والحل هو إبقاء الرقم في مقطعه الخاص من اليسار إلى اليمين:

<!-- خطأ: المقطع كله يرث الاتجاه من اليمين لليسار -->
<span dir="rtl">1 247 حرف</span>

<!-- صواب: الرقم معزول والنص يبقى من اليمين لليسار -->
<span>1 247 <span dir="rtl">حرف</span></span>

قواعد تمنع معظم ذلك

الخطوط جزء من المشكلة

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

لماذا يهم هذا تجارياً

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

اطّلعوا على صفحة الخدمة: مواقع ويب بذكاء اصطناعي مدمج للشركات الجزائرية.

الأسئلة الشائعة

لماذا تظهر الأرقام معكوسة في النص العربي؟

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

ما الطريقة الصحيحة لمزج العربية والفرنسية في صفحة ويب؟

حددوا dir على الكتلة العربية فعلاً بدل الوثيقة كلها، واعزلوا المقاطع الداخلية المعاكسة بـ bdi أو سمة dir، واستخدموا خصائص CSS المنطقية ليتعكس التخطيط بشكل صحيح.

أي خط أستخدم للعربية واللاتينية معاً؟

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

لديك مشكلة تستحق الحل؟

أخبرنا بما تريد إصلاحه، بكلمات بسيطة. وإذا لم يكن الذكاء الاصطناعي هو الأداة المناسبة، سنقول لك ذلك.

تحدث إلينا