انتقل إلى المحتوى
Mera News

دليل الناشر، الفصل 3

النوافذ المنبثقة والموافقة

آخر مراجعة نوفمبر 2026

كل مربع يظهر فوق مقال يقف بين القارئ والسبب الذي جاء من أجله. بعضها يفرضه القانون، وكثير منها لا يفرضه. يتناول هذا الفصل ما تطلبه Google، وما قالته الجهات التنظيمية الأوروبية عن الموافقة، وكيف تبني نافذة تعمل بلوحة المفاتيح وقارئ الشاشة. وهو ليس استشارة قانونية، فراجع لافتتك مع مستشارك القانوني.

ما تطلبه Google

تصف Google الإعلانات البينية المزعجة (intrusive interstitials) بأنها عناصر في الصفحة تحجب رؤية القارئ للمحتوى، وتحذّر من أنها قد تؤدي إلى أداء ضعيف في البحث. وإرشاداتها محددة:

  • لا تغطِّ الصفحة كلها.
  • لا تُحِل القارئ إلى صفحة منفصلة للموافقة أو الإدخال. فإذا أعاد كل عنوان URL توجيهه إلى صفحة موافقة واحدة، فقد تسقط كل الصفحات عدا تلك الصفحة من نتائج البحث.
  • استخدم لافتات تشغل جزءًا صغيرًا من الشاشة بدل الإعلانات البينية بملء الصفحة.
  • طبّق العناية نفسها على كل أنواع النوافذ الترويجية، بما فيها نوافذ النشرة البريدية ونوافذ تثبيت التطبيق.

وبالنسبة إلى تثبيت التطبيقات، تشير Google إلى خيارات يدعمها المتصفح، مثل Smart App Banners في Safari، أو لافتة HTML بسيطة تربط بالمتجر المناسب.

الإعلانات البينية المطلوبة قانونًا مستثناة من هذا الإرشاد. ومثال Google على ذلك بوابات العمر. وإن احتجت إلى واحدة، فأبقِ المحتوى في الصفحة تحت الطبقة العلوية كي يظل قابلًا للفهرسة.

تغطي معايير Better Ads الإعلانات. وتُدرج الإعلانات المنبثقة على سطح المكتب والهاتف معًا. وعلى الهاتف، تُدرج الإعلانات التمهيدية (prestitial) بعدّاد تنازلي أو بدونه. وعلى سطح المكتب، الصيغة المدرجة هي الإعلان التمهيدي بعدّاد تنازلي، وما يمكن إغلاقه فورًا لا يقع دون المعيار.

ما قالته الجهات التنظيمية الأوروبية عن الموافقة

نشر المجلس الأوروبي لحماية البيانات (EDPB) إرشادات عن الموافقة وتقريرًا من فريق العمل المعني بلافتات ملفات تعريف الارتباط. يسجّل تقرير فريق العمل حدًّا أدنى متفقًا عليه للتعامل مع الشكاوى، وتظل القواعد الوطنية سارية، لذا تعامل مع هذه النقاط بوصفها خط أساس.

  • لا يعمل شيء يحتاج إلى موافقة أولًا. لا يجوز تعيين ملفات تعريف الارتباط التي تتطلب موافقة قبل أن يوافق القارئ بإجراء إيجابي.
  • التمرير ليس موافقة. تقول الإرشادات إن التمرير أو السحب لا يُعد بأي حال إجراءً واضحًا وإيجابيًا.
  • المربعات المحددة مسبقًا ليست موافقة. وكذلك الصمت، أو مجرد مواصلة استخدام الخدمة.
  • وفّر طريقة للرفض. رأت أغلبية كبيرة من الجهات في فريق العمل أن اللافتة التي لا تتيح خيار الرفض في أي طبقة فيها زر موافقة هي مخالفة.
  • لا تُخفِ الرفض. رابط الرفض المدفون في فقرة دون أي شيء يلفت الانتباه إليه لا ينتج موافقة صحيحة. وتُقيَّم ألوان الأزرار والتباين حالةً بحالة.
  • لا يجوز ربط الوصول بالقبول. تعطي الإرشادات مثالًا على موافقة غير حرة: صفحة تحجب كل المحتوى إلى أن ينقر القارئ على «قبول ملفات تعريف الارتباط».
  • يجب أن يكون السحب بسهولة الموافقة. إذا تمت الموافقة بنقرة واحدة، فيجب أن يتم سحبها بنقرة واحدة أيضًا. ومن الخيارات رابط دائم في مكان ظاهر ومعتاد، ويذكر فريق العمل أيضًا أيقونة صغيرة.

