العودة إلى المدونة
ملاحظات تقنية

بناء نماذج موثوقة للواجهات العربية والإنجليزية

1 دقائق قراءة
ملاحظة تقنية عملية حول التحقق من الحقول وعناصر الاختيار والمسافات وسلوك النماذج في واجهات RTL وLTR.
واجهة نموذج ثنائي اللغة مع حقول تحقق

لا يكفي في النماذج ثنائية اللغة ترجمة العناوين. يجب أن تبقى اتجاهات العناصر والتحقق من الحقول والمسافات وحالات التركيز واضحة ومتوقعة في واجهتي RTL وLTR.

ما الذي عدلناه؟

  • أبقينا التحقق في الخادم مصدرًا نهائيًا لصحة البيانات.
  • عطلنا زر الإرسال حتى تكتمل الحقول المطلوبة في الواجهة.
  • استخدمنا مسافات تراعي اتجاه الصفحة في عناصر Select.
  • ربطنا رسائل الخطأ بالحقول والمجموعات المناسبة.
  • اختبرنا الطلبات غير الصحيحة والطلبات الفعلية عبر Next.js وWordPress.

ما الذي تعلمناه؟

تظهر التفاصيل الصغيرة بسرعة عندما يعرض النموذج باتجاهين وثيمين مختلفين. المكون المشترك واختبار متكرر أكثر موثوقية من تعديلات CSS المنفصلة.

نماذج موثوقة لواجهات RTL وLTR | تكنواي