تأكد من قابلية قراءة نصك للجميع. أدخل لون النص ولون الخلفية لرؤية نسبة تباين WCAG بدقة وما إذا كانت تجتاز معايير AA وAAA للنص العادي والكبير.
CSP وHSTS وX-Frame-Options تقوّي موقعك.
استخدم Cache-Control لتسريع الزيارات المتكررة.
تحقق من أن الرؤوس والصفحات تظهر جيدًا على الشاشات الصغيرة.
تأكد من قابلية قراءة نصك للجميع. أدخل لون النص ولون الخلفية لرؤية نسبة تباين WCAG بدقة وما إذا كانت تجتاز معايير AA وAAA للنص العادي والكبير.
أدخل قيمة HEX أو استخدم المنتقي للنص.
افعل الشيء نفسه للخلفية وسيتحدّث النسبة مباشرة.
اعرف مستويات WCAG المطابقة وعدّل الألوان عند الحاجة.
| النص | الخلفية | النسبة |
|---|---|---|
| #000000 | #ffffff | 21:1 |
| #767676 | #ffffff | 4.54:1 |
| #777777 | #ffffff | 4.48:1 |
| #ffffff | #10b981 | 2.5:1 |
الفروق الصغيرة مهمة: #767676 يجتاز AA بينما #777777 يفشل بفارق ضئيل.
إنها مجانية تمامًا وخاصة ولا تتطلب تسجيلًا.
استخدم الأداة الآنرقم من 1:1 إلى 21:1 يقيس فرق السطوع بين لونين. كلما زاد زادت القراءة. الأسود على الأبيض هو الحد الأقصى 21:1.
للنص العادي تحتاج AA نسبة 4.5:1 وAAA نسبة 7:1. وللنص الكبير (18pt+ أو 14pt عريض) تحتاج AA نسبة 3:1 وAAA نسبة 4.5:1.
بشكل غير مباشر. النص المقروء يحسّن التفاعل وإمكانية الوصول، وهو ما تكافئه محرّكات البحث. كما أنه متطلب قانوني في دول كثيرة.
لا. كثير من الألوان التجارية تجتاز AA. تحقق من النسبة وعدّل الإضاءة حسب الحاجة.
Explore the whole collection — no signup, 100% free & private.