كل ما تحتاج لمعرفته حول الوصول إلى موقع الويب

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

عادة ما تحدث الفجوة بين مواقع الويب التي يمكن الوصول إليها وتلك التي لا يمكن الوصول إليها في الميزانية. يتطلب جعل موقع الويب الخاص بك شاملاً مزيدًا من الجهد أثناء التطوير والمزيد من الجهد يعني المزيد من المال. ولكن عند القيام به بشكل استراتيجي ومع نظام إدارة محتوى مثل دروبال ، لا يجب أن يكون هناك عثرة كبيرة في الجهد. يدعم Drupal core تصميم وتطوير مواقع الويب التي تتوافق مع معايير WCAG 2.0 و ATAG 2.0. في الواقع ، هناك مجتمع كامل (مجتمع Drupal Accessibility) مكرس لتحسين معايير إمكانية الوصول ومواكبة أحدثها. يمكنك حتى القول إن إمكانية الوصول هي القوة الأساسية لدروبال.

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

ما هي ولوجية الويب؟

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

ما سبب أهمية الوصول إلى الويب

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

• زيادة الوصول إلى جمهورك
• تجنب المشكلات القانونية ( تذكر الدعوى المرفوعة ضد بيونسيه في عام 2019 عندما لم يكن موقعها على الويب متوافقًا مع ADA (قانون الأمريكيين ذوي الإعاقة))
• يعني تحسين تجربة المستخدم لإمكانية الوصول أيضًا أنك تقوم بتحسين مجموع نقاط UX الخاصة بك
• تحسين ترتيب موقعك على محركات البحث

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

التوافق والمستويات

قام اتحاد شبكة الويب العالمية (W3C) بتطوير وإصدار مجموعة من الإرشادات - WCAG (إرشادات الوصول إلى محتوى الويب) التي تحكم معايير الوصول إلى الويب. معايير نجاح هذه المعايير (WCAG 2.0 و WCAG 2.1 و WCAG 2.2) لها ثلاثة مستويات من المطابقة:

• المستوى أ
• المستوى AA
• المستوى AAA

المستوى أ - هذا هو الحد الأدنى لمستوى إمكانية الوصول الذي يغطي المتطلبات الأساسية لميزات إمكانية الوصول.

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

المستوى AAA - يتطلب مستوى AAA كل شيء في المستويات A و AA بالإضافة إلى بعض المتطلبات الإضافية. يصعب تحقيق هذا المستوى من قبل معظم مواقع الويب وهو أعلى مستوى من إمكانية الوصول وفقًا لمعايير WCAG.

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

وضعت WCAG 4 مبادئ و 13 إرشادات للوصول إلى الويب. سيؤدي عدم الامتثال لأي من هذه المبادئ الأربعة إلى جعل موقع الويب الخاص بك غير متاح للمستخدمين ذوي الإعاقة. تُعرف هذه المبادئ باسم مبادئ POUR

1. محسوس
2. قابل للتشغيل
3. مفهوم
4. قوي

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

قابل للتشغيل - تحتاج إلى التأكد من أن موقع الويب الخاص بك قابل للتشغيل. يجب أن يكون الناس قادرين على استخدام موقع الويب الخاص بك.

مفهوم - يجب أن يكون الأشخاص قادرين على فهم موقع الويب الخاص بك.

قوي - يجب أن يكون موقع الويب الخاص بك متوافقًا مع جميع المتصفحات وأنظمة التشغيل والأجهزة.

إرشادات الوصول

الآن لكل مبدأ مجموعة إرشاداته الخاصة التي سنناقشها هنا:

إرشادات يمكن تصورها

1.1) بدائل النص - أول دليل يمكن إدراكه ، يمكن إدراكه 1.1 يتطلب أن يكون لكل المحتوى غير النصي بديل نصي. هذا يعني أن الصور تحتاج إلى نص بديل هادف. يجب أن يصف النص البديل ما يجري في الصورة.

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

1.3) قابل للتكيف - يتطلب Perceivable 1.3 أن المحتوى يمكن تقديمه بطرق مختلفة دون فقدان السياق.

1.4) يمكن تمييزه - آخر دليل يمكن إدراكه ، يمكن إدراكه 1.4 ، ويتطلب إمكانية فصل المحتوى عن خلفيته بصريًا. هذا يعني أنه يجب أن يكون هناك تباين كافٍ بين النص ولون الخلفية. يجب أن يحتوي النص على نسبة تباين لا تقل عن 4.5.

إرشادات قابلة للتشغيل

2.1) إمكانية الوصول إلى لوحة المفاتيح - يتطلب المبدأ التوجيهي الأول 2.1 إمكانية الوصول إلى جميع أجزاء موقع الويب باستخدام لوحة المفاتيح فقط.

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

2.3) النوبات وردود الفعل الجسدية - يتطلب 2.3 القابل للتشغيل أن المحتوى غير مصمم بطريقة تؤدي إلى حدوث نوبات. يجب ألا تومض الرسوم المتحركة ومقاطع الفيديو أكثر من 3 مرات في الثانية.

2.4) قابل للملاحة - يتطلب 2.4 قابل للتشغيل أن يتمكن الأشخاص من التنقل في موقع الويب وفهم مكان وجودهم في الموقع. يجب أن تحتوي جميع الروابط والمدخلات والأزرار على الصفحة على حالة تركيز للإشارة إلى مكان وجود الشخص على الشاشة عندما يتنقل المستخدمون باستخدام علامات التبويب.

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

إرشادات مفهومة

3.1) مقروء - يتطلب مفهوم 3.1 أن يكون المحتوى قابلاً للقراءة وسهل الفهم. استخدم لغة بسيطة وحاول تجنب المصطلحات.

3.2) يمكن التنبؤ بها - يتطلب المفهوم 3.2 أن تكون صفحات الويب قابلة للتنبؤ من حيث كيفية ظهورها وعملها. سيكون المحتوى مختلفًا في كل صفحة ، ولكن يجب أن يظل الهيكل الرئيسي للصفحة كما هو. يجب أن يكون التنقل وترتيب الروابط والبحث في نفس المكان على الصفحة دائمًا.

3.3) المساعدة في المدخلات - يتطلب مفهوم 3.3 المفهوم أنه من السهل على الأشخاص تصحيح الأخطاء وتجنبها.

إرشادات قوية

4.1) متوافق - يوجد مبدأ توجيهي واحد فقط في إطار قوي ، وهو 4.1 . هذا يتطلب أن يكون موقع الويب متوافقًا مع جميع المتصفحات وأنظمة التشغيل والأجهزة. يمكن تحقيق ذلك من خلال كتابة لغة HTML دلالية صحيحة. إذا كان موقع الويب لا يزال بحاجة إلى بعض المساعدة في إمكانية الوصول لسبب ما ، فأضف بعض سمات ARIA.

كيف تختبر إمكانية الوصول؟

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

• لوح
• منارة

مواقع مرجعية

راجع مواقع W3C أدناه للحصول على المعايير والإرشادات.

• https://www.w3.org/
• https://www.w3.org/WAI/
• https://www.w3.org/WAI/standards-guidelines/wcag/
• https://www.w3.org/WAI/WCAG21/quickref/