يعد دمج إمكانية تسهيل الوصول على موقع الويب الخاص بك للمستخدمين المعاقين هو الشيء الصحيح الذي يجب القيام به اليوم. ومع ذلك، لا يزال عدد كبير جدًا من مواقع الويب يفتقر إلى ميزات إمكانية الوصول.
هذا يعني أن ملايين المستخدمين يكافحون لاستخدام الويب.
ماهي إمكانية تسهيل الوصول إلى موقع الويب ؟
تدور إمكانية تسهيل الوصول إلى موقع الويب حول تصميم وتطوير مواقع الويب والأدوات والتقنيات التي يمكن للأشخاص ذوي الإعاقة استخدامها، وفقًا لاتحاد الويب العالمي (W3C).
يجب أن يكون الأشخاص ذوو الإعاقة قادرين على إدراك الويب وفهمه والتنقل معه والتفاعل معه والمساهمة فيه.
تنطبق إمكانية الوصول إلى الإنترنت على جميع الإعاقات التي تؤثر على تسهيل الوصول إلى موقع الويب، بما في ذلك:
- سمعي.
- ذهني.
- العصبية.
- بدني.
- خطاب.
- المرئية.
أين تقف ADA ؟
أكثر أقسام ADA صلة بالوصول إلى الويب هي العنوان الثاني والعنوان الثالث.
- يتطلب الباب الثاني من حكومات الولايات والحكومات المحلية والكيانات الحكومية التي تتلقى تمويلًا فيدراليًا تزويد الأفراد المؤهلين ذوي الإعاقة بوصول متساوٍ إلى برامجهم أو خدماتهم أو أنشطتهم.
- يحظر الباب الثالث “أماكن الإقامة العامة مثل المطاعم والفنادق ودور السينما والمتاحف والمستشفيات من التمييز على أساس الإعاقة”.
في حين أن ADA لا تعالج بوضوح مسألة إمكانية الوصول إلى الويب، غالبًا ما يتم اعتبار مواقع الويب والتطبيقات جزءًا من الشركة.
موجة جديدة من دعاوى ADA
شهدت السنوات الأخيرة ارتفاعًا في عدد دعاوى الوصول إلى الويب المستندة إلى ADA. تم رفع 2256 دعوى قضائية بشأن إمكانية الوصول إلى موقع ADA في المحاكم الفيدرالية في عام 2019.
ومع ذلك، يبدو أن المنحنى يتسطح.
كيفية تحسين موقع الويب الخاص بك للمستخدمين المعاقين
إن تحسين موقع الويب للمستخدمين المعاقين أمر منطقي تمامًا. يمكنك تلبية احتياجات قطاع سوق أوسع أثناء بناء صورة علامة تجارية إيجابية.
بمجرد اختبار موقع الويب الخاص بك للوصول إلى الويب، يمكنك تنفيذ الخطوات التالية:
1. أضف الصور بنص بديل
قد تساوي الصورة ألف كلمة، لكن العناصر المرئية مثل الصور هي حاجز أمام المستخدمين المكفوفين وذوي الرؤية المنخفضة. غالبًا ما يتعين عليهم الاعتماد على التقنيات المساعدة مثل قراء الشاشة وقراء طريقة برايل القابلة للانتعاش.
قراء الشاشة هي برامج برمجية تقرأ النص على الشاشة باستخدام جهاز توليف أو شاشة برايل. ومع ذلك، لا يمكن لأي من هذه التقنيات قراءة الصور أو النص الموجود في الصور.
لذلك ، تحتاج إلى إضافة نص بديل لوصف صورك للمستخدمين المعوقين. تأكد من وصف الصورة بأكبر قدر ممكن من الوضوح. يمكنك استخدام سمة النص البديل للحصول على أوصاف مختصرة و “Longdesc Tag” للأوصاف المطولة.
2. السماح للمستخدمين بتكبير أحجام الخطوط
غالبًا ما لا يستطيع الأشخاص ذوو الرؤية المنخفضة قراءة أحجام الخطوط والنصوص الصغيرة. لذلك، يتعين عليهم استخدام إعدادات خط محددة عند تصفح موقع الويب الخاص بك.
إن تقديم ورقة نمط بديلة مع القدرة على تكبير حجم الخط دون كسر تخطيط صفحتك من شأنه أن يسهل عليهم قراءة المحتوى الخاص بك.
تأكد أيضًا من أن أزرار الحث على الشراء لها حجم خط أكبر. أيضًا، اجعل هذه الأزرار مرئية للأشخاص الذين يعانون من ضعف في الرؤية.
3. ضع في اعتبارك حساسية التباين
جنبا إلى جنب مع حجم النص، فكر في اللون والتباين. الأشخاص الذين يعانون من ضعف البصر مثل التهاب الشبكية الصباغي والزرق واعتلال الشبكية السكري وإعتام عدسة العين لديهم حساسية تباين ألوان منخفضة.
عند تصميم صفحات الويب الخاصة بك، تأكد من وجود تباين كبير بين المقدمة والخلفية، مثل الأحرف الصفراء على خلفية سوداء.
تجنب استخدام الخطوط الرفيعة. حاول أيضًا تجنب استخدام أي ميزات JavaScript أو CSS التي ستمنع المستخدمين ضعاف البصر من زيادة التباين.
تمامًا مثل حجم النص ، يعد تباين الألوان أمرًا مهمًا أيضًا للحث على اتخاذ إجراء. في حين أن النص الأسود على خلفية بيضاء له أعلى درجة من القراءة، يمكنك أيضًا استخدام مزيج من النص الأسود على خلفية صفراء ونص أصفر على خلفية زرقاء.
تجنب استخدام مجموعات مثل النص الأخضر على الخلفية الحمراء والعكس صحيح حيث يصعب قراءتها.
4. إضافة التنقل باستخدام لوحة المفاتيح
بالنسبة للمستخدمين المكفوفين وضعاف البصر ، يمثل التنقل تحديًا. نظرًا لأنه لا يمكنهم استخدام الماوس لتصفح الموقع ، يجب عليك دمج التنقل باستخدام لوحة المفاتيح في موقع الويب الخاص بك.
سيستخدم المستخدمون المكفوفون لوحات مفاتيح برايل للوصول إلى موقعك. تأكد من أن المستخدمين المعاقين يمكنهم الوصول إلى جميع العناصر التفاعلية لموقعك على الويب ، بما في ذلك:
- عناوين URL.
- نص المرساة.
- القوائم المنسدلة.
- الحاجيات.
- نماذج.
- عبارات الحث على اتخاذ إجراء.
- مربعات الحوار.
أيضًا ، اجعل أدوات JavaScript قابلة للوصول باستخدام لوحة المفاتيح .
بدلاً من ذلك، يمكنك استخدام روابط HTML والأزرار وحقول الشكل وحدها للتأكد من إمكانية الوصول إلى جميع عناصر موقع الويب الخاص بك.
5. جعل الفيديو والوسائط المتعددة في المتناول
تلعب مقاطع الفيديو وعناصر الوسائط المتعددة الأخرى على موقع الويب الخاص بك دورًا مهمًا في زيادة مشاركة المستخدم على موقع الويب الخاص بك.
بينما لا يستطيع المستخدمون المكفوفون وضعاف البصر رؤية المرئيات، لا يستطيع المستخدمون الصم وضعاف السمع سماع الصوت.
يمكنك استخدام وصف صوتي لوصف الأجزاء المرئية فقط مثل الصور والإيماءات والتغييرات في الإعدادات، من بين أمور أخرى. سيساعد المستخدمين المكفوفين على الاستمتاع بالفيديو.
ومع ذلك، استخدم حكمك الأفضل عند إضافة وصف صوتي. تأكد من عدم حصولك على ساعات من الوصف الصوتي، مما يجعلها تجربة لا معنى لها للمستخدم.
يمكنك تقديم تعليقات نصية تتزامن مع مسارات الفيديو والصوت للمستخدمين الصم أو ضعفاء السمع. تأكد من استخدام تباين اللون الصحيح لتسليط الضوء على التعليقات بشكل صحيح.
أخيرًا، سيتعين عليك استخدام مشغل وسائط متعددة يمكن الوصول إليه. لحسن الحظ، يوفر لاعبو HTML5 فرصة أفضل لدمج إمكانية الوصول.
6. استخدم عناوين URL الوصفية
يمكن لقراء الشاشة قراءة عناوين URL الوصفية بسرعة ودقة، مما يوفر للمستخدمين المكفوفين وضعاف البصر بعض السياق.
تسهل الأوصاف ذات المغزى أيضًا التخطي إلى المحتوى الصحيح. على سبيل المثال، عند وصف رابط صفحة «حول»، احتفظ بالعقل التالي.
- سهولة القراءة المنخفضة: www.abcmarketing.com/about
- قابلية عالية للقراءة: www.abcmarketing.com/about-our-company
تجنب استخدام نص مرساة مثل «اقرأ المزيد» أو «انقر هنا» في أي مكان على الصفحة. أيضًا ، لا تضف روابط إلى الصور التي لا تدعم النص البديل.
7. استخدم أدوار ARIA
ARIA تعني تطبيقات الإنترنت الغنية التي يمكن الوصول إليها. يساعدك على جعل المحتوى الديناميكي أكثر سهولة.
توفر أدوار وسمات ARIA مزيدًا من المعلومات أو السياق حول عنصر موقع الويب لشاشة القراء والأدوات المساعدة الأخرى.
يمكنك إضافة دور ARIA باستخدام سمة دور = ”<ROLE TYPE>”.
تشمل الفئات الست الأكثر شيوعًا لأدوار ARIA ما يلي:
- معلم: تستخدم برامج قراءة الشاشة هذا الدور للتنقل.
- بنية المستند: يقدم وصفًا هيكليًا للقسم.
- القطعة: تصف العناصر التفاعلية التي تفتقر إلى المعادلات الدلالية في HTML.
- الملخص: يساعد في تنظيم المستند وتبسيطه.
- نافذة: تقوم بإنشاء فئة فرعية أو قسم فرعي من المستند الرئيسي.
- المناطق الحية: تساعد الأدوات المساعدة على اكتشاف تغييرات المحتوى الديناميكية على صفحة الويب وتنبيه المستخدمين المعوقين.
ومع ذلك ، يمكن فقط للأشخاص الذين لديهم إمكانية الوصول إلى التعليمات البرمجية المصدر ولديهم معرفة بـ ARIA و HTML5 إجراء هذه التغييرات ويجب عليهم ذلك.
يجب عليك الاتصال بمطور موقع الويب الخاص بك لمزيد من التفاصيل.
8. تجنب استخدام نص العنصر النائب في النماذج
غالبًا ما تستخدم النماذج عبر الإنترنت نصًا عنصريًا لوصف عناصر مختلفة لتوفير المساحة. ومع ذلك، فإن النص المساعد عادة ما يكون رماديًا.
لا يستطيع المستخدمون ضعاف البصر قراءته بسبب التباين المنخفض. إنه أيضًا نص غير ملصق، مما يعني أن قراء الشاشة عادة ما يتخطون نص حامل المكان. نتيجة لذلك، لن يتمكن المستخدمون المكفوفون من قراءة هذا النص أيضًا.
لذا، بدلاً من النص المساعد، استخدم العلامة < > أو سمة ARIA التي لا تختفي. أيضًا، استخدم أعلى تباين في النص والخلفية.
ستعمل هذه الخطوات على تحسين قابلية استخدام المستخدمين المكفوفين وضعاف البصر. ومع ذلك، عند اتخاذ هذه الخطوات، تأكد من تجنب إنشاء شكل شبكة مزدحم. حاول أن تبقيها بسيطة قدر الإمكان.
9. التقليل من استخدام الجداول
عادةً ما تقوم برامج قراءة الشاشة بإعلام المستخدمين المكفوفين بعدد الصفوف والأعمدة الموجودة في الجدول. ومع ذلك، غالبًا ما يكون من الصعب على قراء الشاشة قراءة البيانات المجدولة بنفس التدفق الذي يتطابق مع الترتيب المرئي.
لذلك، حيثما أمكن، استخدم CSS لعرض البيانات. إذا كان يجب عليك إنشاء جدول، فاستخدم الرؤوس الصحيحة لكل صف وعمود.
يمكنك أيضًا استخدام تعليقات جداول HTML5 لتوفير سياق إضافي للمستخدمين المعاقين.
الاستنتاج
إن إنشاء موقع ويب يمكن الوصول إليه ليس منطقيًا جيدًا فحسب، بل إنه أيضًا الشيء الصحيح أخلاقيًا الذي يجب القيام به.
لذلك ضع في اعتبارك دائمًا إمكانية الوصول. نأمل أن تساعدك هذه النصائح أثناء تحسين موقع الويب الخاص بك للمستخدمين المعاقين.
