R055: تنسيق عناوين لاتيني (أحرف كبيرة مع تباعد) مطبَّق على العربية

لا أحرف كبيرة وصغيرة في العربية، فـtext-transform على نص عربي لا يغيّر حروفه، ويكشف محدِّدًا نُسّق لعناوين لاتينية ولم يراجعه أحد للجانب العربي.

الفحص

منخفضة
نص ظاهر فيه 3 حروف عربية على الأقل، وtext-transform فيه غير none، مثل uppercase أو capitalize. لا حالة للحروف في العربية، فالتحويل لا يغيّر شيئًا، ويدل على محدِّد نُسّق لعناوين لاتينية ولم يراجعه أحد للعربية.
الإصلاح: عرّف تنسيق عناوين خاصًا بالعربية لهذا العنصر.

النص الذي فيه أقل من 3 حروف عربية. التباعد الذي يصاحب التحويل غالبًا من شأن R051؛ وهذه الملاحظة عن التحويل وحده. حتى أربع حالات في الصفحة.

before.css

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

after.css

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
:lang(ar) .eyebrow {
  text-transform: none;
  letter-spacing: 0;
}

حدّد النص وشغّل getComputedStyle($0).textTransform في وحدة تحكم DevTools. أي قيمة غير none على العربية هي الملاحظة.

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

textTransform: قيمة text-transform المحسوبة.
letterSpacingPx: التباعد المحسوب، بالبكسل.
trackingAlsoReportedByR051: هل يحمل العنصر تباعدًا أيضًا، وهذا يُبلغ عنه R051 منفصلًا. الملاحظتان عن أمرين مختلفين.

الصق رابطًا، فتعرض ريتلا الصفحة على سطح المكتب والجهاز اللوحي والجوال، وتشغّل كل الفحوص، وتريك أهم المشكلات مع لقطة شاشة دليلًا على كل منها.