اتجاه الكتابة من اليمين إلى اليسار RTL

ما معنى اتجاه الكتابة من اليمين إلى اليسار؟

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

يُسمى هذا الإعداد RTL، وهو اختصار للعبارة الإنجليزية Right to Left، أي من اليمين إلى اليسار. وعكسه LTR، أي Left to Right، وهو اتجاه الإنجليزية والفرنسية وأغلب اللغات الأوروبية. ومن اللغات التي تُكتب من اليمين أيضا: الفارسية والأردية والعبرية.

دعم RTL لا يعني ترجمة الكلمات فقط. بل يعني أن الصفحة كلها تنقلب كما في المرآة: القائمة، والأزرار، والأسهم، ومكان الصورة والنص. فيشعر القارئ العربي أن الموقع صُنع له، لا أنه نُقل إليه على عجل.

كيف يعمل RTL في المواقع والتطبيقات؟

كل صفحة على الإنترنت تُبنى بلغة اسمها HTML، وهي التي تحدد محتوى الصفحة. ويُضاف إليها ملف تنسيق اسمه CSS، وهو الذي يحدد الألوان والمسافات ومكان كل عنصر. عند دعم العربية يحدث أمران:

1. إعلان الاتجاه: يُكتب في الصفحة أن لغتها العربية وأن اتجاهها من اليمين إلى اليسار، عبر خاصية اسمها dir تأخذ القيمة rtl. عندها يبدأ المتصفح بعرض النص من اليمين. والمتصفح هو البرنامج الذي تفتح به المواقع، مثل Chrome أو Safari.
2. قلب التصميم: تُكتب قواعد التنسيق بطريقة لا تقول «يسار» و«يمين» بشكل ثابت، بل تقول «بداية السطر» و«نهايته». فإذا كانت اللغة عربية صارت البداية في اليمين، وإذا كانت إنجليزية صارت في اليسار. هكذا يخدم تصميم واحد اللغتين معا.

وفي تطبيقات الهاتف الأمر قريب. نظاما iOS وAndroid يعرفان العربية، ويقلبان الشاشة تلقائيا إذا بُني التطبيق بالطريقة الصحيحة. أما إذا ثبّت المبرمج كل عنصر في مكان محدد، فلن ينقلب شيء، وستظهر الشاشة العربية بترتيب غريب.

النص المختلط

كثيرا ما يجمع السطر الواحد بين العربية والإنجليزية والأرقام. مثال: «طلبك رقم 4521 لهاتف iPhone جاهز للشحن». هنا يجب أن تبقى الأرقام والكلمة الإنجليزية من اليسار إلى اليمين، داخل جملة عربية تسير من اليمين. يوجد نظام في المتصفحات والهواتف يرتب ذلك تلقائيا، ويُسمى النص ثنائي الاتجاه أو Bidi. لكنه يخطئ أحيانا، خاصة مع علامات الترقيم في آخر السطر، فتظهر النقطة أو علامة الاستفهام في الجهة الخاطئة. والحل أن يختبر الفريق هذه الحالات ويعالجها واحدة واحدة.

لماذا يهمك دعم RTL؟

• الراحة: العين العربية تبدأ القراءة من اليمين. فإذا وجد الزائر النص يبدأ من الجهة الخطأ، شعر بالتعب وربما خرج.
• الثقة: الموقع المرتب يدل على أن صاحبه يهتم بالتفاصيل. والموقع المقلوب يعطي انطباعا معاكسا، حتى لو كانت خدماتك ممتازة.
• البيع: في المتجر الإلكتروني، إذا انقلب سهم «التالي» أو ضاع زر الشراء في مكان غير متوقع، تردد العميل. والتردد يعني طلبات أقل.
• الظهور في البحث: حين يعلن الموقع لغته بوضوح، يفهم Google أن الصفحة عربية ويعرضها لمن يبحث بالعربية.
• الوصول لكل الناس: برامج قراءة الشاشة التي يستعملها المكفوفون تحتاج إلى معرفة اللغة والاتجاه، حتى تقرأ الصفحة بالترتيب الصحيح.

تخيل عيادة تفتح موقعا لحجز المواعيد. مريض كبير في السن يفتح الموقع من هاتفه. إذا كان التقويم يبدأ من الجهة الخاطئة وزر «احجز» في مكان غير متوقع، فسيترك الموقع ويتصل بالعيادة. أما إذا وجد كل شيء في مكانه الطبيعي، فسيحجز في دقيقة.

ما الذي ينقلب وما الذي يبقى كما هو؟

ليس كل شيء في الصفحة ينقلب. هذا الجدول يوضح أشهر الحالات:

كيف تحصل على دعم RTL صحيح؟

أهم قاعدة: اطلب دعم العربية من اليوم الأول. إضافة RTL بعد اكتمال الموقع تشبه تغيير اتجاه السلم بعد بناء البيت. هي ممكنة، لكنها أصعب وأطول، وتترك أخطاء صغيرة في كل مكان.

عند الحديث مع أي فريق تطوير، اسأل هذه الأسئلة:

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

للمواقع

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

لتطبيقات الويب وأنظمة الإدارة

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

لتطبيقات الهاتف

خدمة تطوير تطبيقات الهاتف المحمول تبني تطبيقات iPhone وAndroid تدعم العربية وعدة لغات، بتصميم خاص من الصفر مع وضع فاتح ووضع داكن. ويُختبر التطبيق على هواتف حقيقية كثيرة قبل نشره في App Store وGoogle Play، ثم يستمر الفريق في تحديثه ومتابعته.

وإذا لم تكن متأكدا مما يحتاجه مشروعك، يمكنك طلب استشارة مجانية من فريق Linkysoft قبل أن تبدأ.

أخطاء شائعة يجب تجنبها

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