ما المقصود بمنتج ثنائي اللغة فعلًا
يتخيّل كثير من الفرق المنتج ثنائي اللغة على أنه المنتج الإنجليزي بعد استبدال كلماته. تنجح هذه النسخة في العرض التجريبي ثم تتعثر في الاستخدام الحقيقي: اسم يُرفض، وتاريخ يُقرأ خطأً، وعنوان مقطوع، وجملة بلا معنى. الكلمات ليست سوى طبقة واحدة من أربع طبقات، ولكل طبقة قرارها.
| الطبقة | ما تشمله | ما يحدث حين تُهمل |
|---|---|---|
| اللغة | الصياغة والنبرة والقواعد وصيغ الجمع وطريقة مخاطبة القارئ | جمل مركّبة من أجزاء منفصلة تبدو ركيكة |
| الاتجاه | ترتيب التخطيط والمحاذاة والأيقونات والإيماءات والحركة | سهم رجوع يشير إلى الأمام، وقائمة على الجانب الخطأ |
| الكتابة | اتصال الحروف والخطوط وارتفاع السطر والعلامات فوق السطر وتحته | نص مقطوع وحروف مفككة وعناوين بخط لا يدعم الحروف العربية |
| الإعدادات الإقليمية | الأسماء والعناوين والتواريخ والتقويمات والأرقام والعملة والترتيب | نموذج يرفض اسمًا صحيحًا، ومجموع بفواصل خاطئة |
يجمع التوطين هذه الطبقات الأربع كلها، ويغطي التصميم من اليمين إلى اليسار الاتجاه والكتابة. ويقع هذا الدليل فوقهما: يتتبع المنتج كاملًا من القرار الأول إلى التشغيل الطويل، ويترك التفاصيل التطبيقية لصفحات أعمق: تصميم الواجهات العربية للخدمة، ومقال تصميم المنتجات ثنائية اللغة من اليمين إلى اليسار لتفاصيل الأنماط والأيقونات والخطوط، وقائمة مراجعة تطوير المواقع العربية لبناء موقع، ونظام إدارة المحتوى متعدد اللغات لأنظمة المحتوى.
رخيص في اليوم الأول، مكلف لاحقًا
إدراج اللغة والاتجاه رخيص في البداية ومكلف في النهاية. فالتعديل اللاحق يمسّ كل شاشة: نصوص مكتوبة داخل الشيفرة، وقيم يمين ويسار في الأنماط، وأزرار بعرض ثابت، وكلمات مدمجة في الصور، وبنية بيانات فيها حقل واحد للاسم. وإن كان إطلاق عربي محتملًا ولو احتمالًا ضعيفًا فخطّط له في أول نموذج أولي. وينطبق هذا على لغة ثانية أو ثالثة لم تحدّدها بعد: ابنِ لأكثر من لغة، فتكلّف اللغة التالية أقل بكثير مما كلّفته أول لغة إضافية.
يتناول هذا الدليل المنتجات التي يستخدمها الناس: المواقع وتطبيقات الويب وتطبيقات الجوال. أما الأحكام التي تحدد لغة العقد أو الإيصال أو الإشعار فتختلف بحسب الدولة والقطاع، فراجع فيها مستشارًا قانونيًا مؤهلًا. لا يُعدّ ما هنا استشارة قانونية.
حدّد استراتيجية اللغة قبل التصميم
القرار الأول ليس تقنيًا: أي لغة تقود، وماذا يعني أن تقود؟ اللغة القائدة هي التي تصمّمها وتكتبها وتختبرها أولًا، وهي التي تُقدَّم حاجتها حين تتعارض الحاجتان. ويجب أن تتبع جمهورك لا عادات الفريق.
أربع استراتيجيات
| الاستراتيجية | كيف تعمل | تناسب حين | الخطر الرئيسي |
|---|---|---|---|
| الإنجليزية أولًا ثم العربية | تُصمَّم وتُكتب بالإنجليزية ثم تُكيَّف إلى العربية | يقرأ أغلب المستخدمين الإنجليزية في عملهم، ويكتب الفريق بها، والسرعة مهمة | تصبح العربية فكرة لاحقة، بتخطيطات مضبوطة على طول الإنجليزية وأسلوبها |
| العربية أولًا ثم الإنجليزية | تُصمَّم وتُكتب بالعربية ثم تُكيَّف إلى الإنجليزية | الجمهور الرئيسي يقرأ العربية، كما في كثير من الخدمات الاستهلاكية والعامة | تُنجَز الإنجليزية على عجل، أو لا يوجد في الفريق من يراجعها |
| التكافؤ | تُصمَّم اللغتان وتُكتبان معًا منذ أول نموذج أولي | الجمهوران بالأهمية نفسها | جهد أكبر في البداية، ومراجع أصلي لكل لغة |
| إصدارات إقليمية منفصلة | نواة مشتركة بمحتوى أو ميزات تختلف بحسب السوق | تختلف العروض أو القواعد أو وسائل الدفع بين الأسواق | تتباعد الإصدارات وتتضاعف كلفة الصيانة |
هذه الخيارات ليست حصرية. فقد يقود منتج واحد بلغة مع العملاء وبأخرى مع الموظفين. تخيّل تطبيقًا لحجز المواعيد في عيادة: يختار المريض لغته عند أول تشغيل ويحصل على تكافؤ كامل، بينما تقود الإنجليزية أدوات الأطباء لأن سجلاتهم تُكتب بها. تتبع الاستراتيجية جمهور كل واجهة.
من يقرّر
يقرّر مالك المنتج، ومعه ثلاثة على الطاولة. الأول يعرف بيانات الجمهور: أي لغة يختارها الناس ويبحثون بها ويتحدثون بها حين يتصلون بالدعم. والثاني يكتب بكل لغة كتابة أصيلة. والثالث هو المهندس الذي سيصون النصوص والتخطيطات. لا تترك القرار يستقر على ما هو أسهل للفريق في البناء.
دوّن القرار في وثيقة لغة من صفحة واحدة: اللغة القائدة، واللغات المدعومة، وصنف العربية الذي تكتب به، ونبرة كل لغة، ومن يعتمد النصوص، وما يحدث حين تغيب ترجمة. أما نص المنتج الموجّه لقرّاء الأعمال في الخليج فالعربية الفصحى المعاصرة أساس آمن له، ولا تُستعمل اللهجة إلا في نصوص قصيرة مقصودة ومختبرة.
أسئلة تحسمها أولًا
- أي لغة يختارها المستخدمون حين تتيح لهم الاختيار؟ إن لم تكن تعرف فاسأل في البحث ولا تخمّن.
- هل يشترط منظّم أو عقد أو شريك لغة معينة على بعض الشاشات، كالشروط والإيصالات؟
- بأي لغة سيرد فريق الدعم، وهل هو جاهز للّغتين؟
- من يكتب النص الأصلي، ومن يراجع اللغة الأخرى بصفته متحدثًا أصليًا بها؟
- هل ستأتي لغة ثالثة؟ إن كان ذلك محتملًا فابنِ من الآن لعدد غير محدد من اللغات.
اكتب لكل لغة بما يناسب قرّاءها لا كلمة بكلمة
الترجمة الحرفية أكثر أسباب شعور المستخدم بغربة المنتج العربي. فترتيب الجملة، وطريقة مخاطبة القارئ، ووزن الكلمة، كلها تختلف. وقد يكون الزر قصيرًا ودودًا بالإنجليزية ولا يوجد له مقابل عربي بالقصر والنبرة نفسيهما. الغاية المعنى نفسه والنتيجة نفسها عند القارئ، بصياغة يقولها بها كاتب عربي أصيل.
سير عمل للمحتوى يصمد
- اكتب وثيقة اللغة: الجمهور والنبرة وصنف العربية وقائمة الأسماء التي تبقى بالحروف اللاتينية.
- ابنِ مسردًا للمصطلحات (أسماء الميزات والباقات والأدوار) واتفق على مقابل عربي واحد لكل مصطلح، حتى لا تُترجم الكلمة الإنجليزية الواحدة بثلاث طرق.
- اكتب النص الأصلي وفي ذهنك من سيكيّفه: جمل قصيرة بلا تعابير اصطلاحية ولا ألعاب لفظية ولا نكات تعيش في لغة واحدة.
- زوّد الكاتب الأصلي بالسياق: لقطة شاشة، ومكان ظهور النص، وأي حد للمساحة.
- راجع النص داخل المنتج وهو يعمل لا في جدول بيانات. فالنص يُقرأ على الزر بخلاف قراءته في خلية.
- علّم كل نص بحالته: مسودة أو قيد المراجعة أو معتمد، ليعرف الجميع ما هو نهائي.
قد تنتج الترجمة الآلية مسودة أولى لنصوص قليلة الخطورة وتوفّر الوقت، لكن لا بد أن يراجعها قارئ أصلي. وهناك نصوص يجب أن يكتبها إنسان دائمًا: رسائل الدفع والأمان، والأخطاء التي تطلب من المستخدم إجراءً، والمحتوى القانوني والصحي، وكل ما تكلّف فيه الكلمة الخاطئة مالًا أو ثقة.
اكتب نصوصًا تصمد في اللغتين
- جمل كاملة. لا تلصق الأجزاء ببعضها. ترتيب الكلمات يختلف، فرسالة عدد الرسائل الجديدة نص واحد فيه عنصر نائب.
- صيغ جمع حقيقية. في الإنجليزية صيغتان، وفي العربية ست فئات: الصفر والمفرد والمثنى والجمع القليل والجمع الكثير وما سواها. استخدم قواعد الجمع من مكتبة صياغة الرسائل أو Intl.PluralRules لا حرفًا تضيفه في الشيفرة.
- التذكير والتأنيث. الأفعال والصفات في العربية تتبع جنس المخاطَب. فضّل صياغة تتجنب المشكلة، ولا تسأل عن الجنس إلا حين يحتاجه المنتج فعلًا.
- لا كلمات داخل الصور. إن حوى الرسم نصًا فأنتج نسخة لكل لغة واكتب لكل نسخة نصًا بديلًا.
- علامات الترقيم جزء من اللغة. للعربية فاصلتها وفاصلتها المنقوطة وعلامة استفهامها. لا تثبّت علامات الترقيم الإنجليزية داخل الشيفرة.
كل ما يحمل لغة
الواجهة جزء من الصورة فقط. فالبريد الإلكتروني والرسائل النصية والإشعارات وملفات PDF والفواتير وصفحات الأخطاء والحالات الفارغة والصفحات القانونية وردود الدعم، كلها تتحدث بلغة. وهناك فخّان تقنيان يوقعان الفرق متأخرًا. الرسالة النصية العربية تُرسل بترميز يتسع لأحرف أقل، فتنقسم إلى أجزاء أكثر. وبعض مكتبات PDF تصل الحروف العربية خطأً أو تطبعها معكوسة، فاختبر المكتبة بنص عربي حقيقي قبل أن تعتمدها.
والمحررون الذين يديرون المحتوى يحتاجون نظامًا يمثّل اللغات تمثيلًا سليمًا: حقل لكل لغة، وحالة لكل ترجمة، ومعاينة بالاتجاهين. راجع نظام إدارة المحتوى متعدد اللغات ومقال نظام إدارة المحتوى للفرق متعددة اللغات.
التخطيط والعكس: ما ينقلب وما يبقى
في لغة تُكتب من اليمين إلى اليسار ينعكس مسار القراءة: تبدأ العين من اليمين وتتجه إلى اليسار، وعلى الواجهة أن تتبعها. القاعدة سهلة الصياغة: اعكس ما يعتمد على اتجاه القراءة أو التقدم، وأبقِ ما له معنى ثابت. والمهارة في أن تطبّقها على منتجك مرة واحدة، وتكتب النتيجة، ولا تعيد القرار شاشة بعد شاشة.
| العنصر | في العربية | السبب |
|---|---|---|
| تخطيط الصفحة والأعمدة وترتيب التنقل والأشرطة الجانبية | يُعكس | القراءة تبدأ من اليمين |
| محاذاة النص وعلامات القوائم | تُعكس (ببداية السطر ونهايته لا بيمين ويسار) | النص يبدأ من حافة البداية |
| أسهم الرجوع والتقدم والسابق والتالي | تُعكس | تشير إلى مسار القراءة |
| أشرطة التقدم والخطوات والمنزلقات والعروض الدوارة | تُعكس | التقدم يسير مع اتجاه القراءة |
| الأدراج والإشعارات المنبثقة وإيماءات السحب وحركة الدخول | تُعكس | يجب أن تطابق التخطيط |
| الأرقام والمعادلات والرموز والروابط وعناوين البريد | تبقى من اليسار إلى اليمين | تُقرأ دائمًا من اليسار إلى اليمين |
| أرقام الهاتف والأرقام المرجعية للطلبات | تبقى من اليسار إلى اليمين كوحدة واحدة | الرقم المفكك رقم خاطئ |
| الشعارات والصور الفوتوغرافية والخرائط | تبقى | ليست محتوى لغويًا |
| أيقونات الأشياء الحقيقية وعلامة الصح وعلامتا الزائد والإغلاق | تبقى | الشيء أو المعنى لا يتغير |
| أزرار الوسائط كالتشغيل والتخطي | تبقى غالبًا | أغلب المشغلات تتبع عُرف الزمن لا عُرف النص |
| المخططات والخطوط الزمنية | تُقرَّر مرة واحدة | تختلف الممارسات؛ انظر أدناه |
احتفظ بهذه القائمة في نظام التصميم مع تعليم كل أيقونة بأنها تنعكس أو ثابتة، فلا يتخذ المطوّر القرار منفردًا.
الأرقام وأرقام الهاتف وجزر اليسار إلى اليمين
الأرقام تسير من اليسار إلى اليمين حتى داخل الجملة العربية. وكذلك أرقام الهاتف وعناوين البريد والروابط وأرقام الطلبات والشيفرة. وسبب الخلل المعتاد هو الرموز المحايدة كعلامة الزائد والشرطات والأقواس والنقاط: يضعها المتصفح بحسب النص المحيط بها، فقد يظهر الرقم الذي يبدأ بعلامة زائد وعلامة الزائد في طرفه الخطأ. غلّف كل قيمة كهذه بعنصر اتجاهه من اليسار إلى اليمين، أو بعنصر bdi، وأبقها في سطر واحد.
النص المختلط الاتجاه
تحوي الجمل العربية أسماء إنجليزية ورموز منتجات وروابط. والخلل الكلاسيكي نقطة أو قوس يقفز إلى الجانب الخطأ من كلمة لاتينية في آخر الجملة. اعزل القيم المُدرجة، وأعطِ كل حقل أو حاوية تعرض نصًا يكتبه المستخدم اتجاهًا تلقائيًا.
تخيّل قائمة بعناوين طلبات كتبها العملاء: بعضها عربي وبعضها إنجليزي وبعضها مختلط. مع الاتجاه التلقائي يحاذي كل عنوان حافة بدايته. وبدونه يلتصق العنوان الإنجليزي في صفحة عربية بالجانب الخطأ وتتبعثر علامات ترقيمه.
المخططات وجداول البيانات
لا توجد قاعدة صناعية واحدة للمخططات. المخطط الشريطي عبر الزمن يُقرأ كسطر نص، ولذلك تجري واجهات عربية كثيرة الزمن من اليمين إلى اليسار وتضع محور القيم على اليمين وتعكس مفتاح الرموز. أما المخطط النقطي، وأي مخطط يتبع عُرفًا رياضيًا، فقد يبقى كما هو. والأرقام على المحاور لا تنقلب أبدًا.
وتنعكس الجداول كاملة: ينتقل العمود الأول إلى اليمين، وتحافظ أعمدة الأرقام على محاذاة خاناتها. اختر قاعدة لكل نوع مخطط، واختبرها مع قرّاء العربية، وطبّقها في كل مكان. والخطأ الذي يجب تجنبه قاعدتان في لوحة واحدة.
تطبيقات الجوال
تأتي أدوات التطوير الأصلية ومتعددة المنصات بدعم للاتجاه، بشرط أن تبني ببداية ونهاية بدل اليمين واليسار. يستخدم Flutter هوامش ومحاذاة تابعة للاتجاه، ويستخدم React Native أنماط البداية والنهاية وإعدادًا للاتجاه قد يتطلب تغييره إعادة تشغيل التطبيق، ويحتاج أندرويد إلى إعلان دعم الاتجاه في ملف بيان التطبيق، وتستخدم iOS قيودًا بالبداية والنهاية. وتنطبق قرارات الأيقونات والإيماءات نفسها، وتغطي صفحة تصميم تطبيقات الجوال شاشات الهواتف.
الخط العربي وارتفاع السطر
العربية ليست نصًا لاتينيًا يسير في الاتجاه المعاكس. إنها كتابة متصلة: يتغير شكل الحرف فيها بحسب موضعه، ويتصل بما يجاوره، وتحمل علامات فوق السطر وتحته. وإعدادات الخط المضبوطة للإنجليزية قد تكسرها بطرق تبدو أخطاء برمجية. اضبط هذه الإعدادات مرة واحدة، كمتغيرات في نظام التصميم، لكل كتابة.
| الإعداد | ما تفعله | السبب |
|---|---|---|
| تباعد الحروف | صفر للعربية، حتى لو استخدمت العناوين الإنجليزية تباعدًا سالبًا أو موجبًا | المسافة الزائدة تفصل حروفًا يجب أن تتصل |
| ارتفاع السطر | أوسع من اللاتينية؛ نحو 1.6 إلى 1.8 للنص الأساسي بداية معتادة، والعناوين الكبيرة تحتاج مساحة إضافية | الحروف الطويلة والعلامات فوق السطر وتحته تتصادم أو تُقص حين تضيق الأسطر |
| الحجم | قارن بالعين؛ تحتاج العربية غالبًا إلى حجم أكبر قليلًا من اللاتينية بالقياس الاسمي نفسه | تبدو أجسام الحروف أصغر نسبة إلى حجم الخط |
| التوكيد | استخدم الوزن أو اللون، ولا تُمِل النص ولا تستخدم الحروف الكبيرة | لا توجد في العربية صيغة مائلة أو حروف كبيرة، والميل المصطنع يبدو خطأً |
| الخط التحتي | تحقق من موضع مروره بذيول الحروف | الذيول تصطدم بالخط |
| علامات التشكيل | اترك مساحة فوق السطر وتحته، ولا تحذفها من نص يحملها | هي جزء من الكلمة |
| اقتران الخطوط | اختر خطين عربيًا ولاتينيًا متقاربين في الوزن واللون، وتأكد أن كل وزن تستخدمه موجود بالعربية | عدم التطابق يظهر في الأسطر المختلطة والأزرار |
| الخطوط البديلة | عرّف سلسلة خطوط تدعم العربية | بدونها يختار كل جهاز خطًا مختلفًا |
الخطوط والتحميل
حمّل الخط العربي في الصفحات التي تحتاجه فقط، وقسّمه بحسب الكتابة حيث يسمح الترخيص والصيغة، واضبط استراتيجية عرض الخط ليظهر النص أثناء التحميل. وتحقق من أن خط العناوين يحوي حروفًا عربية: فإن لم يكن كذلك انتقل المتصفح إلى خط آخر بمقاييس مختلفة، والعناوين أول موضع يظهر فيه ذلك. وتأكد أيضًا أن ترخيص الخط يسمح بتضمينه في المواقع والتطبيقات.
القص هو العَرَض المعتاد لارتفاع سطر ضُبط للاتينية. ويظهر أولًا في الصناديق ذات الارتفاع الثابت والمحتوى المخفي الزائد: عناوين مقتطعة وبطاقات وعناوين متحركة. امنح هذه الصناديق مساحة لأطول سطر عربي، ولا تضع كلمة قابلة للالتفاف داخل نافذة ثابتة الارتفاع.
ابنِ المنتج ليكون الاتجاه إعدادًا لا إعادة كتابة
المنتج ثنائي اللغة السليم له قاعدة شيفرة واحدة ومجموعة مكوّنات واحدة. تحدد الإعدادات الإقليمية للمستخدم اللغة والاتجاه، وتتكيف المكوّنات. وهذه الممارسات تجعل ذلك حقيقة.
- أعلن اللغة والاتجاه على العنصر الجذر للصفحة من الإعدادات الإقليمية، فيتفق عليهما كل من الصفحة والمتصفح والتقنيات المساعدة.
- اكتب الأنماط بمصطلحات منطقية. استخدم margin-inline-start وpadding-inline-end وinset-inline-start ومحاذاة النص بالبداية بدل اليمين واليسار. وتتبع تخطيطات المرونة والشبكة الاتجاه أصلًا، فلا تعكس الصفوف يدويًا. واقلب فقط ما هو مادي حقًا، كالتحويلات والتدرجات.
- ضع كل نص في ملف رسائل بمفتاح، وملف لكل لغة، ولا نصوص حرفية داخل المكوّنات. واجعل المفتاح المفقود يُفشل البناء بدل أن يظهر على الشاشة.
- نسّق بأدوات المنصة. تأخذ Intl.NumberFormat وDateTimeFormat وPluralRules وListFormat وCollator الإعدادات الإقليمية وتؤدي العمل الصعب. والتنسيق اليدوي ينهار عند أول حالة حدّية.
- علّم الأيقونات مرة واحدة. علامة واحدة لكل أيقونة تقول هل تنعكس، وقاعدة واحدة تطبّقها. تجنب الاستثناءات شاشة بشاشة.
- اعكس الحركة الأفقية. يجب أن تدخل اللوحة من حافة البداية في اللغتين. اشتقها من قيمة اتجاه واحدة لا من حركتين.
- صمّم البيانات للغات. خزّن الأسماء كما أُدخلت مع كتابة لاتينية اختيارية، وخزّن المحتوى مع حقل للغة، وخزّن المال مبلغًا بأصغر وحدة مع رمز العملة، والتواريخ بصيغة عالمية، ثم نسّق عند العرض.
التوجيه بحسب الإعدادات الإقليمية مع قاموس نصوص لكل لغة نمط شائع في تطبيقات Next.js، وتصف صفحة تطوير Next.js كيف نبنيها. اختيار الأدوات أقل أهمية من العادة: لا تُعدّ شاشة منتهية حتى تعمل بالاتجاهين.
النماذج والأسماء والعناوين والتواريخ والأرقام والعملة
النماذج هي المكان الذي تفشل فيه المنتجات ثنائية اللغة بصمت، لأن كل حقل يحمل افتراضًا عمّن يملؤه. قارن كل حقل بما سيكتبه المستخدمون فعلًا.
| الحقل | الافتراض المعتاد | ما تفعله |
|---|---|---|
| الاسم | اسم أول واسم أخير بأحرف لاتينية فقط | اسمح بالحروف العربية والمسافات والشرطات والفواصل العليا والعلامات. أسماء العرب كثيرًا ما تتألف من عدة أجزاء بلا اسم عائلة ثابت، ففضّل حقل اسم كامل واحدًا ما لم يشترط نظام ما التقسيم. أضف حقلًا اختياريًا للكتابة اللاتينية للمستندات، ولا تطابق الأشخاص بتهجئة الاسم أبدًا، فللاسم الواحد تهجئات لاتينية صحيحة عدة. |
| الهاتف | صيغة محلية واحدة | استخدم منتقي رمز الدولة، واقبل المسافات وأيًّا من مجموعتي الأرقام، وخزّن الصيغة الدولية، واعرضها من اليسار إلى اليمين. |
| البريد الإلكتروني | أحرف لاتينية | اعرضه من اليسار إلى اليمين. توجد عناوين بحروف غير لاتينية لكن دعم أنظمة البريد لها متفاوت، فلا تَعِد بها دون اختبار. |
| العنوان | شارع ورقم مبنى ورمز بريدي | اجعل الرمز البريدي اختياريًا أو خاصًا بكل دولة. اسمح بالمنطقة والمعلم القريب وصندوق البريد ووصف المبنى والوحدة ودبوس الخريطة. اتبع نظام العنونة في كل دولة بدل فرض تخطيط واحد. |
| التاريخ | يوم وشهر وسنة بتقويم واحد وأسبوع يبدأ بالاثنين | نسّق بحسب الإعدادات الإقليمية. اعرض الميلادي افتراضيًا وأتح الهجري حيث يتوقعه المستخدمون. تختلف بداية الأسبوع والعطلة الأسبوعية بين الدول وقد تغيّرت في بعضها، فتحقق منها لأسواقك ولا تثبتها في الشيفرة. |
| الأرقام | الأرقام 0 إلى 9 ومجموعة فواصل واحدة | اختر سياسة للأرقام (أدناه)، واقبل المجموعتين عند الإدخال ووحّدهما على الخادم، لأن الناس يكتبون رموز التحقق وأرقام الهوية بلوحة المفاتيح المفعّلة. |
| العملة | الرمز قبل المبلغ وخانتان عشريتان | نسّق بـ Intl.NumberFormat ورمز العملة، فموضع الرمز والمسافة يختلفان. بعض عملات الخليج لها ثلاث خانات عشرية. ولا تجمع عملتين في مجموع واحد. |
| الترتيب والبحث | الترتيب الأبجدي الإنجليزي | استخدم مقارنًا يراعي الإعدادات الإقليمية للترتيب، ووحّد النص العربي للبحث (انظر قسم البحث). |
الأرقام: اختر سياسة
تُستخدم مجموعتان من الأرقام في الحياة اليومية عبر العالم العربي: الأرقام من 0 إلى 9، والأشكال الشرقية التي يسميها معيار يونيكود الأرقام العربية الهندية. ويختلف التفضيل بحسب الدولة ونوع المنتج والعمر، وقد يختلف الشكل الافتراضي للأرقام في إعدادات العربية بين المتصفحات والإصدارات.
تعرض منتجات أعمال كثيرة الأرقام من 0 إلى 9 باللغتين لتتطابق الأرقام بين الشاشات والتصدير والمستندات، وتستخدم منتجات أخرى الأشكال الشرقية في العربية. لا خطأ في أيٍّ منهما، لكن الخلط بينهما في شاشة واحدة خطأ. قرّر مع مستخدميك، واضبط نظام الترقيم صراحةً في شيفرة التنسيق، وطبّقه في كل مكان. ولا تعتمد على الأسماء: فعبارة الأرقام العربية تشير إلى مجموعتين مختلفتين في بلدان مختلفة، فأرِ المثال في وثيقة اللغة بدل الاكتفاء بالاسم.
البحث ووسوم hreflang والروابط للغتين
بالنسبة لمحركات البحث ولمن يشارك الروابط، لغتان تعنيان مجموعتين من الروابط، بلغة واحدة لكل صفحة، وكل صفحة مرتبطة بنظيرتها.
- رابط واحد لكل لغة لكل صفحة. ضع اللغة في المسار (كبادئة /en/ و/ar/ مثلًا) أو في نطاق فرعي أو في نطاق خاص بالدولة. وبادئة المسار على نطاق واحد أبسط الخيارات تشغيلًا لمعظم الفرق. لا تبدّل اللغة على الرابط نفسه بملف تعريف الارتباط أو بإعداد المتصفح وحدهما، فبرامج الزحف ومن يشارك الرابط لا يرون إلا نسخة واحدة.
- وسوم hreflang. تذكر كل صفحة نفسها وكل ترجماتها، برموز لغة مثل en وar، أو لغة مع منطقة مثل ar-AE حين يختلف المحتوى بين الدول. ويجب أن تشير كل نسخة إلى الأخريات بالمقابل، وإلا قد تُهمل الوسوم. وأضف x-default للصفحة التي تُعرض لمن لا تنطبق عليه أي لغة، كصفحة اختيار اللغة. ويمكن وضع الوسوم في رأس الصفحة أو في ترويسات HTTP أو في خريطة الموقع XML.
- روابط قياسية تشير إلى نفسها. تعلن كل نسخة لغوية نفسها رابطًا قياسيًا. فالرابط القياسي الذي يوجّه الصفحة العربية إلى الإنجليزية يطلب من محركات البحث إسقاط الصفحة العربية.
- سمتان بمهمتين مختلفتين. السمة lang للمتصفحات والخطوط والتقنيات المساعدة، ووسم hreflang لمحركات البحث.
- لا تحويلات صامتة. لا ترسل الزائر إلى لغة بحسب عنوان IP أو إعداد المتصفح دون وسيلة للاختيار. اقترح اللغة في شريط ثم احفظ اختياره. وقد تُخفي التحويلات التلقائية لغة عن برامج الزحف أيضًا.
- مبدّل لغة يذهب إلى الصفحة نفسها. اربطه بنظيرة الصفحة في اللغة الأخرى لا بالصفحة الرئيسية. اكتب اسم كل لغة بكتابتها الخاصة، وبالكلمات لا بالأعلام، فالعلم يدل على دولة لا على لغة.
- قاعدة للجزء الأخير من الرابط. الكلمات العربية في الروابط صالحة، لكنها تتحول إلى سلاسل طويلة مرمّزة حين تُنسخ إلى بعض التطبيقات. تُبقي مواقع كثيرة أجزاء لاتينية للغتين وتترجمها أخرى. اختر قاعدة واحدة. وإن تغيّر رابط يومًا فحوّل القديم إلى الجديد.
- بيانات وصفية أصيلة. تُكتب العناوين والأوصاف والعناوين الفرعية والنصوص البديلة بكل لغة، بالكلمات التي يبحث بها الناس. وللبحث العربي صور إملائية متعددة: صور الألف، والياء والألف المقصورة، والتاء المربوطة والهاء، بالتشكيل أو بدونه. وبحث الكلمات المفتاحية بالعربية عمل قائم بذاته لا قائمة إنجليزية مترجمة.
- البيانات المنظمة والمعاينة الاجتماعية. حدّد لغة الصفحة في البيانات المنظمة، واضبط وسوم لغة Open Graph، وأنتج صورة مشاركة لكل لغة.
خيارات بنية الروابط
| الخيار | مثال | يناسب | انتبه إلى |
|---|---|---|---|
| بادئة في المسار | example.com/ar/page | معظم المنتجات: نطاق واحد ونشر واحد وربط سهل | يجب أن يعالج التوجيه وخريطة الموقع كل صفحة بكل لغة |
| نطاق فرعي | ar.example.com | فرق تنشر اللغات منفصلة | إعداد أكثر، وقياس وحماية أكثر |
| نطاق خاص بالدولة | example.ae | سوق له عرضه وحضوره المحلي | موقع منفصل لكل نطاق، وشروط تسجيل تختلف بين الدول |
البحث داخل منتجك
يحتاج البحث داخل الموقع والمرشحات إلى مطابقة تفهم العربية، وإلا حصل المستخدمون على نتائج فارغة لكلمات موجودة في الصفحة. وحّد النص في الفهرس وفي الاستعلام: احذف التشكيل والتطويل، واعتبر صور الألف واحدة، ووحّد الياء والألف المقصورة والتاء المربوطة والهاء حيث يسمح محتواك، وعامل مجموعتي الأرقام كمتساويتين. استخدم محرك بحث يحوي محللًا للعربية أو أجرِ التوحيد بنفسك، واختبر باستعلامات حقيقية.
إمكانية الوصول بلغتين
تنطبق معايير إمكانية الوصول في اللغتين، ويضيف المنتج ثنائي اللغة إخفاقات خاصة به. والالتزام بمعيار WCAG بالإنجليزية لا يعني الالتزام به بالعربية.
- أعلن لغة الصفحة ولغة المقاطع المكتوبة بلغة أخرى. يطلب WCAG الأمرين: لغة الصفحة ولغة أجزائها. وتستخدم قارئات الشاشة اللغة لاختيار الصوت، فالاسم التجاري الإنجليزي داخل فقرة عربية يحتاج إلى علامة لغة خاصة به وإلا قُرئ بصوت غير مناسب.
- اجعل ترتيب المصدر مطابقًا لترتيب القراءة. اعكس بالاتجاه لا بإعادة ترتيب العناصر في CSS، فيتفق ترتيب التنقل بلوحة المفاتيح وترتيب قارئ الشاشة والترتيب المرئي في اللغتين.
- ترجم كل اسم يصل إليه المستخدم بالتقنيات المساعدة. النص البديل وتسميات النماذج وتسميات الأزرار ورسائل الخطأ وروابط التخطي وعناوين الصفحات. واكتب النص البديل بكل لغة بدل تحويله آليًا.
- اعكس سلوك لوحة المفاتيح. في الصفحات من اليمين إلى اليسار تتبع مفاتيح الأسهم في التبويبات والقوائم والمنزلقات والعروض الدوارة الاتجاه المرئي، فيقود السهم الأيمن إلى العنصر السابق.
- افحص التباين والحجم بالعربية. الخطوط الرفيعة والعلامات الصغيرة تتشوش بالأحجام الصغيرة والتباين المنخفض. اختبر النص الأساسي بالأحجام التي ستنشرها.
- لا تدع الاتجاه يحمل المعنى وحده. السهم الذي يعني التالي يحتاج إلى تسمية نصية أيضًا، ويجب أن تتفق التسمية والأيقونة بعد العكس.
- أضف ترجمة مكتوبة وتفريغًا نصيًا للفيديو بالّلغتين، وتحقق من اتجاه الترجمة المكتوبة.
- اختبر بقارئ شاشة فيه صوت عربي، على المنصات التي يستخدمها جمهورك.
تكشف الفحوص الآلية جزءًا من المشكلات فقط. ويكشف الباقي فحص يدوي بكل لغة، بلوحة المفاتيح وحدها وبقارئ الشاشة.
اختبر الاتجاهين
اختبار منتج ثنائي اللغة يعني أن يُفحص كل تغيير مرتين: باتجاهين ونوعين من النص. ضع مصفوفة الاختبار مرة واحدة وأتمت الفحوص الرخيصة.
ما الذي يُفحص
| الفحص | كيف |
|---|---|
| التخطيط عند كل نقطة تحوّل بالاتجاهين | لقطات شاشة بعرض الهاتف واللوح وسطح المكتب، تُقارن جنبًا إلى جنب |
| الفيضان والقص | نصوص عربية وإنجليزية طويلة، وعلامات فوق السطر وتحته، وعناوين في صناديق ثابتة الارتفاع |
| النص المختلط الاتجاه | نصوص فيها أسماء وأرقام وأقواس وروابط، منها ما ينتهي بكلمة إنجليزية |
| النماذج | أسماء عربية، ومجموعتا الأرقام، وعناوين طويلة، ونص ملصوق، وكل رسالة تحقق |
| الأرقام والتواريخ والعملة | قيم الصفر والواحد والكبيرة والسالبة والحدّية في كل إعداد إقليمي |
| صيغ الجمع | أعداد تقع في كل فئة عربية: الصفر والمفرد والمثنى والقلة والكثرة |
| الأيقونات والإيماءات والحركة | كل أيقونة واتجاه سحب وحركة موجّهة تنعكس، وما هو ثابت يبقى |
| الخطوط | كل وزن يعرض حروفًا عربية ولا شيء ينتقل إلى خط بديل |
| إشارات محركات البحث | وسوم hreflang المتبادلة والروابط القياسية وعناصر خريطة الموقع ووجهات مبدّل اللغة |
| إمكانية الوصول | ترتيب لوحة المفاتيح وعلامات اللغة وفحص بقارئ الشاشة بكل لغة |
| البريد والرسائل النصية وملفات PDF | عملاء وأجهزة حقيقية، بنص عربي حقيقي |
| الأجهزة الحقيقية | لغة النظام في الهاتف مضبوطة على العربية، لأن إعدادات النظام تغيّر القيم الافتراضية |
أتمت الفحوص الرخيصة
ينتج التوطين الوهمي لغة مصطنعة تمدّ النص وتضيف إليه علامات وتحيطه برموز مميزة، فتظهر النصوص المثبتة في الشيفرة والتخطيطات الضيقة دون مترجم. وتتيح لغة وهمية من اليمين إلى اليسار للمطورين فحص العكس قبل أن يوجد النص العربي. أضف قاعدة تحليل تنبّه إلى استخدام اليمين واليسار في الأنماط، وفحصًا في البناء يفشل حين يوجد مفتاح بلغة واحدة فقط، ولقطات مرئية بالاتجاهين، واختبارات شاملة تعمل مرة لكل لغة.
اختبر مع الناس
تكشف الأتمتة الأعطال لا الصياغة الركيكة. اطلب من قرّاء أصليين مراجعة المنتج وهو يعمل من حيث النبرة والمصطلحات وكل ما يبدو مترجمًا. وأجرِ جلسات قابلية استخدام قصيرة بكل لغة، فالمستخدم بلغة لا يتعثر دائمًا حيث يتعثر المستخدم باللغة الأخرى.
الإطلاق، وإبقاء اللغتين متزامنتين
تنحرف المنتجات ثنائية اللغة عادة. تحصل الإنجليزية على الميزة الجديدة، وتصل إلى العربية بعد أسابيع، وتقول النسختان لفترة أشياء مختلفة. والسبب في الغالب العملية لا المهارة، فأصلحه في العملية.
أطلق اللغتين معًا
- اجعل اللغتين جزءًا من تعريف الإنجاز. الميزة التي لم تجهز عربيتها لم تجهز.
- قرّر النص البديل مسبقًا. في نصوص الواجهة لا تُظهر مفتاحًا مفقودًا أبدًا. وفي المحتوى التحريري إما تؤخر الصفحة أو تعرض اللغة الأخرى بتنبيه واضح.
- استخدم علامة تفعيل لكل لغة إن اضطررت إلى إطلاق إحداهما قبل الأخرى، وأخبر المستخدمين بما لم يصل بعد.
- طبّق القاعدة نفسها على ملاحظات الإصدار والبريد ومقالات المساعدة والصفحات القانونية.
اجعل الانحراف مرئيًا
- اجعل لكل نص مصدرًا واحدًا للحقيقة وحالة. حين يتغير النص الإنجليزي علّم نظيره العربي بأنه يحتاج إلى مراجعة.
- أصدر تقريرًا بالصفحات والنصوص الموجودة بلغة واحدة فقط، وأفشل البناء حيث يؤدي ذلك إلى نشر فجوة.
- قس بحسب اللغة: التحويل، وعمليات البحث بلا نتائج، وأسئلة الدعم، ومعدلات الأخطاء. فهبوط المسار العربي يختفي في المتوسط المجمّع.
- عيّن مسؤولًا عن كل لغة واعتمد تقويمًا تحريريًا مشتركًا.
بعد الإطلاق
- سهّل الإبلاغ عن ترجمة خاطئة أو ركيكة بأي من اللغتين.
- أبقِ المسرد حيًا. وحين تُخطط ميزة، اتفق على مصطلحاتها قبل بناء شاشاتها.
- أعد تشغيل مصفوفة الاختبار حين تغيّر الخطوط أو ترقّي الإطار أو تضيف أداة طرف ثالث، كالدردشة أو الدفع أو الخرائط. واسأل كل مزوّد هل تدعم أداته الكتابة من اليمين إلى اليسار والعربية.
- حين تضيف لغة ثالثة، ابحث عن افتراضات فرضتها اللغتان، كزر تبديل حيث تلزم قائمة.
وللأسئلة الأوسع عن الإطلاق في الخليج، كالدفع والبيانات والدعم، اقرأ دليل إطلاق البرمجيات في الخليج. ونحن نعامل اللغتين جزءًا من كل مشروع، وترى التقدم كل أسبوع في العروض الأسبوعية، وتصف صفحة طريقة عملنا الإيقاع.
الجودة ثنائية اللغة ليست مهمة كبيرة واحدة. إنها قرارات صغيرة تُتخذ مرة وتُحفظ: لغة قائدة، ومسرد، وقائمة أيقونات، وسياسة أرقام، وقاعدة روابط، ومصفوفة اختبار. دوّنها مبكرًا يبقَ المنتج متماسكًا وهو ينمو.