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