معايير الويب: دليل مرجعي متعمق

ويب-27

الويب-27: يجب على جميع الوكالات عرض راية الكومنولث دون تغيير وكما هو محدد في نظام تصميم COV. 

فهم WEB-27  

يساعد شريط العلامات التجارية للكومنولث المواطنين في التعرف على المواقع الإلكترونية الرسمية للمؤسسات الحكومية في كومنولث فيرجينيا. كما أنه يساعد الزوار على فهم أن الموقع الذي يتصفحونه رسمي وآمن. يعمل شريط العلامة التجارية الجديد أيضًا كبوابة تنقل لزوار الموقع الإلكتروني للتنقل بسهولة عبر الوكالات الحكومية والبحث عن المعلومات على مستوى الكومنولث، دون الحاجة إلى الانتقال مرة أخرى إلى موقع Virginia.gov. 

شريط العلامات التجارية سهل التثبيت، ويمكن العثور على التعليمات والتعليمات البرمجية للوكالات لوضعها على مواقعها الإلكترونية تحت عنوان احصل على شريط العلامات التجارية للكومنولث. توضح هذه الصفحة التعليمات خطوة بخطوة لإنشاء رمز لوضعه في العلامة الرئيسية للموقع الإلكتروني للوكالة. تتمتع الوكالات أيضًا بخيار الاختيار بين أشرطة العلامات التجارية الرمادية والبيضاء لتتناسب بشكل أفضل مع ألوان مواقعها الإلكترونية. 

يحتوي كل شريط علامات تجارية تم إنشاؤه على: 

• شعار ولاية فيرجينيا 
• اسم الوكالة أو اسم الكيان الحكومي في فيرجينيا، والذي يجب على المولدات كتابة الاسم بالكامل 
• سطر ثانوي ينص على "موقع إلكتروني رسمي لكومنولث فيرجينيا" وقائمة منسدلة تنص على "إليك كيف تعرف". 

• تحتوي القائمة المنسدلة على معلومات حول شعار كومنولث فيرجينيا وشهادات HTTPS. 

• قائمة فرعية تحمل اسم "البحث عن مورد من موارد الكومنولث" والتي تتيح للمستخدمين عند النقر عليها البحث عبر وكالات فيرجينيا أو الكيانات الحكومية، بالإضافة إلى خدمات وموارد الكومنولث شائعة الاستخدام، مصنفة حسب مجال خدمة الوكالة. 

يجب استخدام التعليمات البرمجية التي تم إنشاؤها كما هي ولا يجب تعديلها بأي شكل من الأشكال. يجب إرسال أي صعوبات في التثبيت إلى فريق خدمات الويب المؤسسية في VITA عبر البريد الإلكتروني يجب استخدام الكود الذي تم إنشاؤه كما هو ولا يجب تعديله بأي شكل من الأشكال. يجب إرسال أي صعوبات في التثبيت إلى فريق خدمات الويب المؤسسية في VITA عبر البريد الإلكتروني developer@vita.virginia.gov. 

ويب-28

الويب-28: يجب أن توفر أنظمة الويب الخاصة بـ COV مربع بحث في موقع الوكالة يظهر في كل صفحة ويتم عرضه وفقًا لتوجيهات نظام تصميم COV. 

فهم WEB-28

يتيح وجود مربع بحث في الموقع على مستوى الوكالة على كل موقع إلكتروني وصفحة على مستوى الوكالة للمستخدمين الوصول إلى المعلومات بسرعة أكبر عن طريق كتابة الكلمات الرئيسية ذات الصلة ومصطلحات البحث التي توجههم إلى قائمة الروابط ذات الصلة.  لا يمكن للوكالة الاعتماد على التصفح الأساسي أو الثانوي وحده لتوجيه المستخدمين إلى المعلومات ذات الصلة.  

نظرًا لأن مربعات البحث أصبحت مركزية بشكل متزايد في المواقع الإلكترونية التي تضم كميات كبيرة من المحتوى والمعلومات، خاصة تلك المتعلقة بالسياسات أو الإجراءات أو خدمات المواطنين، يجب عرض مربعات البحث بشكل بارز في كل صفحة ويجب أن تكون ملحوظة بسهولة من قبل المستخدمين. 

بالإضافة إلى ذلك، يجب أن تلتزم مربعات البحث بأفضل الممارسات التالية: 

