فاحص تباين الألوان
احسب نسبة التباين بين لون النص والخلفية وفق معايير WCAG.
استخدم الأداة الآن
🔒 تعالج هذه الأداة مدخلاتك داخل المتصفح دون رفعها إلى خادم SkyEge. لا تشارك معلومات سرية.
ما فائدة هذه الأداة؟
اختبر قابلية قراءة الألوان بحساب نسبة التباين وفق معيار WCAG. تختلف متطلبات النص العادي والكبير.
طريقة الاستخدام
- حدد لون النص ولون الخلفية.
- اعرض نسبة التباين أمامك.
- راجع النتائج للنص العادي والكبير.
نصائح للحصول على نتائج مفيدة
- نسبة 4.5:1 معيار شائع لنصوص AA العادية.
- لا يغني التباين وحده عن اختبار واجهة المستخدم على أجهزة مختلفة.
أسئلة شائعة
هل النسبة العالية تعني إمكانية وصول كاملة؟
لا، هناك متطلبات أخرى مثل التنقل بلوحة المفاتيح والتسميات الدلالية.
ملاحظة: نتائج الأدوات استرشادية، ويجب التحقق منها في بيئة موقعك قبل تطبيق تغييرات مهمة.
فهم الأداة ومتى تحتاجها
قابلية قراءة النص تتأثر بنسبة التباين بين لونه والخلفية. الأداة تحسب النسبة رياضيًا انطلاقًا من لونين بنظام HEX، وتقارنها بحدود WCAG الشائعة للنص العادي والكبير.
مثال عملي على الاستخدام
مثال: عنوان أبيض فوق كحلي داكن يعطي غالبًا تباينًا جيدًا، بينما نص أزرق فاتح على خلفية بيضاء قد يصعب قراءته. جرب ألوان أزرار الموقع وحالاتها أثناء الضغط والتحويم أيضًا.
كيف تقرأ النتيجة وما حدودها؟
الألوان وحدها لا تحدد إتاحة الصفحة؛ راجع حجم الخط واتجاه العربية وتسميات النماذج وإمكانية التنقل بلوحة المفاتيح. ليست جميع العناصر تقيَّم بالحد نفسه.
أخطاء شائعة يجب تجنبها
- اختبار العناوين فقط ونسيان النصوص الصغيرة.
- الاعتماد على تباين ممتاز مع خط صغير جدًا.
- نسيان عرض الرابط بعد الزيارة أو حالة الزر المعطّل.
أدوات مكملة لهذا الموضوع
يمكنك متابعة الفحص بأدوات أخرى من مركز الأدوات التقنية أو العودة إلى شروحات الموقع ذات الصلة. تعامل مع النتائج كمرجع مساند للقرار، ولا تستبدل بها الاختبار الفعلي.