ضمان استخدام عنصر التحميل وفق نظام التصميم الموحد (كود المنصات)
عنصر التحميل يبيّن أن العملية تجري. ويطلب المعيار الشكل المعتمد، وأن يظهر حين يطول الانتظار فعلًا، وأن يُعلَن برمجيًا لمن لا يرى الحركة.
وهو من المعايير الثانوية في فئة العناصر الثانوية من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.
وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.
النص الرسمي ونقاط التحقق
لم تنشر هيئة الحكومة الرقمية نقاط تحقق تفصيلية لهذا المعيار. وتقيس الأداة العنصر على القيم المعتمدة للخلفية والحد والمسافات، وهو ما ينطبق على كل عناصر النظام، ويبقى نص المعيار نفسه هو المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتأخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| يظهر مؤشر التحميل لعمليات فورية | فيوحي ببطء لا وجود له. |
| يغيب الإعلان البرمجي عن حالة التحميل | فلا يعلم قارئ الشاشة أن شيئًا يجري. |
| لا يُبيَّن ما يجري تحميله | فينتظر المستخدم دون أن يعرف ماذا. |
| يبقى المؤشر بعد اكتمال العملية | |
| تُستعمل أشكال مؤشرات مختلفة في المنصة الواحدة | |
| عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبة | فلا تصل إليه تحديثاتها. |
| غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح | |
| مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية | |
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button |
كيف يُعالَج
- أظهروا المؤشر لما يتجاوز ثانية فحسب.
- أضيفوا
aria-busyأوrole="status"ليصل الإعلان إلى قارئ الشاشة. - اذكروا ما يجري تحميله نصًا قصيرًا.
- أخفوا المؤشر فور اكتمال العملية.
- وحّدوا شكل المؤشر عبر المنصة باستدعائه من المكتبة.
معايير متصلة
وفي الدليل: هل يشمل كود المنصات تطبيقات الجوال؟ · مؤشر التحميل من أكثر ما يظهر على الشبكات البطيئة
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.