• يجب أن يحتفظ البحث، حيثما أمكن، بحقل استعلام بنص مفتوح مع نص عنصر نائب يحمل اسم "بحث" أو مع تعليمات أكثر سياقًا تقتصر على بضع كلمات يمكن للمستخدم كتابة الاستعلامات فيها. 

• يجب أن تكون مربعات البحث مصحوبة بأيقونة عدسة مكبرة بأقل قدر من التفاصيلs ممكن (خط بسيط). يتعرف المستخدمون عالميًا على العدسة المكبرة كرمز لوظيفة البحث. 

• عندما يكون ذلك ممكنًا، يجب ألا يخفي هذا الرمز وظيفة البحث لأنه يزيد من تكلفة التفاعل (المزيد من النقرات) ويجعل وظيفة البحث أقل تميزًا. 
• عندما تكون في شك، افعلها مثل جوجل. 

• يجب تأكيد استعلامات البحث عن طريق الضغط على Enter. يمكن أيضًا تأكيد استعلامات البحث عن طريق الضغط على زر التأكيد إذا رغبت في ذلك، على الرغم من أنه يجب الاحتفاظ بتفاعل الضغط على زر الإدخال في مربع البحث. 

• في حالة إضافة زر تأكيد، يجب أن يكون حجمه وموضعه مناسبًا (عادةً ما يكون بارتفاع مربع البحث نفسه، ويوضع على يمين حقل الاستعلام بالنص المفتوح). يجب أن يكون حجم زر البحث هذا كحد أدنى 45 × 45 بكسل في الحجم لتلبية أفضل ممارسات إمكانية الوصول. 

• يجب أن يكون حجم مربع النص المدخلات عريضًا للتعامل مع ما يقرب من 27 أحرف في الطول كحد أدنى (يتم تعيينه باستخدام ems). 

• حيثما أمكن، يجب وضع مربع البحث في الزاوية العلوية اليمنى من الموقع الإلكتروني للوكالة، أسفل شريط العلامات التجارية للكومنولث. 
• يمكن أن يساعد حقل القائمة المنسدلة للاقتراحات التلقائية التي تحتوي على أقل من 10 عناصر في مساعدة المستخدمين في العثور على ما يبحثون عنه بسرعة أكبر، ومع ذلك، يجب على الوكالات التي تستخدم هذا الحقل التأكد من أن الاقتراحات التي يولدها الحقل تلقائيًا يجب أن تكون ذات صلة بمصطلحات البحث التي تم كتابتها في حقل الإدخال. 
• بمجرد أن يضغط المستخدم على مفتاح الإدخال، يجب أن يظل مصطلح البحث الأصلي في الحقل ما لم يقم المستخدم بمسحه، ويجب أن تظهر للمستخدم صفحة نتائج تعرض النتائج بناءً على استعلام البحث. 

• إذا لم يُرجع استعلام البحث أي نتائج، يجب أن يتم تزويد المستخدمين بمعلومات تفيد بوضوح أنه لا توجد نتائج مطابقة. 

ويب-29

WEB-29: يجب أن تشتمل أنظمة الويب COV على خريطة موقع لتمكين محركات البحث من الزحف إلى موقع الويب بشكل أكثر كفاءة. سيتم توفير أمثلة في نظام تصميم COV.

فهم WEB-29

خريطة الموقع هو ملف يسمح لمحركات البحث باكتشاف معظم موقعك من خلال الزحف إلى محتواه. 

يجب أن تكون خرائط الموقع بصيغة XML، والتي تسمح لمحركات البحث بفهرسة ليس فقط ملفات HTML، ولكن أيضًا البيانات المتعلقة بالصور والفيديو والمحتوى الإخباري والنسخ المترجمة من صفحات الويب الخاصة بالوكالة. 

لمعرفة المزيد حول كيفية إنشاء خرائط الموقع بتنسيق XML، يرجى زيارة وثائق تنسيق خرائط الموقع XML على sitemap.org. 

توصي VITA باتباع أفضل ممارسات خريطة الموقع التالية كما هو موضح على موقع developer.google.com: 

• يجب أن تقتصر خريطة الموقع الواحدة على 50ميغابايت غير مضغوطة. إذا كان ملف خريطة الموقع الخاص بوكالتك أكبر، يُرجى تقسيم خريطة موقعك إلى عدة خرائط مواقع. 
• يجب أن تكون ملفات خريطة الموقع مشفرة بترميز UTF-8. 
• يوصى باستضافة خرائط الموقع الخاصة بك في جذر الموقع. 
• استخدم عناوين URL مطلقة ومؤهلة بالكامل في خريطة موقعك، على سبيل المثال، استخدم https://www.myvaagency.gov/agencypage.html بدلاً من /agencypage.html. 

