الرؤية والشفافية

يعيد مطوّر تصميم الرأس ويضيف overflow: hidden على الحاوية الأم. شريط العرض «-20% بالرمز SUMMER» لا يزال في الكود، لكنه بصريًا مقطوع — غير مرئي على الشاشة. زوّارك لا يرون العرض، تخسر مبيعات لأيام. الفريق وثق بخط أنابيب الاختبارات — الشريط موجود في DOM، الاختبارات خضراء. Delta-QA يقارن لقطات الشاشة ويكتشف اختفاء الشريط — المساحة الفارغة أعلى الصفحة تظهر فورًا في diff.

يضيف مطوّر أداة دردشة بقيمة z-index: 9999. على الهاتف، تتموضع الأداة بالضبط فوق زر «اشترِ» العائم أسفل الشاشة. الزر لا يزال في الكود لكنه مخفي بصريًا خلف الدردشة — العملاء لا يستطيعون الشراء. المختبر تحقّق على سطح المكتب، لكن ليس على الهاتف حيث تتداخل العناصر. Delta-QA يقارن لقطات شاشة الهاتف ويكتشف أن زر «اشترِ» مغطّى بالأداة — المنطقة المخفية تظهر في diff.

يقلّل مطوّر شفافية التراكب الداكن على صورة hero لـ«إظهار المزيد من الصورة». النص الأبيض يصبح على خلفية فاتحة جدًا — شبه غير مقروء. الزوّار لا يستطيعون قراءة الرسالة الرئيسية للصفحة. التغيير بدا تجميليًا، المطوّر دمجه ظانًّا أنه أجمل. Delta-QA يقارن لقطات الشاشة ويبرز النص الذي أصبح غير مقروء — فقدان التباين بين النص والخلفية واضح عند التراكب.