R052: ارتفاع سطر أقل من 1.5 في نص المتن العربي

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

line-height: normal، التي تُبقي القيمة الافتراضية للمتصفح، والنصوص الأقصر كالعناوين والتسميات، الأقل من 20 كلمة عربية. حتى ثماني حالات في الصفحة.

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

.article p {
  line-height: 1.3;
}

.article p {
  line-height: 1.8;
}

افحصه يدويًا

حدّد الفقرة وشغّل parseFloat(getComputedStyle($0).lineHeight) / parseFloat(getComputedStyle($0).fontSize) في وحدة تحكم DevTools. القيمة الأقل من 1.5 هي الملاحظة؛ وNaN تعني line-height: normal، وهذه تُترك.

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

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

lineHeightPx

ارتفاع السطر المحسوب، بالبكسل.

fontSizePx

حجم الخط المحسوب، بالبكسل.

ratio

ارتفاع السطر مقسومًا على حجم الخط.

arabicWordCount

عدد الكلمات العربية في الكتلة.