R070: حقول الهاتف والبريد الإلكتروني والرابط تُعرض من اليمين إلى اليسار (ويجب أن تبقى من اليسار إلى اليمين)
حقول الهاتف والبريد الإلكتروني والرابط المتروكة من اليمين إلى اليسار في صفحة عربية: قيمها نصوص من اليسار إلى اليمين، فقد تظهر مجموعات الأرقام وعلامات الترقيم بترتيب خاطئ أثناء الكتابة.
الفحص
- المعرّف
- R070
- الفئة
- النماذج
- الخطورة الافتراضية
- متوسطة
متى يُطلق ملاحظة
متوسطة
حقل
telأوemailأوurlظاهر على صفحة عربية مضبوط علىdir="rtl". قيمته نص من اليسار إلى اليمين، فالكتابة فيه تسيّر المؤشر ومجموعات الأرقام في الاتجاه الخاطئ.الإصلاح: اضبط
dir="ltr"على حقلtelأوemailأوurlهذا (وأبقِ التسمية والتخطيط من اليمين إلى اليسار).متوسطة · ثقة متوسطة
النوع نفسه من الحقول بلا
dirخاصة به، يرث اتجاه الصفحة من اليمين إلى اليسار. يُبلَّغ بثقة متوسطة، لأن الحقل نفسه لم يطلب ذلك. عمليًا هذا يخص حقول البريد الإلكتروني والرابط: Chromium يعرض حقلtelمن اليسار إلى اليمين أصلًا ما لم يُطلب منه غير ذلك.الإصلاح: اضبط
dir="ltr"على حقلtelأوemailأوurlهذا (وأبقِ التسمية والتخطيط من اليمين إلى اليسار).
ما الذي يتجاهله عمدًا
أنواع الحقول الأخرى، كحقول النص الحر التي يفحصها R023 في الاتجاه المعاكس، والحقول التي تُعرض أصلًا من اليسار إلى اليمين. حتى ست حالات في الصفحة.
قبل الإصلاح وبعده
<input type="email" name="email"><input type="email" name="email" dir="ltr">افحصه يدويًا
حدّد الحقل وشغّل [$0.type, $0.dir, getComputedStyle($0).direction] في وحدة تحكم DevTools. حقل tel أو email أو url اتجاهه المحسوب rtl هو الملاحظة.
ما يعرضه لك التقرير
تحمل كل ملاحظة من R070 ما ينطبق عليها من الحقول أدناه، فترى سبب ظهورها دون إعادة الفحص.
- type
- نوع الحقل:
telأوemailأوurl. - dirAttr
- سمة
dirكما كُتبت، أو لا شيء حين لا توجد. - computedDirection
- الاتجاه الذي يُعرض به.
مكوّنات تجتاز هذا الفحص بطريقة بنائها
تجتاز مكوّنات ريتلا هذه الفحص R070 بالطريقة التي بُنيت بها. إذا استخدمتها كما يصفها التوثيق، فلن تُدخل هذا الخلل إلى صفحتك.
فحوص أخرى في فئة النماذج
هل تخفق صفحتك في الفحص R070؟
الصق رابطًا، فتعرض ريتلا الصفحة على سطح المكتب والجهاز اللوحي والجوال، وتشغّل كل الفحوص، وتريك أهم المشكلات مع لقطة شاشة دليلًا على كل منها.