ويب-30

WEB-30: يجب أن تضمن أنظمة الويب COV أن تحتوي كل صفحة على تذييل يحتوي على المعلومات التالية، كحد أدنى 

• اسم الوكالة 
• معلومات حقوق الطبع والنشر 
• نص أو رابط أيقونة معتمد يوضح التوافق مع مبادرة إمكانية الوصول إلى الويب (WAI).
• رابط إلى بيان سياسة الخصوصية على الإنترنت الخاص بالوكالة.
• رابط معلومات قانون حرية المعلومات
• إخلاء المسؤولية للترجمة
• صفحة اتصل بنا
• عناصر أخرى على النحو المحدد في نظام تصميم COV 

فهم WEB-30

تذييل الموقع الإلكتروني هو نمط ثابت لواجهة المستخدم يظهر في أسفل جميع صفحات موقع الوكالة. WEB-30 ينص على أن يتم عرض ما يلي في تذييل كل صفحة: 

• اسم الوكالة يجب عرض اسم الوكالة بالكامل 
• معلومات حقوق الطبع والنشر: معروضة كحقوق النشر © اسم الوكالة بالكامل [السنة الحالية] 

• نص أو رابط رمز معتمد يوضح مبادرة إمكانية الوصول إلى الويب (WAI): مكتوبة باسم مبادرة إمكانية الوصول إلى الويب ومرتبطة بـ صفحة توافق WCAG 2.0.0 AA. بدلاً من ذلك، يمكن للوكالات الارتباط ب WAI باستخدام شعار WAI. يمكن العثور على الإرشادات والرموز الخاصة باستخدام الشعار على صفحة إضافة شعار التوافق مع W3C الخاصة ب W3C. 

• من المهم أن تعمل الوكالات على استيفاء التوافق AA على النحو المنصوص عليه في WCAG 2.0 عند استخدام هذا الرابط. 

• رابط إلى بيان سياسة الخصوصية على الإنترنت الخاص بالوكالة: إن سياسات الخصوصية خاصة بالوكالات ولكن يجب أن تشرح على الأقل كيفية استخدام الوكالة لمعلومات المستخدم وجمعها عند الوصول إلى الموقع، وما هي المعلومات التي يتم جمعها، وكيف تتعلق بقانون فرجينيا، وأين يمكن للمستخدم الوصول إلى المزيد من المعلومات، وسياسة ملفات تعريف الارتباط، وغيرها من المعلومات التي تتعلق باستخدام بيانات المستخدم. يمكن العثور على مثال على virginia.gov. 
• رابط معلومات قانون حرية المعلومات المعلومات الخاصة بقانون حرية المعلومات هي معلومات خاصة بالوكالة ويجب أن تحتوي على معلومات بلغة واضحة عن قانون فيرجينيا لحرية المعلومات، وحقوق المستخدم بموجب قانون حرية المعلومات، وكيف يمكن للمستخدم طلب السجلات، ومكان إرسال الطلب، ومسؤوليات الوكالة عند تلقي الطلب. يمكن العثور على مزيد من المعلومات حول قانون حرية المعلومات في قانون فرجينيا، الفصل 37. 
• إخلاء المسؤولية عن الترجمة: ينص إخلاء المسؤولية عن الترجمة على أن هناك جهة خارجية (عادةً ما تكون مترجم جوجل) متاحة لتوطين الصفحات. يجب أن يذكر إخلاء المسؤولية هذا اسم الطرف الثالث، بالإضافة إلى النص على أن الخيار متوفر لمساعدة المستخدمين في توفير الموقع الإلكتروني بلغات أخرى غير الإنجليزية، ولكن لا توجد ترجمة آلية مثالية وأن خدمة الطرف الثالث مقدمة "كما هي". يمكن العثور على مثال على صفحة إخلاء المسؤولية عن الترجمة في VITA. 

• صفحة اتصل بنا: يجب تضمين صفحة اتصل بنا في تذييل الصفحة. يرجى الاطلاع على WEB-31 للحصول على معلومات إضافية. 

بالإضافة إلى ذلك، يوصي نظام تصميم COV بأن جميع التذييلات 

• العمل على الهاتف المحمول 
• أن الروابط الإضافية في التذييل يجب أن يتم اختيارها لغرض معين (متكررة الاستخدام، خريطة موقع مصغرة، إلخ) 
• تحتوي على روابط/أيقونات لوسائل التواصل الاجتماعي، ولكن لا تحتوي على موجزات اجتماعية كاملة 