ابنِ نافذة يستطيع الجميع استخدامها

لافتة لا تحجب الصفحة

اللافتة الصغيرة تتيح للقارئ المتابعة، وهذا ما تفضّله Google. ومع ذلك يجب أن تستوفي WCAG 2.2. يفشل معيار النجاح 2.4.11، أي Focus Not Obscured (Minimum)، إذا أخفت لافتة ثابتة بالكامل العنصر الذي عليه تركيز لوحة المفاتيح. أضف حشوة تمرير تساوي ارتفاع اللافتة:

html {
  scroll-padding-bottom: 96px; /* the banner's height */
}

اجعل اللافتة تطفو فوق المحتوى، أو احجز مساحتها، كي لا تدفع المقال إلى الأسفل وتضيف تغيّرًا في التخطيط.

نافذة حوار مشروطة

إذا كان لا بد أن توقف النافذة القارئ، فابنها بوصفها نافذة حوار مشروطة حقيقية وفق نمط W3C.

<div role="dialog" aria-modal="true"
     aria-labelledby="consent-title" aria-describedby="consent-text">
  <h2 id="consent-title">Your privacy choices</h2>
  <p id="consent-text">Choose whether this site may use cookies for advertising.</p>
  <button type="button">Reject all</button>
  <button type="button">Accept all</button>
  <button type="button">Choose settings</button>
</div>
  • انقل التركيز إلى داخل النافذة عند فتحها.
  • يتنقل Tab وShift + Tab بين عناصر التحكم داخل النافذة ويلتفان عند كل طرف.
  • يغلق Escape النافذة. اعتبر ذلك عدم اختيار، لا قبولًا أبدًا.
  • عند الإغلاق، أعد التركيز إلى العنصر الذي فتحها. وإذا فُتحت النافذة عند تحميل الصفحة، فانقل التركيز إلى بداية المحتوى.

على الهاتف

  • ثبّت اللافتة في أسفل الشاشة، وأبقِ العنوان ظاهرًا فوقها.
  • رتّب الأزرار فوق بعضها بعرض كامل ليسهل لمس كل منها، مع حجم واحد لزري القبول والرفض.
  • أبقِ النص قصيرًا وانقل التفاصيل إلى طبقة ثانية.
  • افحص التخطيط عند عرض 320 بكسل CSS ومع تكبير النص إلى 200%. ويجب أن تبقى الأزرار في المتناول دون تمرير جانبي.

على سطح المكتب

  • استخدم شريطًا سفليًا أو لوحة في الزاوية، واترك المقال خاليًا.
  • اجعل كل عنصر تحكم يعمل بلوحة المفاتيح، مع مؤشر تركيز ظاهر.
  • أبقِ نسبة التباين للنص 4.5:1 على الأقل، أو 3:1 للنص الكبير.

قائمة التحقق

  • حمّل صفحتك الرئيسية ومقالًا بملف تعريف متصفح جديد، على هاتف وعلى سطح المكتب. وعُدّ ما يظهر فوق المحتوى.
  • أزل كل طبقة بملء الصفحة لا يفرضها القانون.
  • أزل أي إعادة توجيه إلى صفحة موافقة منفصلة.
  • تأكد أنه لا تُطلق أي علامة تحتاج إلى موافقة قبل أن يوافق القارئ.
  • ضع خيار رفض حيثما يوجد خيار قبول، بزر متساوي الوزن.
  • أزل المربعات المحددة مسبقًا وأي منطق يحتسب التمرير موافقة.
  • أضف رابطًا دائمًا أو أيقونة لتغيير خيارات الخصوصية، في كل صفحة.
  • تنقّل عبر اللافتة بمفتاح Tab دون فأرة، وتأكد أن التركيز يبقى ظاهرًا ولا يختفي خلفها.
  • اختبر النافذة المشروطة مع قارئ شاشة، بما في ذلك Escape وإعادة التركيز.
  • استبدل نوافذ تثبيت التطبيق المخصصة بلافتة صغيرة.

المصادر