التحقق من استخدام عنصر التقييم بما يتماشى مع نظام التصميم الموحد (كود المنصات)
عنصر التقييم يجمع رأي المستخدم في الخدمة. ويطلب المعيار العنصر المعتمد بمكوّناته دون تعديل على سلوكه، وأن يكون قابلًا للاستخدام بلوحة المفاتيح لا بالمؤشر وحده.
وهو من المعايير الأساسية في فئة العناصر من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.
وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.
النص الرسمي ونقاط التحقق
يقوم هذا المعيار على ٣ من نقاط التحقق المنشورة في كود المنصات، وهي المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتنقاط التحقق، نقطة نقطة
لكل نقطة من نقاط التحقق أدناه إجابة مستقلة: ما تشترطه، وما الذي يجتازها وما الذي يسقط فيها، وكيف تُقاس أو يُتحقق منها، وكيف تُعالَج. ولكل نقطة رابط مباشر يمكن مشاركته.
عنصر التقييم: مطابقة الشكل والحواف واللون والمسافات
مقيس آليًاDGA-032-aتشترط هذه النقطة استدعاء عنصر التقييم من مكتبة كود المنصات واستعماله بخصائصه المعتمدة دون تعديل على تصميمه الأساسي، وأخصّها هنا مقاس نجومه وتباعدها وألوان حالاتها. وتعديل أي منها يخرج العنصر عن المكتبة ولو بقي شبيهًا بها في المظهر.
تقيس الأداة هذه النقطة آليًا، وترفق القيمة المرصودة والقيمة المتوقعة معًا.
ما الذي يجتازها: عنصر تقييم مستدعى من المكتبة، نجومه عناصر تفاعلية لها تسميات مقروءة.
ما الذي يسقط فيها: نجوم مبنية بأيقونات غير تفاعلية، فلا يبلغها التنقل بلوحة المفاتيح ولا يعرفها قارئ الشاشة تقييمًا.
كيف تُقاس أو يُتحقق منها: يُرصد العنصر بأسماء أصنافه، وقد ثبت عمل هذا الكشف على المنصتين اللتين تحملان تقييمًا في عينة التحقق اليدوي. وغيابه عن غيرها يعني أنها بلا قسم تقييم أصلًا.
كيف تُعالَج: ابنوا النجوم على عناصر تفاعلية دلالية وأضيفوا لكل نجمة تسميتها، ثم استدعوا الشكل من المكتبة.
نقاط متصلة:عنصر التقييم: الحالات التفاعلية (Normal · Pressed) ·عنصر التقييم: الحالات السياقية (Selected · Half) ·عنصر التقييم في صفحة الخدمة بجميع مكوناته
عنصر التقييم: الحالات التفاعلية (Normal · Pressed)
يتحقق منه فريقكمDGA-032-bتشترط هذه النقطة أن يحمل عنصر التقييم حالاته التفاعلية المعتمدة كاملة (Normal · Pressed) بالقيم المنصوص عليها في كود المنصات. وغياب حالة واحدة منها يمنع بلوغ التطبيق الكلي في المعيار.
لا تُقاس هذه النقطة آليًا، فحكمها يقتضي تفاعلًا مع الصفحة، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات.
ما الذي يجتازها: حالة الضغط متمايزة، والتقييم يُدخَل بلوحة المفاتيح كما يُدخَل بالفأرة.
ما الذي يسقط فيها: تقييم لا يعمل إلا بالنقر، فيخرج من متناول من لا يستعمل الفأرة.
كيف تُقاس أو يُتحقق منها: حالات التمرير والضغط والتركيز والتعطيل لا تُقرأ من صفحة ساكنة، فهي تحتاج تفاعلًا مع العنصر، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات. تحققوا منها بلوحة المفاتيح وحدها: انتقلوا إلى العنصر وارصدوا مؤشر التركيز، ثم مرّوا عليه بالمؤشر وارصدوا تغيّر الحالة.
كيف تُعالَج: اجعلوا النجوم عناصر تفاعلية دلالية، فتأتي حالة الضغط والتشغيل بالمفاتيح معًا.
نقاط متصلة:عنصر التقييم: الحالات السياقية (Selected · Half) ·عنصر التقييم: مطابقة الشكل والحواف واللون والمسافات ·الزر: الحالات التفاعلية (Default · Hovered · Pressed · Selected · Focused · Disabled)
عنصر التقييم: الحالات السياقية (Selected · Half)
يتحقق منه فريقكمDGA-032-cتشترط هذه النقطة أن يعبّر عنصر التقييم عن حالته السياقية (Selected · Half) بالشكل المعتمد في كود المنصات، وأن تكون الحالة مقروءة برمجيًا لا بصريًا وحدها. وهذه الحالة تظهر عند تحميل الصفحة دون تفاعل، فهي في متناول القياس.
لا تُقاس هذه النقطة آليًا، فحكمها يقتضي تفاعلًا مع الصفحة، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات.
ما الذي يجتازها: القيمة المختارة مقروءة برمجيًا، والنصف نجمة معروض بالشكل المعتمد لا بأيقونة بديلة.
ما الذي يسقط فيها: تقريب القيمة إلى نجمة كاملة لغياب حالة النصف، فتُعرض قيمة غير القيمة الحقيقية.
كيف تُقاس أو يُتحقق منها: تُقرأ قيمة التقييم المعروضة من الصفحة عند التحميل.
كيف تُعالَج: أضيفوا حالة النصف من المكتبة، وأعلنوا القيمة الرقمية نصًا إلى جانب النجوم.
نقاط متصلة:عنصر التقييم: الحالات التفاعلية (Normal · Pressed) ·عنصر التقييم: مطابقة الشكل والحواف واللون والمسافات ·مربع الاختيار: الحالات السياقية (Checked / Unchecked / Indeterminate)
كيف تتحققون منه يدويًا
وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.
- قيّموا بلوحة المفاتيح وحدها
- تحققوا من عرض المتوسط وعدد التقييمات وتاريخ آخر تعديل
- افحصوا حالة نصف النجمة في عرض المتوسط
- تحققوا من رسالة التأكيد
أخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| يتعذّر التقييم بلوحة المفاتيح | فيخرج العنصر من متناول من لا يستعمل المؤشر. |
| يغيب متوسط التقييم وعدد المقيّمين | فلا يعلم المستخدم وزن ما يراه. |
| لا تظهر رسالة تأكيد بعد الإرسال | فيقرأ المستخدم الصمت تعذّرًا. |
| لا يُدعَم نصف النجمة في عرض المتوسط | فيُقرَّب الرقم ويفقد دقته. |
| يغيب تاريخ آخر تعديل | فلا يُعرف أحديث التقييم أم قديم. |
| عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبة | فلا تصل إليه تحديثاتها. |
| غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح | |
| مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية | |
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button |
كيف يُعالَج
- أتيحوا التقييم بالأسهم من لوحة المفاتيح.
- أظهروا المتوسط وعدد التقييمات وتاريخ آخر تعديل معًا.
- فعّلوا نصف النجمة في عرض المتوسط لا في الإدخال.
- أضيفوا تأكيدًا صريحًا بعد الإرسال.
- استدعوا العنصر من المكتبة، فهو مطلوب بنقطة تحقق مستقلة في معيار ٨.
معايير متصلة
وفي الدليل: ما القوالب الإلزامية في كود المنصات؟ · عنصر التقييم شرط في قالب صفحة الخدمة
لم تطبّقه أي من ٨ منصات حكومية مقيسة
- ١ منصة
- ١ منصة
والقياس على عيّنة من المنصات المنشورة للعموم بالمنهجية نفسها المنشورة في صفحة المنهجية.
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.