قائمة فحص مواقع RTL — 30 اختباراً قبل الإطلاق

في هذه الصفحة 4 أقسام كيف تستخدم هذا الخط الصادق تريدنا نطبّق هذا على موقعك؟ المشتريات الإبداعية الحكومية في قطر — كيف تعمل فعلاً. ← مواقع RTL تفشل بطرق متوقعة. معظم تلك الإخفاقات مرئية في أول ثلاث ثوانٍ للقارئ العربي الأصلي، وغير مرئية للمطورين غير العرب الذين يديرون فحوصات الجودة. هذه هي قائمة الفحص الدقيقة التي نشغّلها على كل موقع ثنائي اللغة نسلّمه — ثلاثون شيئاً، لا واحد منها طموح، كلها قابلة للاختبار في عشرين دقيقة.

اطبعها. افتح الموقع على لاب توب وهاتف، بدّل للنسخة العربية، وامشِ خلالها. علّم كل بند بـ ناجح / فاشل / حدّي. إذا فشل أيٌّ بعد 5 بنود، فالإطلاق ليس جاهزاً.

التخطيط والهيكل

حيث تعيش معظم المشاكل.

1. خاصية الاتجاه مضبوطة بشكل صحيح

عنصر HTML على النسخة العربية له dir="rtl" وlang="ar". على النسخة الإنجليزية، dir="ltr" وlang="en". يبدو أساسياً؛ يُفوَّت كثيراً.

2. ترتيب التنقّل معكوس

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

3. البطاقات والأعمدة والشبكات تنقلب بصرياً

شبكة من 3 بطاقات تُقرأ بطاقة-1 / بطاقة-2 / بطاقة-3 بالإنجليزية يجب أن تُقرأ بطاقة-1 / بطاقة-2 / بطاقة-3 من اليمين لليسار بالعربية. استخدم خصائص CSS المنطقية (margin-inline-start، padding-inline-end) بدل -left / -right.

4. الأيقونات التي تدل على اتجاه تُعكَس

أسهم للأمام، أسهم للخلف، رموز التنقل التسلسلي، أزرار التشغيل. الأيقونات الزخرفية (قلب، نجمة، تقويم) لا تُعكَس.

5. محتوى الصور يبقى صحيحاً بصرياً

صورة لشخص يقرأ كتاباً أو يشير لشاشة يجب ألا تُعكَس حين ينقلب التخطيط. اعكس التخطيط، لا المحتوى.

6. علامات الاقتباس تواجه الاتجاه الصحيح

العربية تستخدم « » أو علامات اقتباس عربية محددة. لا توّلد علامات اقتباس لاتينية مجعّدة تلقائياً.

حيث تُقرَّر الجودة ثنائية اللغة.

7. الخط العربي مُحمَّل ويُصيَّر

اعرض المصدر. تحقق من أن حزمة font-family تبدأ فعلاً بالخط العربي، لا ببديل النظام.

8. ارتفاع سطر العربية على الأقل 1.6×

النص اللاتيني مريح عند 1.4–1.5. العربية تحتاج أكثر — 1.6 كحد أدنى للمتن، 1.8 للتحرير.

9. خط متن العربية على الأقل 16 بكسل على سطح المكتب، 17 بكسل على الجوال

العربية بـ14 بكسل غير مقروءة لمعظم المستخدمين. ارفعها.

10. تباعد الحروف صفر للعربية

الحروف العربية تتّصل؛ تباعدها يكسر الخط. الافتراضي 0؛ انحرف فقط بسبب.

11. خطوط الأساس العربية واللاتينية متحاذية في الأسطر متعددة اللغات

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

12. لا مائل برمجي على العربية

العربية ليس لها مائل. font-style: italic على العربية يُنتج فوضى مائلة.

النماذج والمدخلات