التأكد من أن عنصر العلامات يتبع النظام التصميمي الموحد (كود المنصات)
العلامات تصنّف عنصرًا أو تبيّن حالته. ويطلب المعيار الشكل المعتمد بمقاسه، وألا تُمدَّد العلامة لتملأ حاويتها، إذ يشوّه ذلك مظهرها ويُفقدها دلالتها.
وهو من المعايير الأساسية في فئة العناصر من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
المعيار في مثال واحد
العلامة، مرة بعرض محتواها ومرة ممدودة في حاويتها.
كيف تقيس الأداة هذا المعيار
يُقاس هذا المعيار من بنية الصفحة ومن قراءة لقطتها، ولذلك تكون الثقة فيه دون الثقة في القيمة المقروءة مباشرة، ويظهر ذلك في عرض النطاق.
وتشترك معايير العناصر في بنية واحدة: الالتزام بالتصميم الأساسي دون تعديل، ثم الحالات التفاعلية، ثم الحالات السياقية. ويُرصد كذلك العنصر المطابق شكلًا دون أي إشارة إلى مكتبة كود المنصات، إذ يدل ذلك على بناء يدوي منفصل عن المكتبة لا تصله تحديثاتها.
النص الرسمي ونقاط التحقق
يقوم هذا المعيار على ٢ من نقاط التحقق المنشورة في كود المنصات، وهي المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتنقاط التحقق، نقطة نقطة
لكل نقطة من نقاط التحقق أدناه إجابة مستقلة: ما تشترطه، وما الذي يجتازها وما الذي يسقط فيها، وكيف تُقاس أو يُتحقق منها، وكيف تُعالَج. ولكل نقطة رابط مباشر يمكن مشاركته.
العلامة: مطابقة الشكل والحواف واللون والمسافات
مقيس آليًاDGA-026-aتشترط هذه النقطة استدعاء العلامة من مكتبة كود المنصات واستعماله بخصائصه المعتمدة دون تعديل على تصميمه الأساسي، وأخصّها هنا ارتفاعها وحوافها وحشوها ومقاس نصها. وتعديل أي منها يخرج العنصر عن المكتبة ولو بقي شبيهًا بها في المظهر.
تقيس الأداة هذه النقطة آليًا، وترفق القيمة المرصودة والقيمة المتوقعة معًا.
ما الذي يجتازها: علامات مستدعاة من المكتبة بأنماطها المعتمدة، ونصها مقروء بتباين كافٍ على خلفيتها.
ما الذي يسقط فيها: علامة مبنية يدويًا بحواف دائرية كاملة ولون خارج اللوحة، فتُقرأ زرًا لا علامة.
كيف تُقاس أو يُتحقق منها: تُرصد العلامات بأسماء أصنافها وبنيتها، وتُقرأ خصائصها وتُقارن بالمكتبة.
كيف تُعالَج: استدعوا العلامة من المكتبة، ولا تجعلوا حوافها كحواف الأزرار فيلتبس الاثنان.
نقاط متصلة:ألوان العلامات: التنبيهية للتنبيه وحده ·التباين على الخلفيات الملونة وخاصية On Color ·الزر: مطابقة الشكل والحواف واللون والمسافات
ألوان العلامات: التنبيهية للتنبيه وحده
يتحقق منه فريقكمDGA-026-bتفرّق هذه النقطة بين استعمالين للعلامة: استعمال تنبيهي يأخذ ألوان النجاح والخطأ والتحذير والمعلومة حصرًا، واستعمال عام لتصنيف المحتوى يأخذ ألوانًا محايدة أو أساسية. وهي النقطة نفسها التي يحكمها معيار الأيقونات، مطبَّقة على العلامة.
لا تُقاس هذه النقطة آليًا، فحكمها يقتضي تفاعلًا مع الصفحة، وأخلاقيات الزحف تمنع التفاعل مع منصات الجهات.
ما الذي يجتازها: علامة «منجزة» بلون النجاح في سياق حالة، وعلامات التصنيف رمادية أو خضراء.
ما الذي يسقط فيها: علامات تصنيف موزعة على ألوان التنبيه الأربعة لأنها «تفرّق بين الأقسام بصريًا»، فيفقد اللون التنبيهي معناه في المنصة كلها.
كيف تُقاس أو يُتحقق منها: يُقرأ لون العلامة وسياق العنصر الذي تسكنه، فيُفصل السياق التنبيهي عن التصنيفي.
كيف تُعالَج: انقلوا علامات التصنيف إلى الألوان المحايدة أو الأساسية، واحصروا ألوان التنبيه في حالات فعلية.
نقاط متصلة:العلامة: مطابقة الشكل والحواف واللون والمسافات ·ألوان الأيقونات: التنبيهية للتنبيه وحده ·استعمال الإشعار في سياقه المحدد
كيف تتحققون منه يدويًا
وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.
- افحصوا عرض العلامة: تلتصق بنصها ولا تمتد لتملأ الحاوية
- طابقوا لون كل علامة مع غرضها، فالتنبيهي للتنبيه وحده
- اقرأوا نصوص العلامات، والطويل منها ليس علامة
- افحصوها على الجوال
أخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| تُمدَّد العلامة لتملأ حاويتها | فيتشوّه مظهرها وتفقد شكلها المعتمد. |
| تُستعمل الألوان التنبيهية لتصنيف المحتوى | فيفقد اللون دلالته حين يلزم التنبيه. |
| يطول نص العلامة حتى ينكسر داخلها، وما طال نصه ليس علامة أصلًا | |
| تتجاور علامات كثيرة دون تجميع | فتزدحم ويتعذّر تمييز أيّها يخص أيّ عنصر. |
| تختلف مقاسات العلامات في القائمة الواحدة | فتبدو غير مرتبة. |
| عنصر يطابق الشكل بصريًا دون أي من إشارات مكتبة كود المنصات، وهو مؤشر على بناء يدوي منفصل عن المكتبة | فلا تصل إليه تحديثاتها. |
| غياب مؤشر تركيز مرئي واضح عند التنقل بلوحة المفاتيح | |
| مساحة لمس دون ٤٤ بكسل في العناصر التفاعلية | |
استخدام عنصر غير دلالي مكان العنصر الصحيح، مثل div بدل button |
كيف يُعالَج
- أعيدوا العلامة إلى عرض محتواها، وأزيلوا أي عرض ممتد أو مضبوط يدويًا.
- انقلوا التصنيف إلى الألوان المحايدة أو الأساسية، واقصروا التنبيهية على التنبيه.
- اختصروا النصوص إلى كلمة أو كلمتين.
- جمّعوا العلامات المتجاورة وحدّدوا لها ترتيبًا ثابتًا.
- استدعوا العنصر من المكتبة بمقاسه المعتمد.
معايير متصلة
وفي الدليل: ألوان كود المنصات: اللوحة المعتمدة وأكثر المخالفات تكرارًا · قاعدة الألوان التنبيهية تسري على العلامات كما على غيرها
لم تطبّقه أي من ٢٤ منصة حكومية مقيسة
- ٣ منصات
- ٣ منصات
- ٢ منصتان
- ٢ منصتان
- ٢ منصتان
والقياس على عيّنة من المنصات المنشورة للعموم بالمنهجية نفسها المنشورة في صفحة المنهجية.
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.