- العربية و RTL
- منصّات الويب
البرمجيات العربية أولاً: لماذا الـ RTL أعمق بكثير من قلب التخطيط؟
معظم البرمجيات العربية تبدو مكسورة لأن الـ RTL يُعامَل كمهمّة ترجمة. إليك ما يتطلّبه التصميم والبناء بالعربية أولاً حقاً — ولماذا يهمّ ذلك في السوق.
كثيراً ما يُعامَل دعم العربية على أنه "اقلب التخطيط وترجم النصوص" — ولهذا السبب بالضبط تبدو الكثير من البرمجيات العربية مكسورة. يتداخل النص مع الأيقونات، وتتّجه الأرقام في الاتجاه الخطأ، وتقاوم النماذج مستخدمها، ويبدو المنتج بأكمله وكأنه ترجمة آلية لمنتج إنجليزي. وغالباً ما يكون كذلك بالفعل.
بناء برمجيات عربية حقيقية ليس مهمّة ترجمة، بل قرار تصميمي وهندسي تتّخذه في اليوم الأول — أو تدفع ثمنه لاحقاً.
ماذا يعني "العربية أولاً" فعلاً؟
"العربية أولاً" يعني أن تصمّم وتبني معماريّتك للعربية والـ RTL منذ البداية، ثم تكيّفها للإنجليزية — لا العكس. إنه نقيض النمط الشائع: بناء المنتج بالإنجليزية وإطلاقه، ثم بعد أشهر "إضافة العربية" عبر طبقة ترجمة فوق شيفرة تفترض الاتجاه من اليسار إلى اليمين في كل مكان.
هذا الافتراض متجذّر أعمق مما تتوقّع معظم الفرق. إنه يسكن في التخطيط، وفي منطق المكوّنات، وفي طريقة تخزين البيانات وفرزها، وفي الخطّ الذي حمّلته، وفي طريقة تنسيق التاريخ. لا يمكنك أن تترجم طريقك للخروج منه.
حين تكون العربية مواطناً من الدرجة الأولى، يصبح العكس سهلاً: المنتج المبنيّ ليتنقّل بين الاتجاهين يتعامل مع الإنجليزية بنظافة. أما المنتج المبنيّ للإنجليزية وحدها فنادراً ما يتعامل مع العربية بنظافة.
لماذا الـ RTL ليس مجرّد عكس للشاشة؟
العكس يوصلك ربما إلى 60% من الطريق، والـ 40% الباقية هي حيث تكمن المصداقية. الواجهات العربية الحقيقية عليها أن تتعامل مع أمور عدّة يكسرها القلب البسيط.
النص ثنائي الاتجاه (bidi). تتضمّن الجمل العربية بانتظام كلمات لاتينية وأرقام هواتف وأسعاراً وروابط وشيفرة. تتدفّق الفقرة من اليمين إلى اليسار، لكن "iPhone 15" أو "+20" بداخلها يظلّ يجري من اليسار إلى اليمين. الخطأ هنا يبعثر الحروف إلى ما لا معنى له — وهو أوضح علامة على العربية المُلصَقة لاحقاً. هذه مهمّة خوارزمية الاتجاه في Unicode والاستخدام الصحيح لاتجاه النص المنطقي، لا التلاعب اليدوي بالنصوص.
تخطيط منطقي لا بصري. ينبغي كتابة التخطيطات الحديثة بمصطلحات منطقية — بداية ونهاية، لا يمين ويسار. margin-inline-start بدلاً من margin-left. حين تتحدّث شيفرة الـ CSS بخصائص منطقية، تخدم شيفرة واحدة كلا الاتجاهين. وحين تكون مثبّتة على left/right، تحتاج كل شاشة إلى قلب يدوي، وستُنسى واحدة دائماً.
القلب الانتقائي. بعض العناصر يُقلَب، وبعضها يجب ألّا يُقلَب أبداً.
- يُقلَب: أسهم التنقّل، والرجوع والتقدّم، وأشرطة التقدّم، ومسارات التنقّل (breadcrumbs)، وإزاحة القوائم، وجهة فقاعات المحادثة.
- لا يُقلَب: الساعات، وأزرار التحكّم في تشغيل الوسائط، وعلامات الصح، وشعارات العلامات التجارية، وأي صورة من العالم الواقعي. الساعة المقلوبة أو زرّ التشغيل المعكوس يُقرَأ فوراً على أنه خلل.
ما الذي ينكسر حين تكون العربية فكرة لاحقة؟
الإخفاقات متكرّرة، ويلاحظها المستخدمون واحداً تلو الآخر:
- مربّعات التوفو (□□□) حيث لا يملك الخطّ محارف عربية، لأن الفريق شحن خطّاً لاتينياً فقط.
- تكسّر وصل الحروف. العربية متّصلة؛ حروفها تترابط. طبّق
letter-spacingلـ"إصلاح" التباعد فتمزّق الكلمة إلى أشكال منفصلة. لا مكان في الطباعة العربية لحيل تباعد الحروف الشائعة في التصميم اللاتيني. - تسرّبات الـ LTR — عنوان إنجليزي شارد، أو أيقونة غير مقلوبة، أو عمود أرقام محاذى لليسار في جدول محاذى لليمين.
- الاقتطاع من الطرف الخطأ، فتقطع علامة الحذف بداية العبارة العربية بدل نهايتها.
- أزرار يفيض محتواها، لأن الترجمات العربية قد تطول أو تقصر بوضوح عن الإنجليزية، والتخطيط فُصّل على مقاس النصوص الإنجليزية بالبكسل.
- فرز وبحث يتجاهلان العربية، فيعاملان الحركات وصور الهمزة وأشكال الألف بتناقض حتى تبدو النتائج عشوائية.
كلٌّ منها صغير على حِدة. ومجتمعة تُعلن أن المنتج لم يُبنَ حقاً لأجل مستخدمه.
العربية المُلصَقة مقابل العربية أولاً، جنباً إلى جنب
| الجانب | العربية المُلصَقة | العربية أولاً |
|---|---|---|
| التخطيط | يمين/يسار مثبّت، قلب يدوي لكل شاشة | خصائص منطقية (بداية/نهاية)؛ الاتجاه ينقلب بنظافة |
| الطباعة | خطّ لاتيني + حيل تباعد؛ مربّعات توفو | خطّ عربي سليم، وصل حروف صحيح، ارتفاع سطر مضبوط |
| الأرقام | ما يصادف أن يكون الافتراضي | اختيار متعمّد: هندية (٠١٢) أو غربية (012)، بثبات لكل لغة |
| النص ثنائي الاتجاه | اللاتيني والأرقام تتبعثر وسط الجملة | معالجة bidi صحيحة؛ المحتوى المختلط يبقى مقروءاً |
| النماذج | حقول LTR، عناوين غير محاذاة، تحقّق بالإنجليزية | حقول RTL، جهة العنوان صحيحة، رسائل خطأ عربية |
| جداول البيانات | محاذاة لليسار، اقتطاع من الطرف الخطأ | محاذاة لليمين، اقتطاع واعٍ بالاتجاه، فرز يفهم العربية |
| المحتوى | مثبّت على طول النص الإنجليزي | يتمدّد ويتقلّص مع طول النص |
أي تفاصيل تفصل بين "يعمل" و"يبدو أصيلاً"؟
قرارات قليلة تحمل وزناً غير متناسب:
الأرقام اختيار، لا افتراض. الأرقام الهندية (٠-٩) تبدو أصيلة في كثير من الخليج؛ والأرقام الغربية (0-9) واسعة الاستخدام وكثيراً ما تُفضَّل في مصر، خصوصاً للأسعار وأرقام الهواتف. اختر لكل سوق، وطبّق بثبات، ولا تدع شاشة واحدة تخلط الاثنين سهواً.
التواريخ والعملة والتقويم تحتاج تنسيقاً حقيقياً. "15/05/2026"، والهجري مقابل الميلادي، وموضع "ج.م" مقابل "ر.س" وفواصلهما — كلها تتبع قواعد اللغة والمنطقة، لا لصق النصوص. استعن بواجهات التدويل في المنصّة بدل صياغة التنسيقات يدوياً.
النماذج هي حيث تُكسَب الثقة أو تُفقَد. الحقول تُحاذى يميناً، والعناوين تجلس في الجهة الصحيحة، ورسائل التحقّق مكتوبة بعربية طبيعية — لا مترجمة حرفياً عن نصوص خطأ إنجليزية. النموذج المتعثّر هو حيث يغادر المستخدمون بصمت.
الخطوط بنية تحتية. على الخطّ العربي أن يحمل مجموعة المحارف الكاملة، ويصل الحروف بشكل صحيح، ويصمد عند أحجام الواجهة بارتفاع سطر مضبوط لطبيعة العربية. هذه مهمّة تصميم حقيقية، لا خطّ احتياطي.
لماذا يهمّ هذا تجارياً في الشرق الأوسط؟
لأن في مصر والخليج، التجربة العربية المصقولة تُقرَأ كاحترام — والمكسورة تُقرَأ كرسالة: "هذا لم يُبنَ لأجلك".
العمل بالعربية أولاً يمسّ مباشرة الثقة والتبنّي والوصول. يوسّع سوقك المتاح إلى ما وراء الأقلّية المرتاحة مع الإنجليزية، ويخفّض عبء الدعم لأن الناس لا يصارعون الواجهة، ويشير إلى أنك تأخذ السوق بجدّية. للمنتجات الاستهلاكية والأدوات الداخلية على حدّ سواء، هذا هو الفرق بين شيء يتحمّله الناس وشيء يعتمدون عليه. ولهذا نبني منصّات الويب وتطبيقات الجوال بالعربية أولاً افتراضياً، ولهذا تبدأ منتجاتنا من العربية بدل تكييفها إليها لاحقاً. الانضباط نفسه يسند الـ SaaS متعدّد المستأجرين الجيّد، حيث قد يحتاج كل مستأجر إلى لغته ومنطقته.
باختصار
- العربية أولاً تعني بناء المعماريّة للعربية والـ RTL من اليوم الأول، ثم التكيّف مع الإنجليزية — لا ترجمة منتج إنجليزي لاحقاً.
- الـ RTL ليس عكساً. عالِج النص ثنائي الاتجاه، واستخدم التخطيط المنطقي، واقلب انتقائياً — الأسهم نعم، الساعات وأزرار الوسائط لا.
- العربية المُلصَقة تفشل بشكل ظاهر: مربّعات توفو، حروف ممزّقة، تسرّبات LTR، اقتطاع من الطرف الخطأ، أزرار فائضة، فرز مكسور.
- اهتمّ بالتفاصيل: نظام أرقام لكل سوق، وتنسيق حقيقي للتاريخ والعملة والتقويم، ونماذج RTL بتحقّق عربي، وجداول واعية بالاتجاه، وخطّ عربي سليم.
- في الشرق الأوسط، هذا ليس صقلاً — إنه ثقة وتبنٍّ ووصول.
إن كنت تدرس بناءً عربياً، أو تصلح واحداً يصارع مستخدميه، يسعدنا أن نفكّر فيه معك قبل أن يكتب أحد أيّ شيفرة.