مدقق تباين الألوان
تحقق من نسب تباين الألوان للامتثال لـ WCAG 2.1. تحقق من معايير AA و AAA فورًا.
ما هي نسبة تباين WCAG؟
نسبة تباين WCAG تقيس فرق السطوع بين ألوان المقدمة والخلفية. تتراوح من 1:1 إلى 21:1.
ما هي متطلبات WCAG AA و AAA؟
يتطلب WCAG AA حد أدنى 4.5:1 للنص العادي و 3:1 للنص الكبير. AAA يتطلب 7:1 و 4.5:1.
ما الذي يُحسب كنص كبير؟
النص الكبير يُعرَّف بأنه 18pt (24px) أو أكبر، أو 14pt (18.66px) غامق أو أكبر.
لماذا يعد تباين الألوان مهمًا؟
التباين المناسب يضمن قابلية قراءة النص للأشخاص ذوي الإعاقات البصرية ويحسن القراءة للجميع.
كيف أحسب نسبة التباين؟
تُحسب باستخدام قيم السطوع النسبي. الصيغة هي (L1 + 0.05) / (L2 + 0.05).
ما هو الحد الأدنى للتباين لعناصر UI؟
يتطلب WCAG حد أدنى 3:1 لمكونات UI والرسوم البيانية.
هل يمكنني استخدام أي مزيج ألوان؟
ليس كل المجموعات تلبي معايير الوصول. استخدم هذا المدقق للتحقق.
ما هو السطوع النسبي؟
هو السطوع المدرك للون، من 0 (أسود) إلى 1 (أبيض). يُحسب باستخدام مساحة ألوان sRGB.
هل أحتاج للتحقق من تباين الصور؟
النص داخل الصور يجب أن يلبي نفس المتطلبات. للصور الزخرفية لا ينطبق.
ما الأدوات التي تساعد في التباين؟
استخدم أدوات المطور في المتصفح، أو إضافات التصميم، أو أدوات التحقق عبر الإنترنت مثل هذا.
كيفية استخدام مدقق تباين الألوان
تحقق فورًا من تباين النصوص وعناصر الواجهة مقابل حدَّي AA وAAA في WCAG 2.1، داخل متصفحك بالكامل. أدخل لونين فيُحسب النسبة محليًا — لا شيء يخرج من جهازك.
- اكتب أو الصق لون النص في حقل Foreground Color بأي صيغة مدعومة مثل HEX أو RGB.
- املأ حقل Background Color بلون الخلفية خلف النص ليُحسب نسبة التباين.
- اطّلع على النسبة الناتجة وشارات النجاح AA وAAA للنص العادي والنص الكبير.
- اضبط أيًّا من اللونين حتى تتجاوز النسبة 4.5:1 لنص المتن أو 3:1 للنص الكبير ومكونات الواجهة.
- بدّل قيمتي Foreground Color وBackground Color لاختبار التركيبة المعاكسة، كنص فاتح على سمة داكنة.
يُعد AAA (7:1) هدفًا ممتازًا للقراءة الطويلة، لكن الحد الأدنى الذي تفرضه أغلب إرشادات الوصول هو 4.5:1 (AA).
أدوات ذات صلة
- أداة اختيار الألوان اختر أي لون من الشاشة باستخدام القطارة. انسخ أكواد HEX و RGB و HSL فورًا. أداة اختيار ألوان مجانية.
- مولد لوحة الألوان أنشئ لوحات ألوان جميلة ومتناسقة فوراً مع مولدنا المجاني عبر الإنترنت. يدعم أوضاع أحادي اللون، المتشابه، المكمل، الثلاثي، المنقسم المكمل، والرباعي. اضبط الألوان باستخدام شرائح HSL، أقفل المفضلة، وصدّر كـ CSS أو Tailwind أو JSON أو SVG. 100% قائم على المتصفح، بياناتك لا تغادر جهازك أبداً.
- محاكي عمى الألوان محاكي عمى الألوان المجاني عبر الإنترنت. اختبر التصاميم للبروتانوبيا والديوترانوبيا والتريتانوبيا والأنواع الأخرى. 100% خاص، يعمل في متصفحك.
- تقسيم إطارات GIF استخرج وحمّل إطارات فردية من رسوم GIF كـ PNG أو ورقة رسوم. أداة مجانية عبر الإنترنت مع معاينة وتصدير ZIP.
- عكس GIF عكس ترتيب تشغيل رسوم GIF المتحركة مجانًا عبر الإنترنت. ارفع، عاين وحمّل GIF معكوس فورًا.
- مغير سرعة GIF غيّر سرعة رسوم GIF المتحركة عبر الإنترنت. سرّع أو أبطئ ملفات GIF فوراً.
- فيديو إلى GIF حوّل الفيديو إلى GIF متحرك عبر الإنترنت. اضبط الجودة ومعدل الإطارات والدقة مباشرة في متصفحك دون الحاجة إلى رفع أي ملفات.
- صانع الميمز صانع ميمز مجاني عبر الإنترنت. أضف النصوص الكلاسيكية العلوية والسفلية إلى أي صورة، واسحب النصوص بحرية، ثم نزّل ميمك بصيغة PNG أو JPEG فورًا.