أكتب عبارة العرض بالأبيض فوق صورة بانر، والأداة لا تفحص الصور، فكيف أتأكد أن النص مقروء؟
الأداة تقارن لونين مصمتين فقط، فالتقط بمنتقي الألوان أفتح نقطة خلف النص وافحص الأبيض عليها: إن نجحت هذه النقطة نجحت المنطقة كلها. وإن فشلت، غمّق الصورة أو ضع شريطًا مصمتًا داكنًا خلف النص وافحص الأبيض على لون الشريط.
لماذا يكفي فحص أفتح نقطة؟
الصورة ليست لونًا واحدًا، والتباين فيها يتغير من نقطة إلى أخرى، ولهذا لا تفحص الأداة الصور ولا التدرجات. لكن مع النص الأبيض توجد حيلة منطقية: كلما كانت النقطة خلف النص أغمق زاد تباينها مع الأبيض. فأسوأ حالة هي أفتح نقطة تقع خلف الحروف. إن نجحت هي، فكل ما هو أغمق منها ينجح أيضًا. ومع النص الداكن ينعكس الأمر، فتبحث عن أغمق نقطة.
الخطوات
- صدّر البانر كما سيظهر، وافتحه في منتقي الألوان من الصور.
- انقر على أفتح نقاط الصورة التي تقع خلف حروف العبارة، مثل السماء أو الرمل أو انعكاس الضوء، وانسخ كود اللون.
- افتح فاحص تباين الألوان واكتب #FFFFFF في «لون النص» والكود في «لون الخلفية».
- إن كانت العبارة عنوانًا كبيرًا فانظر إلى سطر «AA للنص الكبير» الذي يطلب 3:1، وإن كان فيها نص صغير مثل شروط العرض فالمطلوب 4.5:1.
مثال: بانر لمنتجات صحراوية
- منطقة رمل فاتحة في الصورة لونها #C8B89A: الأبيض عليها 1.95:1، غير ناجح حتى في عناصر الواجهة.
- نقطة أفتح في الرمل #E8DCC8: الأبيض عليها 1.35:1، أي أن النص يكاد يختفي هنا.
- منطقة متوسطة الغمق #8C6F4E: الأبيض عليها 4.67:1 وينجح. لكن ما دامت النقاط الفاتحة خلف النص نفسه، فالنجاح هنا لا يكفي.
الحل الأول: شريط مصمت
ضع شريطًا بلون مصمت داكن خلف العبارة، مثل #3B2F2A الذي يتناسق مع ألوان الرمل. الأبيض عليه يعطي 12.92:1 وينجح في كل المستويات. وهذا الفحص دقيق تمامًا، لأن الخلفية الآن لون واحد.
الحل الثاني: طبقة داكنة شبه شفافة
إن أردت أن تبقى الصورة ظاهرة، فالشائع وضع طبقة سوداء شبه شفافة فوقها. الأداة ترفض الخلفية شبه الشفافة، لأن نتيجتها تتوقف على ما تحتها. لكنها تدمج لون النص شبه الشفاف مع الخلفية، ويمكنك استغلال ذلك لمعرفة لون الطبقة بعد الدمج:
- اكتب لون الطبقة في «لون النص» بصيغة HEX من 8 خانات، مثل #000000B3 لطبقة سوداء بعتامة 70%، واكتب أفتح نقطة #C8B89A في «لون الخلفية».
- ستظهر ملاحظة بأن لون النص شبه شفاف (العتامة 70%) وأنه دُمج فوق الخلفية، ومعها اللون الناتج #3C372E. تجاهل النسبة المعروضة هنا، فهي لا تخص نصك.
- امسح الحقلين واكتب #FFFFFF نصًا و#3C372E خلفية: النسبة 11.81:1.
جرّب عتامات أقل لتجد الحد الأدنى الذي يكفيك: بعتامة 60% (#00000099) يصبح اللون الناتج #504A3E والأبيض عليه 8.79:1، وبعتامة 50% (#00000080) يصبح #645C4D والأبيض عليه 6.60:1. تذكّر أن هذا حساب لأفتح نقطة فقط، وأن النسبة الناجحة تخص قراءة اللون، لا إتاحة الصفحة كلها.
أسئلة شائعة
هل يكفي أن أفحص لونًا متوسطًا من الصورة؟
لا. المتوسط يخفي النقاط الفاتحة التي يضيع فوقها جزء من الحروف. افحص أفتح نقطة خلف النص.
البانر يتغير حسب مقاس الشاشة، فماذا أفعل؟
إن كان القالب يقص الصورة بشكل مختلف على الجوال، فقد تقع حروف أخرى فوق مناطق أفتح. افحص لقطة من الجوال أيضًا.
هل أكتب بالأسود بدل الأبيض؟
على الرمل الفاتح قد يكون ذلك أنجح. افحص الأسود على أغمق نقطة خلف النص هذه المرة، لأن الأسوأ مع النص الداكن هو المناطق الداكنة.