• واضح وسهل القراءة مع الحد الأدنى من الصور أو بدونها 
• اجعل الدعوة إلى الإجراءات موجزة وذات اتجاه وهدف واضحين في حالة استخدامها. 

ويب-31

WEB-31: يجب أن توفر أنظمة الويب الخاصة بـ COV صفحة "اتصل بنا" التي يجب أن تتضمن، كحد أدنى، صفحة الوكالة 

• العنوان البريدي
• رقم الفاكس إن وجد
• رقم الهاتف، بما في ذلك رقم الهاتف المجاني و/أو رقم الهاتف اللاسلكي إذا كان متاحاً
• إرسال رابط البريد الإلكتروني أو نموذج الاتصال إلى جهة اتصال الوكالة. 
• يجب أن تكون صفحة اتصل بنا متاحة من تذييل الصفحة.  

فهم WEB-31

ملاحظة يجب على الوكالات استخدام عناوين بريد إلكتروني عامة وتجنب ربط روابط الاتصال بالوكالة بأفراد محددين. 

تتيح صفحة "اتصل بنا" للمستخدمين التواصل مع الوكالة لطرح أي أسئلة أو استفسارات من خلال وسائل مختلفة لاستيعاب مختلف المستخدمين. 

• يجب أن تكون العناوين البريدية هي العنوان الفعلي للوكالة وليس صندوق بريد، وتنسيقها على هذا النحو: 
   الاسم الكامل للوكالة 
  123 عنوان الشارع الطريق، رقم الجناح 456 
  المدينة، فيرجينيا الرمز البريدي 
   
• رقم الفاكس، إذا كان متاحاً، منسقاً على هذا النحو: 
  123-555-555-5555 (فاكس)
  

• رقم الهاتف، بما في ذلك رقم الهاتف المجاني و/أو رقم TTY إذا كان متاحاً، منسقاً على هذا النحو: 
  1-123-123-555-5555 (الهاتف) 
  1-800-555-5555 (الرقم المجاني) 
  1-123-123-555-5555 (tty) 

• يمكن تقديم المزيد من الإرشادات عند الحاجة حول كيفية استخدام خدمة TTY أو خدمات التتابع إذا كانت متوفرة. 
  

• يجب استخدام رابط بريد إلكتروني عام لتجنب ربط جهة اتصال الوكالة بفرد معين ويجب تنسيقه على هذا النحو: 
   
  contact@agency.virginia.gov 
   
  نموذج الاتصال إلى جهة اتصال وكالة هو بديل لعنوان البريد الإلكتروني. في حالة استخدام نموذج، يجب أن تحتوي النماذج على الحقول التالية كحد أدنى للرد, مع وضع العلامات المناسبة:
• الاسم الأول
• اسم العائلة (؟ هل اسم العائلة مطلوب حقاً؟ بناءً على مبدأ الأقل)
• البريد الإلكتروني أو رقم الهاتف
• حقل للرسالة أو التعليق 

ويب-36

WEB-36: يجب أن تدعم أنظمة الويب الخاصة بمنصة COV، بما في ذلك الأنظمة التجارية الجاهزة (COTS)، وضع العلامات البيضاء للاستخدام السلس للعلامة التجارية للكومنولث كما هو محدد في نظام تصميم COV.

فهم WEB-36

يتم تعريف أنظمة الويب الخاصة بالمنصة من قبل EA على أنها: 

أي نظام ويب يوفر إمكانات على مستوى المؤسسة للتطبيقات واسعة النطاق أو متعددة المستأجرين، بما في ذلك أنظمة إدارة الموارد البشرية (HRMS) وحلول الإدارة المالية (FMS) وإدارة سلسلة التوريد (SCM) وإدارة علاقات العملاء (CRM) وإدارة أداء المؤسسة (EPM) وأنظمة إدارة المحتوى (CMS). 

يجب أن تسمح هذه الأنظمة للوكالات التابعة لـ COVA بإعادة تصميم مظهرها لتتناسب مع معايير نظام مظهر وتصميم وكالة الطاقة (المعروف أيضًا باسم التسمية البيضاء) عند تقديمها خارجيًا أو في مواجهة الجمهور. كحد أدنى، يجب أن يعرض نظام الويب الخاص بالمنصة الذي يمكن الوصول إليه من قبل المستخدمين العموميين شريط العلامة التجارية للكومنولث في أعلى الصفحة.