العربية واتجاه الكتابة على الويب: ما الذي ينكسر ولماذا

تتعامل معظم الفرق مع دعم العربية كتبديل اتجاه: اقلب ملف الأنماط، وانعكس التخطيط، وأطلق. التبديل هو الجزء السهل. ما يليه أعطال تظهر بعد أسابيع، ويبلّغ عنها مستخدم عادةً بدل أن تُكتشف في الاختبار.

النص مختلط الاتجاه

الجملة العربية التي تحتوي رقم هاتف أو رابطًا أو رمز منتج أو اسم علامة إنجليزية هي نص ثنائي الاتجاه، والمتصفّح يحلّها بخوارزمية Unicode لا بنيّتك. العرض الأشهر لهذه المشكلة رقم هاتف يقفز مفتاح دولته إلى الطرف الخطأ: +20 111 051 1128 يظهر وكأنه يبدأ من موضع آخر. العلاج تحديد الاتجاه على العنصر الحاوي للرقم لا على الصفحة. وضع dir="ltr" على ذلك العنصر يثبّته، بينما dir="auto" على نص متغيّر اللغة يترك أول حرف قوي يحدّد الاتجاه.

انعكاس التخطيط أكثر من اللازم

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

النماذج

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

الطباعة والتقارير

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

الطباعة والخطوط

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

كيف تختبر

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

ذات صلة: شركة تصميم وتطوير مواقع في مصر ←