تأكد من الالتزام باستخدام الخطوط المعتمدة، وأوزان الخطوط للعناوين، وإجراءات الخطوط سريعة الاستجابة
يطلب اعتماد خط IBM Plex Sans Arabic دون سواه، والالتزام بأوزانه ومقاساته كما حُدّدت في قيم الطباعة، مع فصل متغيّرات العرض عن متغيّرات النصوص. وارتفاع السطر جزء من المعيار لا تفصيل جمالي، إذ يقرر قابلية القراءة في النص العربي.
وهو من المعايير الأساسية في فئة الأساسات من دليل كود المنصات، نظام التصميم الموحد للمملكة، الصادر عن هيئة الحكومة الرقمية.
كيف تقيس الأداة هذا المعيار
تُقرأ القيمة المطبَّقة من الصفحة وتُقارن بالقيمة المعتمدة في كود المنصات، فيصدر الحكم عن قياس لا عن تقدير، وتُرفق القيمة المرصودة والقيمة المتوقعة معًا.
النص الرسمي ونقاط التحقق
يقوم هذا المعيار على ٢ من نقاط التحقق المنشورة في كود المنصات، وهي المرجع عند الحكم عليه.
صفحة هذا المعيار في الموقع الرسمي لكود المنصاتنقاط التحقق، نقطة نقطة
لكل نقطة من نقاط التحقق أدناه إجابة مستقلة: ما تشترطه، وما الذي يجتازها وما الذي يسقط فيها، وكيف تُقاس أو يُتحقق منها، وكيف تُعالَج. ولكل نقطة رابط مباشر يمكن مشاركته.
الخط المعتمد IBM Plex Sans Arabic
مقيس آليًاDGA-003-aتشترط هذه النقطة استعمال الخط المعتمد IBM Plex Sans Arabic كما نص عليه كود المنصات، محمّلًا فعلًا لا مذكورًا في التنسيق وحده. والعبرة بما يُرسم على الشاشة، لا بما تصرّح به قائمة الخطوط.
تقيس الأداة هذه النقطة آليًا، وترفق القيمة المرصودة والقيمة المتوقعة معًا.
ما الذي يجتازها: أول خط في سلسلة الخطوط هو IBM Plex Sans Arabic، وملفه محمّل ويستجيب له الرسم فعلًا على الصفحة.
ما الذي يسقط فيها: خط مخصص يتصدّر السلسلة والخط المعتمد بعده احتياطًا، فيُرسم النص بالخط المخصص ويظل التصريح صحيحًا في ظاهره.
كيف تُقاس أو يُتحقق منها: تقرأ الأداة سلسلة الخطوط المطبَّقة وتتحقق من تحميل الملف فعلًا، فتفرّق بين خط معلن في التنسيق وخط يرسم النص. وتُطبَّع أسماء العائلات، فالخطوط المستضافة ذاتيًا تسمّي كل وزن عائلة مستقلة.
كيف تُعالَج: قدّموا الخط المعتمد إلى رأس السلسلة، واستضيفوه ذاتيًا بصيغة woff2 لكل وزن مستعمل، فالاعتماد على خط النظام يفتح باب اختلاف الرسم بين الأجهزة.
نقاط متصلة:متغيرات الخط: العرض (Display) والنصوص (Text) ·الالتزام بألوان كود المنصات دون تعديل ·العربية لغة أساسية في جميع الصفحات والمكونات
متغيرات الخط: العرض (Display) والنصوص (Text)
مقيس آليًاDGA-003-bتشترط هذه النقطة تطبيق متغيرات الخط الصحيحة من كود المنصات، وهي مجموعتان متمايزتان: متغيرات العرض (Display) للعناوين الكبيرة، ومتغيرات النصوص (Text) لنص المحتوى. والخلط بينهما يكسر التسلسل البصري ولو صحّ الخط نفسه.
تقيس الأداة هذه النقطة آليًا، وترفق القيمة المرصودة والقيمة المتوقعة معًا.
ما الذي يجتازها: كل حجم ووزن وارتفاع سطر على الصفحة يعود إلى متغير معلن في المجموعتين، فالعناوين تأخذ من Display والنص من Text.
ما الذي يسقط فيها: عنوان رئيسي بحجم من مجموعة النصوص، أو نص محتوى بوزن عرض ثقيل، فيتساوى العنوان والنص بصريًا ويضيع الترتيب.
كيف تُقاس أو يُتحقق منها: تُقرأ الأحجام والأوزان وارتفاعات الأسطر المطبَّقة وتُقارن بالمجموعتين. وقاعدة الخطوط في الأداة تحكم العائلة وحدها اليوم، فهذه النقطة يتحقق منها فريقكم.
كيف تُعالَج: اربطوا كل مستوى عنوان بمتغير عرض واحد ونص المحتوى بمتغير نص واحد، ثم احذفوا الأحجام المكتوبة يدويًا من ملف التنسيق.
نقاط متصلة:الخط المعتمد IBM Plex Sans Arabic ·الالتزام بألوان كود المنصات دون تعديل ·متغيرات المسافات العامة دون مسافات مخصصة للعناصر
كيف تتحققون منه يدويًا
وهذه خطوات المراجعة الكاملة للمعيار، وبعضها أوسع مما تغطيه القاعدة الآلية اليوم.
- افحصوا القيمة المحسوبة لخاصية
font-family، ويجب أن يكون IBM Plex Sans Arabic أول عائلة فعّالة فيها لا مجرد واردة في السلسلة - تحققوا من تحميل الخط فعليًا عبر
document.fonts.check، إذ يرد الخط في ملف الأنماط ولا يُحمَّل، فتعود الواجهة إلى خط النظام دون أن يظهر ذلك في الشيفرة - افحصوا الخلط بين السلسلتين: عنصر عنوان من h1 إلى h6 بقيم من سلسلة النصوص مخالفة، والعكس كذلك
- تحققوا من الأوزان المستعملة، والمسموح منها أربعة فقط: 400 و500 و600 و700
- قيسوا ارتفاع السطر مع مقاس الخط معًا لا منفصلين، إذ يقرر ارتفاع السطر قابلية القراءة في النص العربي أكثر مما يقررها في اللاتيني
أخطاء شائعة في هذا المعيار
| الخطأ | لماذا يضر |
|---|---|
| خط مخصص أو عام بدل المعتمد | |
| ارتفاع سطر صغير جدًا (المثال الرسمي: 16 خطأ مقابل 28 صحيح) | |
| أوزان خارج الأربعة | |
| ورود الخط في ملف الأنماط دون تحميله فعليًا | فتظهر الواجهة بخط النظام |
| خلط سلسلتي العرض والنصوص | فيأخذ العنوان قيم النص أو العكس |
ما يرفقه التقرير مع كل ملاحظة
المحدد + font-family المرصود + الحجم/الارتفاع + التوكن المتوقع + لقطة
كيف يُعالَج
- حمّلوا الخط من المصدر المعتمد، وثبّتوا الأوزان الأربعة وحدها في ملف التحميل حتى لا يستدعى وزن خامس سهوًا
- تحققوا من التحميل الفعلي في المتصفح لا من التصريح في الشيفرة
- افصلوا متغيرات العرض عن متغيرات النصوص في قيم التصميم، واربطوا كل عنصر بسلسلته
- صححوا ارتفاع السطر مع المقاس معًا، فتغيير أحدهما دون الآخر يعيد الخلل بصورة أخرى
- ابدأوا بالعناوين، إذ إن مخالفة الوزن فيها أظهر أثرًا وأسرع رصدًا في المراجعة
معايير متصلة
وفي الدليل: كيف تتحققون من التزام منصتكم بكود المنصات · قياس الخطوط ضمن خطوات التحقق من المنصة
طبّقته ١٠٪ من ٢٩ منصة حكومية مقيسة
- ٢٦ منصة
والقياس على عيّنة من المنصات المنشورة للعموم بالمنهجية نفسها المنشورة في صفحة المنهجية.
أين تقف منصتكم من هذا المعيار؟
يصدر الفحص تقديرًا استرشاديًا خلال دقائق، ويبيّن لكل ملاحظة قيمتها المرصودة والمتوقعة وموضعها.