طريقة الاستخدام
- 1اختر لون النص ولون الخلفية.
- 2شاهد نسبة التباين ونتائج AA وAAA للنص العادي والكبير.
- 3راجع معاينة النص الحية.
- 4إذا فشل الفحص اضغط اقتراح أقرب لون ناجح.
ما هي معايير WCAG للتباين؟
مستوى AA يتطلب نسبة 4.5:1 للنص العادي و3:1 للنص الكبير. ومستوى AAA يتطلب 7:1 للنص العادي و4.5:1 للنص الكبير. النص الكبير هو 24 بكسل تقريبًا أو 18.66 بكسل بخط عريض.
لماذا التباين مهم للنص العربي تحديدًا؟
الحروف العربية تعتمد على النقاط والتفاصيل الصغيرة، والنص الرمادي الفاتح على خلفية بيضاء يصعب قراءته خاصة على شاشات الجوال تحت أشعة الشمس. التباين الجيد يحسن القراءة لكبار السن وضعاف البصر ويقلل معدل الارتداد.
اقتراح اللون الناجح
بدلًا من التجربة العشوائية، تبحث الأداة عن أقرب درجة للون الذي اخترته تحقق نسبة التباين المطلوبة، فتحافظ على هوية علامتك مع تحقيق معايير الوصول.
الأسئلة الشائعة
ما هي نسبة التباين المطلوبة؟
4.5:1 على الأقل للنص العادي و3:1 للنص الكبير لتحقيق مستوى AA.
هل يؤثر التباين على SEO؟
ليس كعامل ترتيب مباشر، لكن أداة Lighthouse تعتبره جزءًا من درجة إمكانية الوصول، والنص المقروء يحسن تجربة المستخدم.
هل يجب أن تحقق الأزرار والأيقونات التباين أيضًا؟
نعم، يوصي WCAG بنسبة 3:1 على الأقل لعناصر الواجهة والأيقونات المهمة.
النتائج غير مرضية؟
تواصل مع Webin Agency لمواقع سريعة متوافقة مع السيو، ومتاجر إلكترونية، وإدارة إعلانات Google.