التحقق من استخدام عنصر محدد التاريخ بما يتماشى مع نظام التصميم الموحد (كود المنصات)
محدّد التاريخ يدخل تاريخًا دون كتابته يدويًا. ويطلب المعيار الشكل المعتمد وحالاته، وإتاحة الإدخال بلوحة المفاتيح، ووضوح التقويم المستخدم في العرض.
وهو من المعايير الأساسية في فئة العناصر من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.
وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.
النص الرسمي ونقاط التحقق
يقوم هذا المعيار على ٣ من نقاط التحقق المنشورة في كود المنصات، وهي المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتنقاط التحقق، نقطة نقطة
لكل نقطة من نقاط التحقق أدناه إجابة مستقلة: ما تشترطه، وما الذي يجتازها وما الذي يسقط فيها، وكيف تُقاس أو يُتحقق منها، وكيف تُعالَج. ولكل نقطة رابط مباشر يمكن مشاركته.
محدد التاريخ: مطابقة الشكل والحواف واللون والمسافات
مقيس آليًاDGA-036-aتشترط هذه النقطة استدعاء محدد التاريخ من مكتبة كود المنصات واستعماله بخصائصه المعتمدة دون تعديل على تصميمه الأساسي، وأخصّها هنا شبكة أيامه ومقاساتها وألوان حالاتها وحواف نافذته. وتعديل أي منها يخرج العنصر عن المكتبة ولو بقي شبيهًا بها في المظهر.
تقيس الأداة هذه النقطة آليًا، وترفق القيمة المرصودة والقيمة المتوقعة معًا.
ما الذي يجتازها: محدد مستدعى من المكتبة، حقله مرتبط بتسمية، وتقويمه يبلغه التنقل بلوحة المفاتيح.
ما الذي يسقط فيها: تقويم عرض للأحداث معروض مكان محدد التاريخ، وهو عنصر آخر لا يُدخل به المستخدم تاريخًا.
كيف تُقاس أو يُتحقق منها: يُرصد المحدد بحقول التاريخ الأصلية وبأسماء الأصناف. ولم يُرصد محدد تاريخ واحد في عينة التحقق اليدوي، فارتفاع «لا ينطبق» فيه يشبه أن يكون حقيقة لا نقص كشف.
كيف تُعالَج: استعملوا حقل تاريخ دلاليًا أساسًا للمحدد، ثم استدعوا شكل التقويم من المكتبة.
نقاط متصلة:محدد التاريخ: الحالات التفاعلية (Default · Hovered · Pressed · Focused · Disabled) ·محدد التاريخ: الحالات السياقية (Selected · Today · Next / Prev) ·حقل المدخلات: مطابقة الشكل والحواف واللون والمسافات
محدد التاريخ: الحالات التفاعلية (Default · Hovered · Pressed · Focused · Disabled)
يتحقق منه فريقكمDGA-036-bتشترط هذه النقطة أن يحمل محدد التاريخ حالاته التفاعلية المعتمدة كاملة (Default · Hovered · Pressed · Focused · Disabled) بالقيم المنصوص عليها في كود المنصات. وغياب حالة واحدة منها يمنع بلوغ التطبيق الكلي في المعيار.
لا تُقاس هذه النقطة آليًا، فحكمها يقتضي تفاعلًا مع الصفحة، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات.
ما الذي يجتازها: أيام التقويم تبلغها الأسهم، ومؤشر التركيز ظاهر على اليوم الجاري، والأيام المعطّلة متمايزة.
ما الذي يسقط فيها: تقويم يُتنقل فيه بالفأرة وحدها، فيتعذّر إدخال تاريخ بلوحة المفاتيح.
كيف تُقاس أو يُتحقق منها: حالات التمرير والضغط والتركيز والتعطيل لا تُقرأ من صفحة ساكنة، فهي تحتاج تفاعلًا مع العنصر، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات. تحققوا منها بلوحة المفاتيح وحدها: انتقلوا إلى العنصر وارصدوا مؤشر التركيز، ثم مرّوا عليه بالمؤشر وارصدوا تغيّر الحالة.
كيف تُعالَج: أضيفوا التنقل بالأسهم بين الأيام، وأبقوا حقل التاريخ الدلالي بديلًا يعمل في كل الأحوال.
نقاط متصلة:محدد التاريخ: الحالات السياقية (Selected · Today · Next / Prev) ·محدد التاريخ: مطابقة الشكل والحواف واللون والمسافات ·حقل المدخلات: الحالات التفاعلية (Default · Hovered · Pressed · Focused · Read-only · Disabled)
محدد التاريخ: الحالات السياقية (Selected · Today · Next / Prev)
يتحقق منه فريقكمDGA-036-cتشترط هذه النقطة أن يعبّر محدد التاريخ عن حالته السياقية (Selected · Today · Next / Prev) بالشكل المعتمد في كود المنصات، وأن تكون الحالة مقروءة برمجيًا لا بصريًا وحدها. وهذه الحالة تظهر عند تحميل الصفحة دون تفاعل، فهي في متناول القياس.
لا تُقاس هذه النقطة آليًا، فحكمها يقتضي تفاعلًا مع الصفحة، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات.
ما الذي يجتازها: اليوم المختار واليوم الحالي متمايزان بشكل لا باللون وحده، وأزرار الشهر السابق والتالي لها تسميات مقروءة.
ما الذي يسقط فيها: تمييز اليوم الحالي بلون خفيف وحده، فلا يميّزه من لا يميّز الألوان ولا يعلنه قارئ الشاشة.
كيف تُقاس أو يُتحقق منها: تُقرأ الحالات السياقية من التقويم حين يكون معروضًا عند التحميل.
كيف تُعالَج: ميّزوا اليوم الحالي بحدّ إلى جانب اللون، وأعلنوا حالة الاختيار برمجيًا.
نقاط متصلة:محدد التاريخ: الحالات التفاعلية (Default · Hovered · Pressed · Focused · Disabled) ·محدد التاريخ: مطابقة الشكل والحواف واللون والمسافات ·التباين على الخلفيات الملونة وخاصية On Color
كيف تتحققون منه يدويًا
وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.
- جرّبوا كتابة التاريخ بدل اختياره
- افحصوا بيان التقويم المستخدم
- تنقّلوا في التقويم بالأسهم
- افحصوا وجود صيغة التاريخ قرب الحقل
أخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| يتعذّر إدخال التاريخ كتابةً | فيضطر المستخدم إلى التنقل في التقويم شهرًا شهرًا. |
| لا يُبيَّن التقويم المستخدم هجريًا أو ميلاديًا | فيقع اللبس في التاريخ نفسه. |
| يتعذّر التنقل في التقويم بلوحة المفاتيح | |
| لا تظهر صيغة التاريخ المتوقعة قبل الإدخال | |
| تُتاح تواريخ خارج المدى المقبول | فيُرفض الاختيار بعد وقوعه. |
| عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبة | فلا تصل إليه تحديثاتها. |
| غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح | |
| مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية | |
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button |
كيف يُعالَج
- أتيحوا الإدخال كتابةً إلى جانب الاختيار من التقويم.
- بيّنوا التقويم المستخدم صراحةً قرب الحقل.
- فعّلوا التنقل بالأسهم داخل التقويم.
- أضيفوا صيغة التاريخ نصًا مساعدًا.
- قيّدوا المدى المتاح في التقويم نفسه بدل رفض الاختيار بعده.
معايير متصلة
وفي الدليل: هل يشمل كود المنصات تطبيقات الجوال؟ · محدّد التاريخ من أكثر ما ينكسر على الجوال
لم تطبّقه أي من ٨ منصات حكومية مقيسة
والقياس على عيّنة من المنصات المنشورة للعموم بالمنهجية نفسها المنشورة في صفحة المنهجية.
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.