في هذا المقال
لفحص تباين النص فوق الصور المولّدة بالذكاء الاصطناعي، قِس التباين مع الجزء الواقع تحت الحروف مباشرة في كل تخطيط. ابدأ بأضيق قصّ، حيث قد يلتفّ العنوان أو يقع فوق بقعة ضوء. أبقِ الكلمات قابلة للتحرير، ثم انقلها أو أغمق الصورة موضعيًا أو ضع خلفها لونًا مصمتًا. أعد الفحص بالنص والخط الفعليين.
حدّد نسبة التباين المطلوبة
في محتوى الويب، يوضح W3C أن المستوى AA من WCAG 2.2 يتطلب تباينًا لا يقل عن 4.5:1 للنص العادي و3:1 للنص الذي يستوفي تعريف النص الكبير. تسمية العنصر عنوانًا لا تكفي؛ افحص حجمه ووزنه كما يظهران على الشاشة. قد تظل العبارة الصغيرة أسفله بحاجة إلى 4.5:1. هذه النسب حدود دنيا، وقد تجعل زيادة التباين النص أسهل قراءة من النظرة الأولى.
قِس الخلفية التي تغطيها الحروف
تخيّل لافتة لورشة خزف فيها مزهرية فاتحة على اليمين وجدار أزرق داكن على اليسار. على سطح المكتب يظهر العنوان الأبيض كله فوق الأزرق. في قصّ الهاتف الأقصر تتحرك الصورة ويمرّ آخر سطر فوق بقعة ضوء بلون رملي. متوسط الصورة لا يكشف هذه البقعة. في معاينة بالحجم المقصود، أخفِ النص مؤقتًا واترك الصورة وأي طبقة تظليل في موضعها. خذ عينات تحت الكلمات، خاصة أشد المواضع سطوعًا خلف الحروف البيضاء. استخدم لون النص المقصود في الحساب بدلًا من بكسل عند حافة الحرف اختلط بالخلفية.
قارن أفضل المواضع بأضعفها
تعطي أمثلة الألوان الفرق بوضوح: الأبيض المصمت فوق الأزرق الداكن #253343 يعطي نحو 12.86:1، والأبيض فوق الرملي #B9A78E نحو 2.34:1. هذه ألوان افتراضية وليست عينات من الغلاف. يتجاوز الموضع الداكن حد النص العادي، بينما تقع البقعة الرملية دون الحدين. اقرأ السطر كله بحجم عرضه النهائي وافحص أقل نسبة تحت الحروف. خذ أكثر من عينة في المواضع كثيرة الحواف أو التفاصيل.
اختر تعديلًا ينجح مع كل قصّ
جرّب أولًا نقل العنوان إلى موضع ثابت في الصورة مع ترك حيز لترجمة أطول. إذا وجب أن تملأ الصورة التخطيط، يمكن لتدرّج موضعي أن يغمق المنطقة خلف الكلمات مع إبقاء المزهرية مضاءة. قِس أضعف نقطة بعد تطبيقه. إذا تحرك النص بين القصّات أو تبدّلت الصورة كثيرًا، استخدم خلفية مصمتة أو ضع النص خارج الصورة. يعطي الأبيض فوق خلفية #222222 نحو 15.91:1. ستحجب الخلفية جزءًا من الصورة، فاحجز لها مساحة في التكوين.
أعد الفحص في التخطيط النهائي
عاين العرضين الأوسع والأضيق، وترجمة أطول، وأي نص مساعد يلتف أسفل العنوان. اترك العنوان نصًا قابلًا للتحرير، واحفظ إعدادات القصّ والتظليل مع التصميم المعتمد. راجع شرح W3C والتقنية G18 لطريقة القياس، ودليل Tong لقصّ صور الحملات لتخطيط القصّ، وأكاديمية Tong لمزيد من أساليب العمل.