الإنترنت مصدرٌ فعّالٌ للمعلومات والتواصل والخدمات. وهو، من نواحٍ عديدة، أداةٌ عظيمةٌ تُتيح الوصول إلى كنزٍ من المعلومات والاتصالات لكلِّ من يُسجّل دخوله.
لكن تخيل للحظة أنك لا تستطيع استخدام لوحة المفاتيح بسبب رعشة شديدة أو شلل، وأن استخدام الماوس مستحيل. الآن، أطفئ شاشتك وتظاهر بأنك ضعيف البصر للحظة. فجأةً، لم تعد شبكة الإنترنت مُريحة .
هل تساءلت يومًا ما الذي يتطلبه الأمر ليتمكن الجميع، بمن فيهم ذوو الإعاقة، من استخدام مواقع الويب والتطبيقات بسهولة؟ هنا يأتي دور سهولة الوصول إلى الويب ، ولماذا يجب أن تكون سهولة الوصول إلى الويب في مقدمة خياراتنا المتعلقة بتصميم أو تطوير مواقعنا.
في هذه المقالة، سنشرح بالتفصيل معنى إمكانية الوصول إلى الويب، وأهميتها، وكيفية تطبيقها، وكيفية جعل صفحات الويب الخاصة بك أكثر سهولة في الوصول. سنقدم أيضًا مفاهيم وإرشادات وأدوات أساسية لمساعدتك على البدء.
ما هي إمكانية الوصول إلى الويب؟
تُشير إمكانية الوصول إلى الويب إلى تصميم وتطوير مواقع الويب وتطبيقاتها والمحتوى الرقمي، بما يُمكّن الأشخاص ذوي الإعاقة من إدراك الويب وفهمه والتنقل فيه والتفاعل معه والمساهمة فيه. ويشمل ذلك ضمان سهولة استخدام محتوى الويب من قِبل الأشخاص ذوي الإعاقات المختلفة، مثل الإعاقات البصرية والسمعية والجسدية والكلامية والإدراكية واللغوية والتعلمية والعصبية.
تتيح مواقع الويب والتطبيقات التي يمكن الوصول إليها الوصول المتساوي لجميع المستخدمين، بغض النظر عن قدراتهم أو التقنيات المساعدة (مثل برامج قراءة الشاشة) التي يستخدمونها.
قد تشعر بالإحباط لكون ليس الجميع قادرين على الاستفادة من الإنترنت، لكن بإمكانك القيام بالكثير لجعل موقعك متاحاً لعدد أكبر من المستخدمين، لا سيما للأشخاص الذين يواجهون الحالات التالية:
- ضعف البصر: العمى، ضعف البصر، عمى الألوان
- ضعف السمع: الصمم، ضعف السمع
- الإعاقات الحركية/الجسدية: صعوبة استخدام اليدين (وبالتالي عدم القدرة على استخدام الماوس)، والشلل والحاجة إلى استخدام أدوات مساعدة خاصة للوصول إلى الويب.
- الإعاقات المعرفية: صعوبات التعلم، مشاكل الذاكرة، اضطرابات الانتباه
- ضعف الكلام
- اضطرابات النوبات: الحساسية للمحتوى الوامض
- نطاق ترددي محدود : غير قادر على تحميل الملفات والصور ومقاطع الفيديو الكبيرة
لماذا تعد إمكانية الوصول إلى الويب مهمة؟
إمكانية الوصول إلى الويب أمر بالغ الأهمية لعدة أسباب.
1. الشمولية
يعاني أكثر من مليار شخص حول العالم من أحد أشكال الإعاقة، بما في ذلك ضعف البصر، وضعف السمع، وضعف الإدراك، وضعف الحركة. إن جعل موقعك الإلكتروني متاحًا للجميع سيضمن قدرة هذه الفئة من مستخدمي الإنترنت على استخدامه بفعالية.
2. المتطلبات القانونية
إلى جانب الواجب الأخلاقي المتمثل في مساعدة الآخرين، هناك أسباب قانونية لإضفاء إمكانية الوصول إلى موقعك. لدى العديد من الدول قوانين (مثل قانون الأمريكيين ذوي الإعاقة (ADA)) ، وقانون إعادة التأهيل لعام 1973، وقانون إمكانية الوصول الأوروبي (EAA) ) تشترط إمكانية الوصول الرقمي. في ما يلي مزيد من المعلومات حول هذا الموضوع.
3. تجربة مستخدم أفضل
تصبح المواقع المبنية مع مراعاة إمكانية الوصول أسهل للتصفح للجميع، سواءً الأشخاص غير ذوي الإعاقة أو كبار السن، أو من يستخدمون الأجهزة المحمولة أو يعانون من بطء الإنترنت.
4. فوائد تحسين محركات البحث
أن العديد من أفضل ممارسات إمكانية الوصول (مثل استخدام العناوين والنص البديل وHTML الدلالي) تعمل أيضًا على تحسين تحسين محرك البحث .
5. جمهور أوسع
إن جعل موقع الويب الخاص بك متاحًا يفتحه لعدد أكبر من الأشخاص ويمكن أن يحسن صورة علامتك التجارية.
كيف يتم فرض إمكانية الوصول إلى الموقع الإلكتروني قانونيًا؟
إمكانية الوصول إلى موقع الويب بشكل مختلف في جميع أنحاء العالم:
- في الولايات المتحدة، يتطلب القسم 508 من قانون إعادة التأهيل وقانون الأمريكيين ذوي الإعاقة من بعض المنظمات تلبية متطلبات إمكانية الوصول.
- في أوروبا، يضع قانون إمكانية الوصول الأوروبي (EAA) معايير إمكانية الوصول للمنتجات والخدمات الرقمية.
- يمكن أن يشمل التنفيذ الدعاوى القضائية، والتدقيق، والعقوبات في حالة عدم الامتثال.
ينص قانون الأمريكيين ذوي الإعاقة (ADA) على ضرورة أن تكون الأماكن العامة متاحة للأشخاص ذوي الإعاقة. في عام 2017، رُفعت أكثر من ٧٦٠٠ دعوى قضائية ضد مشغلي مواقع إلكترونية تتعلق بالامتثال لقانون الأمريكيين ذوي الإعاقة. معظم هذه الدعاوى تتعلق بمواقع إلكترونية غير متاحة للمكفوفين أو ضعاف البصر.
تشمل التشريعات الأخرى المعمول بها المادة 508، وهي تعديل لقانون إعادة تأهيل القوى العاملة لعام 1973. صدر هذا التعديل عام 1998، ويشترط أن تكون التكنولوجيا الإلكترونية وتكنولوجيا المعلومات التي تُطورها أو تشتريها الوكالات الفيدرالية متاحة للأشخاص ذوي الإعاقة. ينطبق هذا فقط على مجموعة فرعية من مشرفي المواقع، ولكنه مهم لأنه يوفر إرشادات فعلية. تتضمن المادة 508 إرشادات الوصول إلى محتوى الويب 2.0 (المزيد حول هذا لاحقًا).
لذا، هناك أسباب قانونية لجعل موقعك الإلكتروني سهل الوصول أيضًا.
تتعلق إمكانية الوصول إلى الويب بإزالة الحواجز التي تمنع الزائرين من التفاعل مع المحتوى الخاص بك.
يمكنك تحقيق ذلك باتباع إرشادات محددة عند برمجة موقعك. هذا كل ما في الأمر - في كثير من الحالات، يكفي استخدام بضعة أحرف أو كلمات برمجية في الأماكن الصحيحة. في بعض الحالات، قد يكون العمل أكثر تعقيدًا، ولكنه لا يزال يستحق العناء.
سواء كانت أسبابك أخلاقية أو قانونية، فإن التعرف على إمكانية الوصول إلى الويب يجب أن يكون بالتأكيد على جدول أعمالك.
مجتمع إمكانية الوصول نشط على منصات التواصل الاجتماعي، ودائمًا ما تُجرى نقاشات قيّمة. ابحث عن هاشتاغ "a11y" (اختصارًا لكلمة "إمكانية الوصول") على تويتر وغيره من منصات التواصل الاجتماعي. كلمة "A11y" مشتقة من حرف "A" + 11 حرفًا + y في كلمة "إمكانية الوصول".
Static grid:
أمثلة على إمكانية الوصول إلى الويب
من الأمثلة الشائعة توفير نص بديل للصور. غالبًا ما يستخدم الأشخاص ذوو الإعاقات البصرية أو المكفوفون برامج قراءة الشاشة، وهي برامج تقرأ محتوى الويب بصوت عالٍ. إذا لم تتضمن صورة على صفحة ويب نصًا بديلًا، فلن يتمكن قارئ الشاشة من وصفها للمستخدم، مما يؤدي إلى فقدان المعلومات.
وتشمل الأمثلة الأخرى ما يلي:
- تباين ألوان كافٍ بين النص والخلفية للأشخاص الذين يعانون من ضعف البصر أو عمى الألوان .
- التأكد من إمكانية الوصول إلى كافة الوظائف باستخدام التنقل عبر لوحة المفاتيح (للمستخدمين الذين لا يستطيعون استخدام الماوس).
- توفير ترجمات أو نصوص مكتوبة للوسائط المتعددة (مقاطع الفيديو والبودكاست) للأشخاص الذين يعانون من ضعف السمع أو صعوبة السمع .
- عناوين واضحة وهيكل في ترميز HTML لمساعدة الأشخاص ذوي الإعاقات المعرفية أو استخدام وكلاء المستخدم مثل برامج قراءة الشاشة.
إرشادات إمكانية الوصول إلى الويب: ما هي المبادئ الأربعة لإمكانية الوصول إلى الويب؟
لمعرفة كيفية جعل موقع الويب مُتاحًا للجميع، يلجأ مُشرفو المواقع (والحُكّام) إلى مجموعة مبادرة إمكانية الوصول إلى الويب (WAI) التابعة لاتحاد شبكة الويب العالمية (W3C) للحصول على إرشادات إمكانية الوصول إلى محتوى الويب (WCAG). هذه ليست قوانين أو لوائح، بل هي إرشادات طوعية لجعل موقعك الإلكتروني مُرحّبًا بالجميع، دون استثناء الأشخاص ذوي الإعاقة.
تتداخل العديد من إرشادات WCAG مع متطلبات المادة 508. إذا كنت مهتمًا، فهذه المقالة تُقارن بين WCAG والمادة 508. إذا لم تكن متعاقدًا فيدراليًا، فإن WCAG هي خيارك الأمثل. يسعى العديد من مشرفي المواقع إلى التوافق مع كلٍّ من WCAG والمادة 508 نظرًا لتداخلهما الكبير.
إرشادات WCAG (الإصدار 2.1 حاليًا) مُنظمة في قائمة مرجعية . لا تُرهق نفسك بالمعلومات الكثيرة في هذا الرابط. تُمثل هذه الوثيقة جهدًا شاملًا لتحديد معايير إمكانية الوصول، وليس عليك استيفاء جميعها لجعل موقعك متاحًا لمعظم المستخدمين. في الواقع، تُصنف عناصر قائمة المرجع إلى A أو AA أو AAA. يمكن للشركات أن تسعى للامتثال عند المستوى A (الأدنى)، أو AA ( المتوسط )، أو AAA (الأعلى).
AA هو المستوى المستهدف للعديد من الشركات. ويُخصص عادةً لبرامج مُخصصة.
يتم تنظيم المبادئ التوجيهية حول أربعة مبادئ:
1. إمكانية الإدراك
يجب أن تكون المعلومات ومكونات واجهة المستخدم سهلة العرض للمستخدمين بطرق يفهمونها. ويشمل ذلك معايير مثل توفير بدائل نصية للمحتوى غير النصي، والمحتوى القابل للتكيف.
2. قابلية التشغيل
يجب أن تكون مكونات واجهة المستخدم ونظام التنقل قابلين للتشغيل. على سبيل المثال، يجب أن تكون جميع الوظائف متاحة عبر لوحة المفاتيح.
3. مفهومة
يجب أن تكون المعلومات وطريقة استخدام واجهة المستخدم مفهومة. ويشمل ذلك، على سبيل المثال، تحديد اللغة الأساسية للصفحة.
4. قوي
يجب أن يكون المحتوى قويًا بما يكفي ليُفسَّر بشكل موثوق من قِبل مجموعة واسعة من وكلاء المستخدم، بما في ذلك التقنيات المساعدة. هذا يعني التأكد من استخدام ترميز صحيح، على سبيل المثال.
الالتزام بالمستوى A يُضفي امتثالاً أساسياً على موقعك. مع كل مستوى أعلى، يصبح موقعك أكثر سهولة في الوصول.
نصائح لفهم أساسيات إمكانية الوصول إلى الويب
من السهل جدًا فهم أساسيات إمكانية الوصول إلى الويب، ولكن مع التعمق أكثر، قد تصبح المشكلات والحلول أكثر تعقيدًا. إذا لم تتمكن من التوافق التام مع معايير WCAG 2.1 فورًا، فلا يزال بإمكانك القيام بالكثير لجعل موقعك أكثر سهولة في الوصول. إليك سبع نقاط بداية سهلة:
1. تحديد لغة الوثيقة
ساعد قارئات الشاشة على تحديد اللغة الأساسية المستخدمة في المستند. يمكنك القيام بذلك بسهولة باستخدام HTML: <html lang=" en ">.
2. استخدم عناوين صفحات ذات معنى
يجب أن يصف عنوان كل صفحة محتواها بدقة وإيجاز. يجب أن يكون لكل صفحة عنوان فريد يميزها عن غيرها من الصفحات.
3. استخدم علامات alt على الصور
تأكد من أن جميع الصور تتضمن نصًا بديلًا مكافئًا (نص بديل). على سبيل المثال، سيتم تعريف صورة مقر شركتك على النحو التالي: < img alt= "companyquarters photo" src ="hq.jpg">. بدون النص البديل، لن تظهر الصورة للزوار ذوي الإعاقة البصرية، أو لمحركات البحث، أو لمن أوقفوا عرض الصور.
4. لا تحتاج إلى ماوس
يجب أن يكون كل شيء قابلاً للتشغيل من لوحة المفاتيح، فالعديد من الأشخاص لا يستطيعون استخدام الماوس، بمن فيهم كبار السن ومن يعانون من ضعف في التحكم بالمهارات الحركية الدقيقة. إذا كان موقعك قابلاً للتشغيل من لوحة المفاتيح، فسيكون قابلاً للتشغيل أيضاً من خلال تقنية مساعدة تُحاكي لوحة المفاتيح، مثل إدخال الكلام.
5. توفير نصوص مكتوبة للصوت
يحتاج العديد من المستخدمين—وبخاصة كبار السن أو من يعانون من ضعف التحكم الحركي الدقيق—إلى الاعتماد على لوحة المفاتيح بدل الفأرة. عندما تجعل موقعك قابلاً للتشغيل بالكامل عبر لوحة المفاتيح، يصبح متوافقًا أيضًا مع تقنيات المساعدة التي تعمل كلوحة مفاتيح افتراضية، مثل الإدخال الصوتي.
6. اجعل نص الرابط ذا معنى
يجب أن يكون المستخدمون قادرين على تحديد غرض الرابط من الرابط وحده و/أو سياقه.
7. افحص صفحتك للتأكد من إغلاق العلامة بشكل صحيح
قد يُؤدي فقدان أقواس الفتح أو الإغلاق إلى خلل كبير في قارئ الشاشة، لذا تأكد من تنسيق صفحاتك بشكل صحيح. استخدم أداة التحقق من صحة العلامات هذه للعثور على الأخطاء المحتملة.
ستلاحظ أن العديد من هذه العناصر مفيدة أيضًا لتحسين محركات البحث (SEO)، لذا ستحصل على قيمة مضاعفة مقابل أموالك في أي عمل يتعلق بإمكانية الوصول تقوم به. الخطوات المذكورة أعلاه هي خطوات أولية، لكنها ستحسّن بشكل كبير إمكانية الوصول إلى موقعك بأقل جهد. راجع إرشادات WCAG لمزيد من المعلومات.
موارد إمكانية الوصول إلى الويب
تكمن صعوبة تعزيز إمكانية الوصول في وجود العديد من القواعد التي يجب اتباعها لرفع مستوى إمكانية الوصول إلى موقعك، خاصةً إذا كنت تعمل على شيفرة قديمة. ومع ذلك، حتى لو لم تكن تخطط للوصول إلى مستوى الامتثال لمعايير WCAG AA، فمن واجبك تجاه مستخدميك اتخاذ أكبر قدر ممكن من الخطوات لجعل محتواك متاحًا. ابدأ بتقييم موقعك باستخدام إحدى أدوات تقييم إمكانية الوصول التالية (في بعض هذه الأدوات، ستحتاج إلى استبدال معلومات الاتصال الخاصة بك بالتقرير):
أدوات Chrome Dev : تحتوي أدوات التطوير على أداة تقييم مدمجة يمكنك الوصول إليها من خلال علامة تبويب "التدقيق". تتحقق هذه الأداة بشكل أساسي من ملاءمة الصفحة لقارئات الشاشة، وتنظر في مشاكل إمكانية الوصول الأخرى.
AChecker : التحقق من صفحات HTML الفردية للتأكد من توافقها مع معايير إمكانية الوصول.
PowerMapper : يتحقق من إمكانية الوصول إلى ما يصل إلى 10 صفحات بالإضافة إلى مشكلات أخرى مثل الروابط المعطلة ومشكلات تحسين محرك البحث.
إذا كنتَ مطورًا لـ WordPress، فسيسعدك معرفة أنه اعتبارًا من مارس 2016، تتوافق جميع الأكواد الجديدة أو المُحدّثة المُصدرة في نواة WordPress والقوالب المُجمّعة مع إرشادات WCAG 2.0 على مستوى AA. في مستودع قوالب WordPress، يمكنك البحث عن القوالب التي تحمل وسم "accessibility-ready". أما الإضافات، فهي قصة أخرى، حيث لا تخضع لتدقيق أي جهة فيما يتعلق بإمكانية الوصول إليها.
إمكانية الوصول إلى الويب وأسلوب عملك
لا تقتصر إمكانية الوصول إلى الويب على تلبية المتطلبات القانونية فحسب، بل تهدف إلى منح الجميع تجربة تصفح أفضل. الحفاظ على إمكانية وصول محتواك عبر الإنترنت هو عملية مستمرة. يمكنك تضمينها بشكل تلقائي باتباع هذه الخطوات الثلاث:
- التعرف على إرشادات وممارسات WCAG.
- قم بإنشاء قائمة تحقق في سير عملك للتأكد من أن المحتوى الجديد يلبي احتياجات إمكانية الوصول.
- مسح وتحديث المحتوى الموجود.
من خلال اتباع إرشادات WCAG، واستخدام التقنيات المساعدة، وتوظيف أدوات إمكانية الوصول المناسبة، يمكنك إنشاء محتوى رقمي يمكن للجميع استخدامه، بغض النظر عن قدراتهم أو إعاقاتهم.
ستمنحك أدوات فحص إمكانية الوصول إلى الويب فكرة عن نقطة انطلاقك. ومن هنا، يمكنك وضع خطة عمل تجعل موقعك متاحًا لجميع المستخدمين، أو على الأقل لأكبر عدد ممكن. أي خطوة تتخذها في الاتجاه الصحيح هي خطوة جيدة. تذكر: مواقع الويب سهلة الوصول تُفيد الجميع - المستخدمين والشركات والمجتمع ككل .
الأسئلة الشائعة حول إمكانية الوصول إلى الويب
فيما يلي بعض الأسئلة الشائعة حول إمكانية الوصول إلى الويب وإنشاء موقع ويب يمكن الوصول إليه.
1. ماذا يعني إمكانية الوصول إلى الويب؟
إمكانية الوصول إلى الويب هي ممارسة تصميم وتطوير المواقع الإلكترونية بحيث يمكن للجميع—وخاصة ذوي الاحتياجات الخاصة—التفاعل مع المحتوى الرئيسي وفهمه والتنقل فيه بسلاسة. هذا يشمل تحسين تجربة المستخدم عبر استخدام سمات مثل aria-* لتعريف عناصر الواجهة، وضبط حجم الخط وتباين الألوان، وضمان توافق الموقع مع التكنولوجيا المساعدة وأنظمة القراءة الصوتية مثل NVDA وVoiceOver.
2. كيف يمكن الوصول إلى صفحات الويب؟
- عناصر التحكم: تأكد من أن كل زر أو رابط قابل للتفعيل عبر لوحة المفاتيح، وعبر أوامر javascript البسيطة التي لا تعيق التنقل.
- سمات ARIA: استخدم aria-label وaria-describedby لوصف الأزرار والعناصر التفاعلية.
- CSS: اعتمد استراتيجيات مرنة (مثل rem أو %) لضبط حجم الخط وتوافقه مع إعدادات المستخدم ونظام التشغيل.
- التكنولوجيا المساعدة: اختبر موقعك باستخدام أدوات مثل NVDA (Windows) وVoiceOver (macOS/iOS)، وتأكد من أن الوسائط المتعددة—مثل الفيديو والصوت—مرفقة بترجمات أو نصوص توضيحية.
3. كيف أفعل إمكانية الوصول؟
- حدد لغة الوثيقة عبر <html lang="ar"> ليتمكن قارئو الشاشة من النطق الصحيح.
- استخدم عناوين منطقية (<h1>–<h6>) لتقسيم المحتوى الرئيسي.
- أضف نصًا بديلًا للصور (alt="") وعلامات وصفية للوسائط.
- ضبط CSS وjavascript لضمان أن التصميم والاستجابات لا تعتمد على الإيماءات فقط.
- اختبر على متصفحات وأنظمة تشغيل مختلفة، خصوصًا في الإمارات العربية المتحدة حيث يكثر استخدام الأجهزة المحمولة والاتصالات البطيئة—مثلاً عبر تعطيل الصور أو تقليل عرض الفيديو لعرض المزيد من النصوص.
4. ما هي فائدة إمكانية الوصول؟
- توسيع جمهورك ليشمل أكثر من مليار مستخدم حول العالم.
- تحسين تجربة المستخدم لكل زائر، بما في ذلك كبار السن ومن يعانون من ضعف البصر أو السمع.
- تعزيز سمعة العلامة التجارية في الإمارات العربية المتحدة وخارجها من خلال الالتزام بالمعايير العالمية.
- رفع ترتيبك في محركات البحث بفضل التقنيات المشتركة بين SEO وWCAG (عناوين واضحة، نص بديل، هيكل نظيف).
خاتمة
في نهاية هذا الدليل، تذكّر أن دمج التكنولوجيا المساعدة واتباع معايير الوصول ليست خطوة إضافية بل جزء أساسي من عملية التطوير. بمجرد ضبط عناصر التحكم، وتهيئة aria-*، وضبط حجم الخط في CSS، ستحقق فارقًا في تجربة المستخدم. لا تتوقف عند مجرد الامتثال القانوني—اسعَ لتحسين المحتوى الرئيسي ووسّع نطاق استفادة الجميع من المواقع الإلكترونية التي تقدمها.
إذا أردت عرض المزيد من الموارد أو أدوات التدقيق، ابدأ اليوم باختبار موقعك على NVDA وVoiceOver، واطّلع على وثائق WCAG الرسمية. أي خطوة تتخذها اليوم تقرّبك من ويب أكثر شمولية للجميع.
