R022: text-align: left مضبوطة صراحة على نص عربي في معظمه

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

النص اللاتيني في معظمه، وكل محاذاة أخرى: start وend وcenter وjustify وright.

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

.card p {
  text-align: left;
}

.card p {
  text-align: start;
}

افحصه يدويًا

حدّد النص في لوحة Elements وشغّل getComputedStyle($0).textAlign في وحدة تحكم DevTools. القيمة left على نص عربي هي الملاحظة، ولوحة Styles تُظهر القاعدة التي كتبتها.

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

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

sample

النص، مقصوصًا عند 120 حرفًا.

cssSelectors

محدِّدات القواعد التي تضبط عليه text-align: left، حين أمكن قراءة ورقة الأنماط.

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

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

• الأكورديون
• التنبيه
• النافذة الحوارية
• الحالة الفارغة
• الجدول