تصميم المواقع العربية: اختبارات عملية لاتجاه RTL

RTL طريقة قراءة وسلوك، مش محاذاة لليمين فقط

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

تجربة قبول قابلة للإعادة

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

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

أخطاء تتكرر

قلب كل الأيقونات آليًا قد يعكس رموز التشغيل أو السهم الذي يتبع حركة فعلية. وكتابة اتجاه RTL بالـCSS وحده تفقد الدلالة عند غياب التنسيق. اجعل اتجاه المحتوى والحقول جزءًا من الاختبار، واطلب من شخص إكمال مهمة حقيقية: العثور على خدمة وإرسال استفسار. ضع هذه الحالات ضمن قبول تطوير موقع الأعمال، لا كتلميع بعد الإطلاق.