الإجابة المختصرة: اختبار الموقع من اليمين إلى اليسار يعني أن تفتح كل صفحة عربية على الجوال وعلى الحاسوب وتتأكد من أنها تعمل فعلًا بهذا الاتجاه: اتجاه الصفحة مضبوط على اليمين إلى اليسار، والترويسة معكوسة، والأسهم تشير إلى الجهة الصحيحة، والنماذج محاذاة لليمين، والأرقام والكلمات الإنجليزية داخل الجمل العربية تظهر بترتيبها، والجداول والشرائح والنوافذ المنبثقة تتبع الاتجاه نفسه. تغطي الفحوصات الاثنا عشر أدناه أكثر المشكلات تكرارًا.
قد يبدو الموقع مكتملًا بالإنجليزية ويبقى معطوبًا بالعربية. فكثير من القوالب والإضافات تُبنى من اليسار إلى اليمين أولًا، ثم تُعكس نسختها العربية لاحقًا، وأحيانًا جزئيًا. ومن بنى الموقع غالبًا يقرأ النسخة الإنجليزية يوميًا والعربية نادرًا. وبالنسبة إلى نشاط في الكويت يقرأ كثير من عملائه النسخة العربية وحدها، تكلّف هذه الثغرات طلبات ضائعة. اختبر الموقع العربي بوصفه منتجًا مستقلًا، قبل الإطلاق وبعد كل تحديث كبير.
لماذا تتعطل النسخة العربية بينما تبدو الإنجليزية سليمة؟
ثلاثة أسباب تفسّر معظم المشكلات. أولًا، الأنماط المكتوبة بقيم ثابتة لليسار واليمين لا تنعكس تلقائيًا. ثانيًا، قد تأتي إضافات مثل الشرائح والنماذج ونوافذ الدردشة دون أنماط للاتجاه من اليمين إلى اليسار. ثالثًا، النص المختلط، كاسم علامة إنجليزي أو رقم هاتف داخل جملة عربية، يخضع لقواعد يونيكود ثنائية الاتجاه، وقد تنقل علامات الترقيم والأرقام بطرق مفاجئة إذا لم يحدد الترميز اتجاهًا للمتصفح.
ما المشكلات الاثنتا عشرة التي يجب فحصها؟
| # | ما الذي تفحصه | ما الذي يحدث إن أهملته |
|---|---|---|
| 1 | وجود lang=”ar” وdir=”rtl” على عنصر html في كل صفحة عربية | تتعامل المتصفحات وقارئات الشاشة مع الصفحة كأنها إنجليزية. |
| 2 | انعكاس الترويسة: الشعار يمينًا والقائمة تُقرأ من اليمين إلى اليسار | تبدو الصفحة ترجمةً لا موقعًا صُنع لقرّاء العربية. |
| 3 | انعكاس الأيقونات الاتجاهية: أسهم السابق والتالي وأسهم «اقرأ المزيد» | تشير الأسهم عكس الإجراء. |
| 4 | عدم عكس الأيقونات غير الاتجاهية: زر التشغيل والساعات وعلامات الصح والشعارات | الشعارات وأزرار التشغيل المعكوسة تبدو أخطاء. |
| 5 | محاذاة الفقرات لليمين وظهور نقاط القوائم يمينًا | يصعب قراءة نص عربي محاذى لليسار. |
| 6 | تسميات النماذج والنصوص التوضيحية ورسائل الخطأ يمينًا، مع بقاء حقول البريد والموقع والهاتف من اليسار إلى اليمين | تظهر عناوين البريد معكوسة أثناء الكتابة. |
| 7 | الكلمات الإنجليزية وأسماء العلامات داخل الجمل العربية | تقفز النقاط والأقواس إلى الطرف الخطأ من السطر. |
| 8 | الأسعار والتواريخ وأرقام الهواتف | تظهر مجموعات الأرقام أو مقدمة «+965» بترتيب خاطئ. |
| 9 | بدء الجداول من اليمين، والعمود الأول على اليمين | تُقرأ جداول المقارنة بترتيب معكوس. |
| 10 | تحرك الشرائح والعروض المتتالية باتجاه القراءة، وسلاسة السحب | تأتي الشريحة «التالية» من الجهة الخطأ. |
| 11 | النوافذ المنبثقة ولافتات ملفات الارتباط ونوافذ الدردشة: موضع زر الإغلاق ومحاذاة النص | لا يجد الزائر زر الإغلاق فيغادر. |
| 12 | تحميل الخط العربي، وارتفاع السطر بما يكفي للتشكيل، وعدم الرجوع إلى خط غير متناسق | يبدو النص مزدحمًا، أو يمزج خطين في سطر واحد. |
كيف تختبر بسرعة ودقة؟
- استخدم المحتوى العربي الحقيقي لا نصًا مؤقتًا، فالأطوال وفواصل الأسطر تغيّر كل شيء.
- اختبر على آيفون بمتصفح Safari وعلى جوال أندرويد بمتصفح Chrome، ثم على متصفح حاسوب.
- افتح النسختين العربية والإنجليزية لكل قالب متجاورتين وقارن قسمًا بقسم.
- أرسل كل نموذج بالعربية، مع أخطاء متعمدة، لترى رسائل الخطأ.
- سجّل كل مشكلة بعنوان الصفحة والجهاز ولقطة شاشة والنتيجة المتوقعة.
كيف تعالج النص العربي والإنجليزي المختلط؟
عندما تختلط الاتجاهات في جملة، أعطِ المتصفح إشارة. ضع الاسم أو الرمز أو الرقم الإنجليزي داخل عنصر span بسمة dir=”ltr”، أو استخدم عنصر bdi عندما يأتي المحتوى من قاعدة بيانات ولا يُعرف اتجاهه. وفي الحقول التي يكتبها المستخدم، تتيح السمة dir=”auto” للمتصفح اختيار الاتجاه من أول حرف قوي. ويمكن للمطوّرين أيضًا استبدال قيم اليسار واليمين في الأنماط بخصائص منطقية مثل margin-inline-start، التي تنعكس مع اتجاه الصفحة.
من يجب أن يتولى الاختبار؟
اجمع قارئًا يتقن العربية مع المطوّر. يلاحظ القارئ ما يبدو غير صحيح، كفاصل سطر غير مريح أو شعار معكوس أو جملة تُقرأ بشكل غريب، ويعرف المطوّر موضع الإصلاح. أما الاختبار من لقطات الشاشة وحدها فيفوّت مشكلات التفاعل، مثل اتجاه السحب وسلوك النماذج.
أسئلة شائعة
هل يجب استخدام الأرقام الهندية في الصفحات العربية؟
تصلح الأرقام الغربية والهندية كلتاهما. المهم الالتزام بنمط واحد في الصفحات والنماذج والرسائل والفواتير.
هل يكفي عكس التخطيط كله بأنماط CSS؟
يعالج ذلك معظم التخطيط، لكن الصور التي تحتوي نصوصًا والأيقونات وإضافات الطرف الثالث تحتاج فحصًا واحدةً واحدة.
هل يؤثر الاتجاه من اليمين إلى اليسار في السيو؟
تقرأ محركات البحث النص في الحالتين. لكن مشكلات التخطيط تضر بشكل غير مباشر عبر الزوار الذين يغادرون سريعًا، وغياب سمات اللغة أو العناوين غير المترجمة يجعل الصفحة أقل وضوحًا للجميع.
تشرح صفحة خدمة التصميم المتجاوب وتحسين المواقع للجوال كيف نختبر المواقع ونصلحها على الجوال وبالعربية من اليمين إلى اليسار. ولمراجعة نسختك العربية، صِف موقعك في نموذج طلب عرض السعر.
المصادر
- W3C: الترميز الهيكلي والنص من اليمين إلى اليسار في HTML (بالإنجليزية)
- W3C: متطلبات تخطيط النصوص العربية والفارسية (بالإنجليزية)
- MDN: السمة dir
بقلم فريق Creative 4 All، نبني مواقع وحملات باللغتين منذ 2012. روجع للكويت في نوفمبر 2026.
