الحدود والظلال

ليست الحدود والظلال مجرّد تفصيل زخرفي ثانوي: فهي تُنظّم إدراك العمق على الشاشة، وتفصل المناطق القابلة للنقر عن مناطق المعلومات الجامدة، وتمنح الهوية للمكوّنات داخل نظام التصميم design system. عندما ينتقل border-radius من 12px إلى 0 على جميع البطاقات في موقع كامل، تنقلب الهوية البصرية بأكملها من فضاء «حديث ودافئ» إلى عرض «جامد وصارم» دون أن يُشير أيّ اختبار وظيفي إلى أيّ شيء. على الواجهات المهنية مثل لوحات معلومات بنكية ولوحات إدارة ERP وشاشات مراقبة العمليات، يُصبح زرّ إجراء رئيسي أُزيل ظلّه مسطّحاً بصرياً وأقلّ بروزاً، ممّا يُترجم مباشرةً إلى أخطاء استخدام وقرارات خاطئة. تنشأ انحدارات هذه الفئة في الغالب من إعادة تعيين CSS أُدخلت لحلّ حالة معزولة، أو تنظيف لورقة أنماط يُزيل box-shadow اعتُبر غير ضروري، أو تغيير في ترتيب التحميل بين بيئة الاختبار والإنتاج يُعدّل ترتيب التتالي، أو حدود مُضافة دون ضبط خاصية border-collapse على جدول، ممّا يُنشئ حدوداً مزدوجة غير منتظمة. كذلك تتأثّر outline وفواصل الوصول بإعادة التصميم الشامل، مع نتائج مباشرة على وضوح التركيز focus visible وعلى توافق WCAG ومستوى الوصول للجميع. يُعالج Delta-QA هذه الفئة عبر مقارنة لقطات الشاشة المرجعية بكلّ نسخة جديدة من الكود: يكتشف التحليل بدقّة البكسل تغييرات نصف القطر، ظهور أو اختفاء الظلال، اختلاف سماكة الخطّ، وتعديلات لون الحدود مهما كانت طفيفة. يُحدّد diff البصري كلّ بطاقة وكلّ زرّ وكلّ فاصل تغيّر مظهره بين النسختين، ممّا يُتيح التحقّق من إعادة تصميم رموز الارتفاع أو نصف القطر دون مقارنة المكوّنات يدوياً واحداً تلو الآخر. هذا التحقّق الآلي عبر لقطة مرجعية snapshot ومقارنة الصفحات يُكرّس قيمة الاختبار البصري في كشف الانحدار البصري داخل تدفّقات التطوير الحديثة والنشر المستمرّ.