أغلب من يبني واجهة عربية بأدوات الذكاء الاصطناعي يمر بهذا: الكود يبدو سليمًا، ثم تفتح الصفحة فتجد رقم الجوال مكتوبًا بالعكس، أو النقطة في أول السطر، أو سهم «التالي» يشير إلى الخلف.
أردت أن أعرف حجم المشكلة، ففتحت 72 موقعًا عربيًا منشورًا بُنيت بـ Lovable و v0، وقست كل صفحة وهي معروضة في المتصفح، لا في الكود. النتيجة:
- كلمات إنجليزية متروكة في الأزرار والحقول والنصوص التي يقرؤها قارئ الشاشة: 47% من المواقع.
- العربية معروضة بخط احتياطي لم يختره أحد، ويختلف من جهاز لآخر: 22%.
- أرقام جوال مقلوبة: 21%.
- أسهم تشير عكس اتجاه الزر: 15%.
وفاجأتني بعض الأسباب:
- رقم مثل +966 55 123 4567 ينقلب حتى لو كان وحده داخل زر أو رابط. خوارزمية الاتجاه في Unicode تعامل الأرقام التي تأتي بعد حرف عربي معاملة الأرقام العربية، فتتفكك مجموعاته وتُعرض بالترتيب المعاكس. الحل أن يُعزل الرقم باتجاه من اليسار إلى اليمين.
- حقل كلمة المرور: الحقل نفسه من اليسار إلى اليمين، وأيقونة العين يضعها التصميم العربي في الجهة الأخرى، فيُكتب النص تحت الأيقونة. المساحة يجب أن تُحجز في الجهة التي توجد فيها الأيقونة فعلًا.
- وفي المقابل، بعض القواعد المتداولة لم تصمد عند الاختبار: البريد الإلكتروني داخل جملة عربية لا ينقلب، وتحويل النص إلى أحرف كبيرة لا يؤثر على العربية أصلًا.
جمعت ما صمد من هذه القواعد في ملف تعليمات (skill) يقرؤه Claude وأدوات مشابهة قبل أن تبني الشاشة، وجربته 48 مرة على ست مهام، مع الملف وبدونه، وقيّمت الصفحة وهي معروضة بعرض جوال وكمبيوتر. انخفضت أخطاء الاتجاه من 29 إلى 7. العينة صغيرة، والتجارب على صفحات الويب فقط حتى الآن، وعلى العربية فقط.
الملف مجاني ومفتوح المصدر، وشرحه بالعربي مع طريقة التركيب هنا:
سؤالي لمن يبني واجهات عربية: ما أكثر خطأ في الاتجاه يتكرر معك، وكيف تتعامل معه؟
التعليقات