R011: تسميات تفاعلية غير مترجمة (أزرار، روابط التنقل والتذييل، عناصر القوائم، التبويبات)

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

النص المخفي عن قارئات الشاشة بـaria-hidden، وكتل الكود وpre، وكل ما تحت translate="no" أو lang غير عربية، والنص الذي يمزج العربية باللاتينية، فهذا من شأن فحوص الاتجاه. اسم العلامة التجارية وحده، كرابط الشعار، يُستبعد قبل العد.

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

<nav>
  <a href="/pricing">Pricing</a>
  <a href="/login">Sign in</a>
</nav>

<nav>
  <a href="/pricing">الأسعار</a>
  <a href="/login">تسجيل الدخول</a>
</nav>

افحصه يدويًا

شغّل [...document.querySelectorAll('a, button, summary, [role=tab], [role=menuitem]')].filter((e) => e.checkVisibility() && /[A-Za-z]{2,}/.test(e.textContent) && !/\p{Script=Arabic}/u.test(e.textContent)).map((e) => e.textContent.trim()) في وحدة تحكم DevTools. يمكن أن تبقى أسماء العلامات بحروف لاتينية، وكل تسمية أخرى في القائمة تحتاج إلى ترجمة.

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

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

text

التسمية كما كُتبت، مقصوصة عند 120 حرفًا.

kind

نوع العنصر: تسمية زر، أو رابط تنقل، أو رابط تذييل، أو تسمية تبويب، أو عنصر قائمة، أو تسمية تفاعلية أخرى.

cappedAt

حين تنطبق الشروط على أكثر من عشر تسميات: الحد الأقصى لما يُبلَّغ عنه.

totalCandidates

يُذكر مع الحد: عدد التسميات التي انطبقت عليها الشروط كلها.