عتبات التباين WCAG AAA
Formula
النص العادي: 7:1؛ نص كبير: 4.5:1.
Variables
- ر، ز، ب
- قنوات sRGB (0–255 أو 0–1 طبيعية)
- ح، س، ل
- هوى (درجة) والتشبع والخفة (0-1) في HSL
- ل
- النصوع النسبي (WCAG) أو الخفة في HSL/OKLCH
FAQ
- هل حدود التباين WCAG AAA دقيقة لسير عمل الطباعة؟
- تستخدم شاشة RGB وطباعة CMYK نطاقات مختلفة. التعامل مع التحويلات كأدلة تقريبية؛ معايرة مع ملفات تعريف ICC للطباعة التجارية.
- هل يمكنني استخدام هذه الصيغة في CSS؟
- يدعم CSS الحديث color-mix() وoklch() وlab() للعديد من العمليات. بالنسبة لخطوط الأنابيب المعقدة، قم بالحساب في JavaScript وتصدير متغيرات CSS.
- هل يقوم Color DevByte بتحميل الألوان الخاصة بي؟
- لا، فالصفحات المرجعية للصيغة هي وثائق ثابتة؛ تعمل الأدوات التفاعلية بنسبة 100% من جانب العميل في متصفحك.
نظرة عامة
نسب تباين أكثر صرامة للمستوى AAA.
يقوم Color DevByte بتوثيق هذه الصيغة للمطورين والمصممين ومراجعي إمكانية الوصول الذين يحتاجون إلى حسابات ألوان قابلة للتكرار دون إرسال البيانات إلى الخادم.
استخدم أدوات الألوان المرتبطة لتطبيق هذه الصيغة بشكل تفاعلي من خلال المعاينة المباشرة والتصدير متعدد التنسيقات.
متى تستخدم هذه الصيغة
قم بتطبيق حدود تباين wcag aaa عند إنشاء رموز التصميم المميزة، أو التحقق من صحة تباين WCAG، أو أتمتة خطوط أنابيب الألوان في CSS، أو Tailwind، أو نظام التصميم JSON.
بالنسبة لواجهة مستخدم الإنتاج، تحقق دائمًا من النتائج باستخدام مدقق التباين أو المعاينة المرئية - يمكن أن تؤدي حالات الحافة في تصحيح جاما ورسم خرائط النطاق إلى تغيير النتائج.
ملاحظات التنفيذ
يجب أن تعمل الأدوات المستندة إلى المستعرض على جعل sRGB خطيًا قبل حسابات النصوع أو ΔE.
قم بتفضيل استيفاء OKLCH أو LAB للتدرجات والسمات لتجنب نقاط المنتصف الرمادية الشائعة في مزج RGB.