هندسة

الاتجاه من اليمين إلى اليسار ليس انعكاساً: ما نراجعه قبل إطلاق أي موقع عربي

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

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

ابدأ بتخطيط مكتوب بمصطلحات منطقية. الهامش على اليسار هامش في الجهة الخطأ بالعربية، أما الهامش عند بداية السطر فصحيح في اللغتين. يوفّر CSS خصائص منطقية لهذا منذ سنوات، مثل margin-inline-start بدلاً من margin-left، واستخدامها من أول ملف تنسيق يعني ألا يصبح التخطيط العربي مجموعة قواعد ثانية تنتظر أن تبتعد عن الأولى.

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

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

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

أعطِ كل لغة عنوانها الخاص. زر يبدّل اللغة في المكان نفسه لا يمكن مشاركته أو حفظه، ومحركات البحث ترى نسخة واحدة. أما العناوين المنفصلة مثل /about و/ar/about، مع الإشارة إلى أن كلاً منهما ترجمة للأخرى، فتعني أن الرابط العربي يُفتح بالعربية وأن النسختين قابلتان للظهور في البحث. وراجع أدوات الطرف الثالث أيضاً: بعض أدوات الحجز والمحادثة لا تدعم العربية ولا الاتجاه من اليمين إلى اليسار إطلاقاً، فتحتاج الصفحة العربية طريقة أخرى للتواصل، مثل واتساب.

لا شيء من هذا صعب حين يكون على قائمة. ما يجعل الموقع العربي يبدو أصيلاً هو أن أحداً راجع كل بند، بالعربية، قبل الإطلاق، بدلاً من أن يكتشفها العميل بعده.

كل المقالات

لنحدّد نطاق مشروعك.

أخبرنا كيف تحتاج أن يعمل نشاطك. سنرسل لك عرض سعرٍ واضحًا دون أي التزام.