تصميم مواقع تعليمية شاملة في دروبال

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

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

 

لماذا تعتبر إمكانية الوصول مهمة في المواقع التعليمية

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

لا تعد إمكانية الوصول إلى الويب، خاصة في التعليم العالي، أمرًا أساسيًا لضمان تكافؤ الفرص فحسب، بل أيضًا للامتثال لبعض الالتزامات القانونية، مثل ADA (قانون الأمريكيين ذوي الإعاقة) والمادة 508 الخاصة بإمكانية الوصول إلى التكنولوجيا الإلكترونية والمعلومات.

تنتج مبادرة إمكانية الوصول إلى الويب (WAI) التابعة لـ W3C معايير أساسية، مثل إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) لمحتوى الويب الذي يمكن الوصول إليه وإرشادات إمكانية الوصول إلى أداة التأليف (ATAG) لإمكانية الوصول في أدوات إنشاء المحتوى. كونه حل CMS مفتوح المصدر، يتضمن Drupal الوظائف الأساسية والموضوعات ووحدات إمكانية الوصول المخصصة لضمان الامتثال لمعايير W3C هذه في إمكانية الوصول إلى الويب.

مبادئ التصميم الذري تعزز إمكانية الوصول

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

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

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

 

أساسيات إنشاء مكونات ذرية يمكن الوصول إليها

يمكنك اتباع هذه التقنيات الأساسية وأفضل الممارسات لتسهيل الوصول إلى مكوناتك الذرية بطبيعتها:

• استخدم تعليمات HTML البرمجية المتسقة والمُصممة بشكل جيد مع أدوار ARIA (تطبيقات الإنترنت الغنية التي يمكن الوصول إليها) المناسبة لكل مكون. فهو يضمن أن تقنيات مثل قارئات الشاشة يمكنها تفسير المحتوى وتقديمه بشكل صحيح.
• تأكد من إمكانية التنقل في جميع المكونات الذرية إلى لوحة المفاتيح والتفاعل معها.
• توفير نص بديل وصفي وهادف لجميع الصور.
• استخدم قدرًا كافيًا من التباين للنص والخلفية، وفقًا لإرشادات WCAG، داخل كل مكون لتحسين إمكانية القراءة.
• قم بتنفيذ أنماط تركيز واضحة ومرئية للعناصر التفاعلية مثل الأزرار والروابط.
• توفير رسائل خطأ واضحة وتعليمات التصحيح لكل مكون ذري يتعلق بإدخال المستخدم.
• قم باختبار المكونات الذرية بانتظام للوصول إليها باستخدام أدوات مثل Deque's Axe.
• قم بإشراك مستخدمين متنوعين، بما في ذلك الأشخاص ذوي الإعاقة، عند إجراء اختبار المستخدم.
• التأكد من استجابة المكونات الذرية لمختلف أحجام الشاشات والأجهزة.
• الحفاظ على بنية محتوى منطقية ومتسقة داخل المكونات الذرية.

 

وحدات إمكانية الوصول الخاصة بدروبال للمكونات الذرية التي يمكن الوصول إليها بطبيعتها

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

1. Layout Builder: يتوافق Layout Builder من Drupal مع معايير WCAG وATAG ويوفر واجهة سحب وإفلات سهلة الاستخدام تسمح لك بتخصيص كيفية ترتيب المكونات المختلفة وكتل المحتوى على صفحة الويب. من خلال الجمع بين Layout Builder وأفضل ممارسات إمكانية الوصول، يمكنك ضمان الشمولية وإمكانية الوصول على المستوى الذري وما بعده في موقع Drupal الخاص بك. .
2. النص البديل التلقائي: النص البديل مهم لكل من إمكانية الوصول وتحسين محركات البحث. تقوم هذه الوحدة تلقائيًا بإنشاء نص بديل للصور، مما يضمن إمكانية الوصول للمستخدمين الذين يعتمدون على قارئات الشاشة. كما يسمح لك بترجمة النص البديل إلى لغات متعددة.
3. Style Switcher: يسمح للمستخدمين الذين يعانون من أشكال مختلفة من عمى الألوان بتحديد أوراق أنماط بديلة لرؤية أفضل.
4. تنقية HTML: لا تقوم هذه الوحدة بإزالة التعليمات البرمجية الضارة فحسب، بل تضمن أيضًا أن جميع المحتوى الخاص بك يتوافق مع معايير الامتثال W3C المعقدة والواسعة للغاية.
5. Accessibility Scanner: يوفر طريقة سهلة الاستخدام لتشغيل اختبارات إمكانية الوصول إلى Drupal باستخدام Deque's Axe عبر واجهة الإدارة.
6. سمات دروبال: يقدم دروبال سمات سهلة الوصول وقابلة للتخصيص. Olivero، على سبيل المثال، متوافق مع WCAG AA، ويدعم المواقع متعددة اللغات (بما في ذلك اللغات ذات الاتجاه من اليمين إلى اليسار)، ويضمن تباين الألوان المناسب. فهو يوفر خيارات مضمنة لتسميات حقول النموذج وحالات التركيز والمزيد، مما يسهل إنشاء مكونات يمكن الوصول إليها.

 

ترقيات إمكانية الوصول من Vardot لموقع الجامعة الذي يعمل بنظام Drupal

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

تم إنشاء موقع UDST السابق في عام 2005 ثم تم ترحيله لاحقًا إلى Microsoft Sharepoint في عام 2013، مع آخر تحديث له في عام 2015. وسعيًا وراء حل حديث وشامل، عقدت UDST شراكة مع Vardot للانتقال إلى نظام Drupal CMS المُحسّن المستضاف على Microsoft Azure. تمت هذه الهجرة بالتزامن مع جهد أوسع لإعادة صياغة العلامة التجارية. فيما يلي بعض الترقيات التي أجريناها لتلبية متطلبات UDST:

1. التصميم الذري

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

2. منشئ التخطيط

يمكن لفريق UDST الآن استخدام Drupal's Layout Builder للاستفادة من المكونات الذرية القابلة لإعادة الاستخدام والتي يمكن الوصول إليها عن طريق التصميم لإنشاء صفحات الويب وتعديلها. ويضمن هذا النهج المنهجي أن يظل موقع الويب متاحًا للوصول حتى أثناء تكيفه لتلبية متطلبات المستخدم المتطورة.

1. بحث سولر

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

باستخدام Vardot ، تمكنت UDST من الترقية إلى موقع ويب مدعوم من Drupal بتصميم معياري وبنية قوية وواجهة جذابة وسهلة الاستخدام. وتضمن النتيجة النهائية رحلة مستخدم رائعة تتميز بإمكانية الوصول والكفاءة ورضا المستخدم في جوهرها.

 

إعطاء الأولوية للتصميم الذري وإمكانية الوصول مع Vardot

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

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