R023: حقول نص تُعرض من اليسار إلى اليمين حيث يُتوقع إدخال عربي

ما الذي يتجاهله عمدًا

حقول البريد الإلكتروني والهاتف والرابط والأرقام وكلمة المرور، فهي يجب أن تبقى من اليسار إلى اليمين (يفحص R070 العكس)؛ والحقول المضبوطة على dir="rtl" أو dir="auto"؛ والحقل المضبوط على dir="ltr" ولا شيء عربي فيه، فهذا يُعدّ مقصودًا.

قبل الإصلاح وبعده

<input type="search" dir="ltr" placeholder="ابحث في المنتجات">

<input type="search" dir="rtl" placeholder="ابحث في المنتجات">

افحصه يدويًا

حدّد الحقل وشغّل [getComputedStyle($0).direction, $0.dir, $0.placeholder] في وحدة تحكم DevTools. القيمة ltr على حقل مخصص للعربية هي الملاحظة، وكتابة بضع كلمات عربية تُظهر المؤشر يبدأ من الحافة الخاطئة.

ما يعرضه لك التقرير

تحمل كل ملاحظة من R023 ما ينطبق عليها من الحقول أدناه، فترى سبب ظهورها دون إعادة الفحص.

control

input أو textarea.

type

قيمة type للحقل، أو لا شيء حين يكون منطقة نص أو حين لا يُضبط النوع.

placeholder

النص المؤقت كما كُتب.

label

نص تسمية الحقل.

computedDirection

الاتجاه الذي يُعرض به الحقل.

مكوّنات تجتاز هذا الفحص بطريقة بنائها

تجتاز مكوّنات ريتلا هذه الفحص R023 بالطريقة التي بُنيت بها. إذا استخدمتها كما يصفها التوثيق، فلن تُدخل هذا الخلل إلى صفحتك.

• شريط البحث
• منطقة النص