تقتصر الأداة على قراءة الصفحات المنشورة للعموم، ولا تطلب صلاحيات، ولا تحتفظ ببيانات الجهة. والاتصال مشفّر عبر HTTPS.
معيار ٤٦ · العناصر الثانويةقياس آلي إرشادي

ضمان استخدام عنصر التحميل وفق نظام التصميم الموحد (كود المنصات)

عنصر التحميل يبيّن أن العملية تجري. ويطلب المعيار الشكل المعتمد، وأن يظهر حين يطول الانتظار فعلًا، وأن يُعلَن برمجيًا لمن لا يرى الحركة.

وهو من المعايير الثانوية في فئة العناصر الثانوية من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.

كيف تقيس الأداة هذا المعيار

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

وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.

النص الرسمي ونقاط التحقق

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

صفحة هذا المعيار في الموقع الرسمي لكود المنصات

أخطاء شائعة في هذا المعيار

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

كيف يُعالَج

  1. أظهروا المؤشر لما يتجاوز ثانية فحسب.
  2. أضيفوا aria-busy أو role="status" ليصل الإعلان إلى قارئ الشاشة.
  3. اذكروا ما يجري تحميله نصًا قصيرًا.
  4. أخفوا المؤشر فور اكتمال العملية.
  5. وحّدوا شكل المؤشر عبر المنصة باستدعائه من المكتبة.

معايير متصلة

وفي الدليل: هل يشمل كود المنصات تطبيقات الجوال؟ · مؤشر التحميل من أكثر ما يظهر على الشبكات البطيئة

معيار ٣٨تصميم التفاعلمؤشر التقدّم جزء من استجابة التفاعلمعيار ١٨الإشعاراتكلاهما يعلن حالة برمجيًامعيار ٥٣قابلية التنبؤبقاء المؤشر بعد الاكتمال يكسر التوقع

أين تقف منصتكم من هذا المعيار؟

يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.

افحصوا منصتكم
معيار 46 · التحميل · كود المنصات ونظام التصميم الموحد | XFix