مدقق تباين WCAG

كيف يعمل

تحدد توصيات WCAG نسب تباين دنيا بين النص وخلفيته لضمان بقاء الموقع مقروءًا للأشخاص ضعاف البصر أو في ظروف عرض صعبة (شاشة منخفضة الإضاءة، انعكاسات). قبل اعتماد مجموعة ألوان مختارة في Figma أو دليل هوية بصرية، تقوم هذه الأداة بحساب النسبة الفعلية بين اللونين وتوضح ما إذا كانت تلتزم بمعايير AA (المستوى الأدنى الموصى به) و AAA (المستوى المعزز).

ما الفرق بين «النص العادي» و«النص الكبير»؟

يعتمد حد التباين المطلوب على حجم النص: النص الكبير (بدءًا من حوالي 18pt، أو 14pt بخط عريض) يظل مقروءًا بتباين أقل من النص ذي الحجم العادي، لأن أشكال الحروف أكبر وأسهل في التمييز.

هل يجب أن أستهدف AA أم AAA؟

مستوى AA هو المعيار الموصى به عمومًا والكافي لمعظم مواقع الويب (وغالبًا ما يكون التزامًا قانونيًا حسب التشريعات). مستوى AAA أكثر صرامة ويوصى به للمحتوى الذي تكون إمكانية الوصول فيه أولوية، لكنه يصعب أحيانًا تحقيقه مع بعض ألوان العلامة التجارية دون تعديلها بشكل ملحوظ.

معالجة محلية 100%: يتم حساب نسبة التباين مباشرة في متصفحك عبر WebAssembly، دون أي اتصال بخادم خارجي.