R081: flex بقيمة row-reverse تصطنع الاتجاه من اليمين بدل dir (ترتيب التنقل بالمفتاح Tab يعاكس الترتيب المرئي)

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

الصفحات من اليسار إلى اليمين، وrow-reverse على عناصر ليست تنقلًا ولا قوائم، كتخطيط البطاقات، فهذا لا يفحصه هذا الفحص. حتى خمس حالات في الصفحة.

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

[dir="rtl"] .menu {
  display: flex;
  flex-direction: row-reverse;
}

.menu {
  display: flex;
}

افحصه يدويًا

حدّد القائمة وشغّل getComputedStyle($0).flexDirection في وحدة تحكم DevTools، ثم تنقّل فيها بالمفتاح Tab: يجب أن ينتقل التركيز بالترتيب الذي تقرأ به.

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

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

flexDirection

قيمة flex-direction المحسوبة.

tag

وسم العنصر.

inNav

هل يقع داخل التنقل.

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

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

• مسار التنقل
• قائمة التنقل
• ترقيم الصفحات