R025: أيقونة اتجاهية تشير عكس التسلسل الذي يتقدم فيه عنصر التحكم

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

الصفحات من اليسار إلى اليمين، والأيقونات المخفية، والأيقونة المعكوسة التي لا تسمية حولها للتحقق منها، لأن العكس هو الإصلاح المعتاد. لا يُفحص العكس الزائد، كقلب شامل يقلب معه ساعة أو علامة صح.

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

<button aria-label="التالي">
  <svg class="icon-arrow-right">…</svg>
</button>

<button aria-label="التالي">
  <svg class="icon-arrow-left">…</svg>
</button>

افحصه يدويًا

حدّد الأيقونة وشغّل getComputedStyle($0).transform في وحدة تحكم DevTools: القيمة matrix(-1, 0, 0, 1, 0, 0) تعني أنها معكوسة. ثم قارنها بعنصر التحكم: على صفحة من اليمين إلى اليسار يجب أن يشير "التالي" نحو اليسار.

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

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

token

كلمة الاتجاه كما تكتبها الصفحة: صنف، أو معرّف رمز، أو ربط حروف (ligature)، أو اسم صورة، أو aria-label.

source

من أين جاء الاسم: svg-class أو svg-use أو class أو ligature أو img أو bg-image أو aria-label.

mirrored

هل تقلبها الصفحة أصلًا في الاتجاه من اليمين إلى اليسار.

controlLabel

صياغة "التالي" أو "السابق" على عنصر التحكم المحيط بها.

controlAdvances

الاتجاه الذي تقول تلك الصياغة إن العنصر يسير فيه: forward (إلى الأمام) أو backward (إلى الخلف).

glyphPoints

الجهة التي تشير إليها الأيقونة بعد أي عكس.

expectedOnRtl

الجهة التي يجب أن تشير إليها على صفحة من اليمين إلى اليسار.

namesFunctionNotSide

يظهر حين يذكر الاسم وظيفة، مثل next، لا جهة.