اختبار مواقع دروبال للوصول باستخدام WCAG 2.1
نشرت: 2023-05-16هل تعلم أن 1 من كل 4 بالغين في الولايات المتحدة لديه إعاقة *؟ هذا رقم مذهل يبلغ 61 مليون شخص قد يتأثرون بمواقع الويب التي يتعذر الوصول إليها.
بصفتك مطور دروبال ، لديك القدرة على إحداث فرق من خلال ضمان توافق موقعك مع إرشادات الوصول إلى محتوى الويب (WCAG). في هذه المدونة ، سنستكشف الميزات الرئيسية وأفضل الممارسات لاختبار إمكانية الوصول إلى WCAG 2.1 في دروبال ، حتى تتمكن من إنشاء مواقع ويب شاملة لجميع المستخدمين.
ما هي إمكانية الوصول (A11y)
تشير إمكانية الوصول إلى جعل موقع الويب قابلاً للاستخدام من قبل أكبر عدد ممكن من الأشخاص ، لا سيما فيما يتعلق بالأشخاص ذوي الإعاقة. إلى ماذا تشير A11y؟ يشير A11y ببساطة إلى كلمة "إمكانية الوصول" حيث يشير 11 إلى عدد الأحرف الموجودة بين "A" و "Y"
WCAG وأصولها
WCAG تعني إرشادات الوصول إلى محتوى الويب. يعتبر المعيار القياسي لإمكانية الوصول إلى موقع الويب. تم إنشاء إرشادات WCAG بواسطة اتحاد شبكة الويب العالمية (W3C) ، وهي أفضل وأسهل طريقة لجعل موقع الويب الخاص بك قابلاً للاستخدام للجميع. يتم اتباع إرشادات WCAG بدقة من قبل معظم المنظمات الحكومية ومنظمات الرعاية الصحية من أجل ضمان التزام موقع الويب بقوانين إمكانية الوصول (على سبيل المثال ، القسم 508).
مبادئ WCAG
هناك أربعة مبادئ رئيسية لإمكانية الوصول إذا كنت ترغب في اعتماد التوافق مع WCAG. هذه تتبع اختصار "POUR" ، والذي يرمز إلى "قابلة للإدراك وقابلة للتشغيل ومفهومة وقوية .
محسوس
بكلمات بسيطة ، يجب أن يكون المحتوى قابلاً للاكتشاف من قبل حواس المستخدم. هذا يعني أنه يجب أن يكونوا قادرين على التعرف على المعلومات التي يتم تقديمها لهم. يتضمن السماح للمستخدمين بسماع المحتوى الصوتي بوضوح والتأكد من أنه يمكن تمييزه عن ضوضاء الخلفية.
قابل للتشغيل
يتعلق الأمر كله بالتأكد من أن المستخدمين يمكنهم التنقل بشكل مريح في موقع الويب الخاص بك وأن الواجهة سهلة الاستخدام. يجب ألا يكون هناك أي جزء لا يمكن الوصول إليه من الموقع أو أي خطوات قد لا يتمكن المستخدمون من إكمالها. يجب تجنب المحتوى سريع الحركة والوميض عند تصميم محتوى الويب الخاص بك. يجب أن يكون من السهل تصفح الموقع بدون لوحة مفاتيح ، مع التأكد أيضًا من أن الموقع يمكن الوصول إليه من خلال لوحة المفاتيح للمستخدمين الذين لا يستطيعون استخدام الماوس.
مفهوم
يجب أن يكون المستخدمون قادرين على معالجة المعلومات المقدمة لهم وأن يكونوا قادرين أيضًا على فهم كيفية استخدام الموقع والتنقل فيه. يتضمن ذلك جعل النص واضحًا وقابلًا للقراءة ويمكن التنبؤ به للتأكد من ظهور الصفحات بطريقة سهلة الاستخدام ومتوقعة.
قوي
هذا يسلط الضوء على أن التكنولوجيا يمكن أن تتطور وتبني موقع الويب الخاص بك مع التطورات التكنولوجية المستقبلية. كقاعدة عامة ، إذا تغيرت التكنولوجيا وتطورت ، يجب أن يظل المحتوى متاحًا أيضًا. يحتاج أيضًا إلى فهمه من قبل مجموعة واسعة من المستخدمين ذوي الإعاقات المختلفة ولا يزال من السهل فهمه. على سبيل المثال ، جعله الموقع متوافقًا للعمل مع أحدث إصدار من برامج قراءة الشاشة.
لماذا يجب أن تمتثل لـ WCAG
فيما يلي بعض مزايا تطبيق WCAG
- يبني موقع الويب الذي يمكن الوصول إليه حسن النية تجاه علامتك التجارية ويحسن تحسين محرك البحث. سيحتل موقعك مرتبة أعلى في نتائج محرك البحث.
- يتيح موقع الويب الذي يمكن الوصول إليه مزيدًا من المشاركة والوصول والاحتفاظ حيث ستزيل بكفاءة الحواجز التي تمنع مجموعة كبيرة من الأشخاص من الوصول إلى المحتوى الخاص بك.
- بمجرد تنفيذ WCAG كجزء من أي موقع ويب ، فإنه يعتبر معيارًا.
معايير النجاح WCAG 2.0 / 2.1: الأكثر تطبيقًا على نطاق واسع
- كل حقل إدخال على الموقع له تسمية مناسبة
- يتم تنفيذ المحتوى الزخرفي بطريقة يمكن أن تتجاهلها التكنولوجيا المساعدة. على سبيل المثال ، الصور الزخرفية التي تتجاهلها برامج قراءة الشاشة
- يتم توفير التسميات التوضيحية لجميع محتوى الصوت / الفيديو المسجل مسبقًا
- يتم توفير ترجمة لغة الإشارة للمحتوى الصوتي
- تسلسل ذو مغزى للمحتوى ، على سبيل المثال ، يتم وضع العناوين في أي صفحة بترتيب تسلسلي
- يمكن للمستخدم إيقاف الصوت مؤقتًا أو إيقافه أو التحكم في مستوى الصوت بشكل مستقل عن حجم النظام الكلي لتشغيل مقاطع الفيديو تلقائيًا.
- نسبة التباين للنصوص والصور للنص هي 4.5: 1 ، والنصوص والصور ذات الحجم الكبير هي 3: 1. لا تنطبق نسبة التباين على المحتوى الزخرفي أو الشعار أو اسم العلامة التجارية
- صوت خلفية منخفض أو معدوم. لا يحتوي الصوت / الفيديو المسجل مسبقًا على أي ضوضاء في الخلفية
- يمكن الوصول إلى جميع وظائف المحتوى عبر واجهة لوحة المفاتيح. لن يكون هناك فخ الكلمات الرئيسية.
- توفير الوقت الكافي للمستخدمين لقراءة المحتوى واستخدامه
- إذا كان المحتوى يعتمد على الوقت ، فيُسمح للمستخدم إما بإيقاف قيد الوقت مؤقتًا أو تعديله
- في حالة وجود أي محتوى سريع الحركة مثل الدوارات الآلية ، سيتم عرض خيارات على المستخدم لإيقافه مؤقتًا أو إيقافه
- عند انتهاء صلاحية جلسة المستخدم المصادق عليه ، سيتمكن المستخدم من متابعة الجلسة دون فقدان البيانات بعد إعادة المصادقة.
- ستصف عناوين الصفحات والعناوين والتسميات موضوع صفحة الويب
- تركيز لوحة المفاتيح مرئي ومميز بشكل جيد
- ستتلقى المكونات القابلة للتركيز التركيز بترتيب يشير إلى المعنى وقابلية التشغيل.
- كل قسم من صفحة الويب مصحوب بعنوان القسم الخاص به
- باستثناء الصور الزخرفية ، تحتوي جميع الصور على نص بديل ذي معنى
- يمكن الوصول إلى الصوت والفيديو والنماذج والقوائم المنسدلة ونص الرابط وعناوين URL والنص البديل من لوحة المفاتيح وقارئ الشاشة
- يتكيف وضوح المحتوى وفقًا لمستوى تكبير / تصغير الصفحة. المحتوى مرئي بوضوح ، حتى على مستوى التكبير الأقصى
- يجب أن تكون قائمة الرأس والتذييل مع سياق المساعدة متاحة في جميع الصفحات في جميع أنحاء الموقع
- تحتوي المواقع على التنفيذ المناسب لحالات التمرير والتركيز
قارئات الشاشة
يستخدم العديد من الأشخاص الذين يعانون من تحديات بصرية مكبرات الشاشة وقارئات الشاشة. قارئ الشاشة هو برنامج يقرأ النص الرقمي المعروض على الشاشة بصوت عالٍ. تتضمن بعض أمثلة قارئ الشاشة ما يلي:
- المنتجات المدفوعة مثل JAWS (Windows) و Dolphin Screen Reader (Windows).
- برامج مجانية مثل NVDA (Windows) و ChromeVox (Chrome) و Orca (Linux).
- برنامج مدمج في نظام التشغيل (نظام التشغيل) ، مثل VoiceOver (macOS و iPadOS و iOS) و Narrator (Windows) و ChromeVox (في نظام التشغيل Chrome) و TalkBack (Android).
ثلاثة مستويات من الوصول
يحتوي WCAG 2.1 على 3 مستويات من معايير النجاح
- المستوى أ: تم استيفاء جميع معايير النجاح الأساسية الثلاثين المحددة في WCAG 2.0. كحد أدنى ، يجب أن تحقق جميع مواقع الويب هذا المستوى من الامتثال.
- المستوى AA: يتم استيفاء جميع معايير النجاح في المستوى A ويتم استيفاء 28 معيارًا إضافيًا لنجاح الوصول. يحقق هذا المستوى نطاقًا أوسع لإمكانية الوصول وغالبًا ما يكون الهدف الذي يتعين على معظم فرق التطوير تحقيقه.
- المستوى AAA: يجب أن يفي موقع الويب بجميع مستويات النجاح الثلاثة ، بما في ذلك 28 معيارًا إضافيًا للنجاح. عادةً ما يكون هذا المستوى محجوزًا لمواقع خاصة مثل المؤسسات الحكومية.
تقع معظم المواقع المتوافقة مع WCAG على نطاق واسع ضمن معايير نجاح الوصول المستوى A أو AA.
اختبار إمكانية الوصول على موقع ويب دروبال
فيما يلي الخطوات المتبعة لإجراء اختبار إمكانية الوصول لموقع ويب دروبال
- قم بإجراء تدقيق على Google Chrome Lighthouse وأصلح مشكلات إمكانية الوصول المميزة
- قم بتشغيل تدقيق أداة Wave
- تحقق من صحة تركيز تمييز لوحة المفاتيح وترتيب علامة التبويب للصفحة يدويًا
- تحقق من صحة الصفحة باستخدام برنامج قارئ الشاشة المطلوب. على سبيل المثال ، VoiceOver
- تحقق من إمكانية الوصول إلى الموقع على جميع الدقة مثل سطح المكتب العريض والكمبيوتر المحمول وعلامة التبويب والأجهزة المحمولة
- تحقق من صحة رمز الموقع باستخدام أدوات التحقق من صحة W3C للترميز و CSS
- تحقق من صحة تباين ألوان الموقع للتأكد من أنه يفي بالمعايير (4: 5: 1) باستخدام أداة ملحقات Chrome مثل Kontrast أو تطبيق مثل Color Contrast Analyzer
كيف يساعد دروبال في الوصول إلى معايير الوصول
يجب أن يتضمن تطوير الويب إمكانية الوصول للتأكد من أن مواقع الويب وظيفية ويمكن الوصول إليها من قبل الأشخاص ذوي الإعاقات. تشتهر دروبال بتفانيها الراسخ في الوصول إلى الخدمات. ألق نظرة على كيفية تعزيز دروبال لإمكانية الوصول والأدوات والميزات التي توفرها لمساعدة مواقع الويب على أن تكون أكثر سهولة في الاستخدام.
1. بناء إمكانية الوصول إلى دروبال
لطالما كان هدف فريق تطوير دروبال هو بناء منصة يمكن استخدامها من قبل أكبر عدد ممكن من المستخدمين. إرشادات الوصول إلى محتوى الويب (WCAG) 2.1 يتم اتباع متطلبات المستوى AA عند تطوير منصة دروبال الأساسية. يشير هذا إلى أن مجموعة متنوعة من الإعاقات ، مثل تلك التي تؤثر على الأنظمة البصرية والسمعية والجسدية واللفظية والمعرفية والعصبية ، يمكنها الوصول إلى مواقع ويب دروبال.
2. ميزات الوصول الافتراضية
- بفضل قدرتها على التكيف مع أحجام الشاشات والأجهزة المختلفة بفضل التصميم سريع الاستجابة ، يمكن استخدام سمات دروبال الافتراضية لمن يستخدمون الأجهزة المحمولة أو التكنولوجيا المساعدة.
- يقوم Drupal بإنشاء ترميز HTML الدلالية ، والذي يساعد برامج قراءة الشاشة وأدوات التكنولوجيا المساعدة الأخرى في فهم بنية موقع الويب.
- يتضمن دروبال حقلاً لإضافة نص بديل إلى الصور ، مما يساعد المكفوفين في فهم محتوى الموقع.
- يدعم دروبال التنقل باستخدام لوحة المفاتيح ، وهو أمر بالغ الأهمية للمستخدمين غير القادرين على استخدام الماوس.
- يتم إنشاء النماذج سهلة الاستخدام والتنقل باستخدام التكنولوجيا المساعدة بواسطة دروبال التي يمكن الوصول إليها.
3. يوفر دروبال ملحقات ووحدات لإمكانية الوصول
لتحسين إمكانية الوصول إلى موقع ويب ، يوفر دروبال مجموعة متنوعة من وحدات الوصول والمكونات الإضافية التي يمكن نشرها. العديد من وحدات الوصول والمكونات الإضافية المحبوبة هي كما يلي:
- Editoria11y Accessibility Checker: تفحص هذه الوحدة موقع الويب بحثًا عن مشاكل إمكانية الوصول وتقدم توصيات للحلول.
- البرنامج المساعد لإمكانية الوصول CKEditor: تعمل هذه الوظيفة الإضافية على تحسين إمكانية الوصول إلى محرر النصوص المستخدم على نطاق واسع لـ Drupal و CKEditor.
- أداة إمكانية الوصول الكل في واحد: تتضمن هذه الوحدة أداة إمكانية الوصول تتيح للمستخدمين تغيير حجم نص موقع الويب والتباين والإعدادات الأخرى المتعلقة بإمكانية الوصول.
- A11Y: مساعدو النماذج: تساعد هذه الوحدة في جعل جميع نماذج ويب دروبال تفي بمعايير إمكانية الوصول
- حظر أدوار ARIA Landmark: تضيف هذه الوحدة عناصر إضافية إلى نماذج تكوين الكتلة التي تسمح للمستخدمين بتعيين دور معلم ARIA و / أو تسميات ARIA إلى كتلة.
4. دعم قوي من المجتمع لإمكانية الوصول
يشكل المطورون والمصممين الملتزمين بإمكانية الوصول جزءًا كبيرًا من مجتمع دروبال. جهد بقيادة المجتمع لجعل دروبال أكثر سهولة لذوي الاحتياجات الخاصة هو مجموعة دروبال لإمكانية الوصول. تقدم المجموعة إرشادات وأدوات وأفضل الممارسات لتطوير مواقع ويب دروبال المتوافقة مع ADA.
مراجع:
https://www.cdc.gov/ncbddd/disabilityandhealth/infographic-disability-impacts-all.html
افكار اخيرة
دروبال هو نظام إدارة محتوى فعال ومفتوح المصدر يوفر مجموعة متنوعة من الميزات والأدوات والمكونات الإضافية لتحسين إمكانية الوصول إلى موقع الويب. نظرًا لتفانيها في الوصول وقوة مجتمعها الذي يركز على إمكانية الوصول ، تعد دروبال منصة رائعة لبناء مواقع الويب التي يمكن استخدامها والوصول إليها لمن يعانون من إعاقات.
آمل أن تزودك هذه المقالة بالرؤية المطلوبة حول اختبار إمكانية الوصول باستخدام WCAG 2.1. هل تريد إنشاء موقع ويب Drupal يمكن الوصول إليه من البداية أو ترغب في جعل موقعك الحالي أكثر سهولة؟ نود تحقيق ذلك! لنتحدث!