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