قائمة تحقق لمواقع الويب العربية
بناء موقع ويب باللغة العربية ليس مجرد عكس اتجاه النص. يتطلب الانتباه إلى الأرقام، وحقول الهاتف، والقوائم المعكوسة، وأسماء المنتجات الإنجليزية المختلطة، وأخطاء النماذج، وتخطيط الجوال، والنصوص العربية الحقيقية، واستراتيجية الروابط الأساسية ثنائية اللغة. يقدم هذا الدليل قائمة تحقق لتجنب الأخطاء الشائعة وضمان تجربة عالية الجودة للمستخدمين العرب.
الأرقام وحقول الهاتف
غالبًا ما تحتاج المواقع العربية إلى عرض الأرقام بالصيغتين الغربية (0-9) والشرقية (٠-٩). حدد أيّهما تستخدم بناءً على جمهورك والسياق. بالنسبة لحقول الهاتف، تأكد من أن الإدخال يقبل كلا النوعين ويقوم بالتنسيق بشكل صحيح. اختبر باستخدام أرقام محلية.
أبقِ النموذج المحيط باتجاه من اليمين إلى اليسار، واجعل رقم الهاتف نفسه باتجاه من اليسار إلى اليمين حتى يبقى رمز الدولة وتسلسل الأرقام واضحين. اتجاه العرض وتوحيد صيغة الأرقام مسألتان منفصلتان؛ اختبر شكل الحقل والقيمة التي تصل إلى الخادم معاً.
فحص القبول: أدخل رقم هاتف بالأرقام العربية الشرقية وتحقق من تخزينه وعرضه بشكل صحيح. يفشل إذا تم رفض الرقم أو عرضه بترتيب خاطئ.
القوائم المعكوسة والتخطيط
في تخطيطات RTL، يجب أن تعكس قوائم التنقل والأشرطة الجانبية والأيقونات نظيراتها في LTR. على سبيل المثال، يجب أن يشير سهم الرجوع إلى اليمين بدلاً من اليسار. لا يتعلق الأمر فقط بقلب التخطيط بأكمله، بل بالحفاظ على الاتجاهية البديهية.
استخدم خصائص CSS المنطقية مثل margin-inline-start بدلاً من margin-left لتبسيط الانعكاس. اختبر على الجوال للتأكد من أن إيماءات التمرير واتجاهات التمرير تبدو طبيعية.
مقايضة: قد يكون الانعكاس الكامل مربكًا للمستخدمين المعتادين على واجهات LTR لعناصر معينة، مثل عناصر التحكم في الوسائط. فكر في إبقاء الأيقونات العالمية (تشغيل، إيقاف) في اتجاهها القياسي.
فحص القبول: تنقل في الموقع باستخدام لوحة المفاتيح فقط. يجب أن يتبع ترتيب التنقل التدفق البصري من اليمين إلى اليسار. يفشل إذا انتقل التركيز بشكل غير متوقع.
أسماء المنتجات الإنجليزية المختلطة والنصوص
اعزل أسماء المنتجات والنصوص التي يدخلها المستخدم بعناصر مناسبة للنص ثنائي الاتجاه، مثل bdi أو عنصر معزول ذي اتجاه محدد. يعتمد الاتجاه الصحيح على المحتوى. اختبر أسماء تمزج الحروف والأرقام والترقيم بدلاً من افتراض أن كل اسم مضمّن إنجليزي.
اطلب من مراجع يجيد العربية التحقق من المعنى والنبرة وتعليمات الاستخدام، بغض النظر عن طريقة إعداد المسودة الأولى. راجع تسميات الحقول والأخطاء بالعناية نفسها التي تمنحها للعناوين التسويقية.
مثال افتراضي: يجهز متجر صفحة دفع عربية إلى جانب نسخته الإنجليزية. قبل الإطلاق، يدخل المراجع عنواناً ويغير الكمية ويتعمد ترك حقل مطلوب فارغاً ثم يقرأ التأكيد. يسجل الفريق العبارات المربكة ويصححها قبل إعادة الاختبارات نفسها.
فحص القبول: اقرأ فقرة تحتوي على اسم منتج إنجليزي. يجب أن يظهر الاسم بالترتيب الصحيح وألا يعطل الجملة. يفشل إذا تم عكس الاسم أو تقسيمه.
أخطاء النماذج ورسائل التحقق
ينبغي أن تتبع رسائل الخطأ اللغة المختارة وأن تبقى مرتبطة بحقولها بصرياً. يمكن عرض الخطأ بجانب الحقل أو أسفله؛ المهم وضوح مكانه وربطه برمجياً بالحقل وتقديم تعليمات مفهومة لتصحيحه.
استخدم مناطق ARIA الحية للإعلان عن الأخطاء لقارئات الشاشة. اختبر مع قارئات الشاشة العربية لضمان التوافق.
فحص القبول: أرسل نموذجًا بحقول مفقودة. يجب أن تظهر رسائل الخطأ بجانب الحقول باللغة العربية، وينتقل التركيز إلى الخطأ الأول. يفشل إذا كانت الأخطاء بالإنجليزية أو في غير مكانها.
تخطيط الجوال والتصميم المتجاوب
قد يكون النص العربي أطول من النص الإنجليزي، لذا يجب أن تستوعب تخطيطات الجوال توسع النص. اختبر على شاشات صغيرة للتأكد من عدم وجود اقتطاع أو تداخل.
اجعل أهداف اللمس سهلة الاستخدام، واختبر الإيماءات المخصصة وفق سلوك المنصة في الاتجاه العربي. لا تفترض أن اتجاه سحب واحداً للرجوع يناسب كل المنصات. وفّر عناصر تنقل مرئية بدلاً من الاعتماد على الإيماءة وحدها.
فحص القبول: اعرض الموقع على جهاز جوال بإعدادات اللغة العربية. يجب أن يكون كل النص مقروءًا دون تمرير أفقي. يفشل إذا تم قطع أي محتوى.
استراتيجية الروابط الأساسية ثنائية اللغة
امنح كل صفحة مترجمة رابطاً ثابتاً خاصاً بها. استخدم إشارات hreflang متبادلة تشمل الصفحة نفسها ونظيرتها الحقيقية باللغة الأخرى، حتى تتمكن محركات البحث من اكتشاف العلاقة بينهما.
للترجمتين المختلفتين بالعربية والإنجليزية، اجعل الرابط الأساسي لكل صفحة يشير إلى نفسها. لا تجعل رابط الصفحة العربية الأساسي يشير إلى الإنجليزية لمجرد أنها اللغة الافتراضية. وفّر مبدل لغة واضحاً يحافظ على المقال الذي يقرؤه الزائر.
تتطلب الروابط المنفصلة صيانة النسختين وفحصهما. وهي تمنح القارئ رابطاً قابلاً للمشاركة بلغته المختارة، لكنها لا تضمن ترتيباً في البحث أو ظهوراً في إجابات الذكاء الاصطناعي.
فحص القبول: افتح رابط كل لغة مباشرة وتحقق من اللغة والرابط الأساسي وإشارات hreflang المتبادلة، ثم انتقل بين النسختين. تعامل مع الفهرسة وأداء البحث كمهام متابعة منفصلة، لا كوعد بنجاح أو فشل لغة معينة في الترتيب.
مراجع وروابط ذات صلة
للمتابعة
الخطوة التالية
تعرّف على عمل Devign المرتبط بهذا الموضوع، وناقشنا في احتياجاتك قبل تحديد نطاق المشروع.