كيفية جعل موقع الويب الخاص بك في متناول الأشخاص ذوي الإعاقة

إفشاء: يساعدك دعمك في الحفاظ على تشغيل الموقع! نحصل على رسوم إحالة لبعض الخدمات التي نوصي بها في هذه الصفحة.


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

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

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

نصائح لإنشاء موقع يمكن الوصول إليه

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

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

باختصار ، وفقًا لـ W3C: “إمكانية الوصول إلى الويب تعني أن الأشخاص ذوي الإعاقة يمكنهم استخدام الويب” (المصدر) بغض النظر عن الإعاقة. الوصول إلى هذا المستوى من الوصول هو هدف إرشادات الوصول إلى محتوى الويب (WCAG) 2.0 ، وهو المعيار المعمول به حاليًا من W3C.

ابدأ مشروعك مع وضع إمكانية الوصول في الاعتبار

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

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

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

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

بنية HTML بشكل صحيح

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

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

العمل مع المحتوى المرئي

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

لا تعتمد أبدًا على اللون وحده لنقل المعلومات

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

لا تستخدم CSS لتقديم المعلومات المهمة

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

تقديم بدائل لمحتوى الصوت والفيديو

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

استخدم نص الارتباط الوصفي

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

توخي الحذر عند استخدام المحتوى الديناميكي

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

تعرف على معلومات حول أدوار ARIA واستخدمها

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

الحفاظ على الوظائف للزوار باستخدام لوحة المفاتيح فقط

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

التحقق من إمكانية الوصول

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

بعد العمل عبر Easy Checks ، يجب أن تفكر في استخدام بعض الأدوات المجانية والمدفوعة العديدة المتاحة لتدقيق موقعك لمعرفة مشكلات إمكانية الوصول. جمعت W3C قائمة مفيدة من أدوات اختبار إمكانية الوصول. لمزيد من المعلومات حول التحقق من إمكانية الوصول ، راجع صفحة موارد تقييم إمكانية الوصول حيث ستجد العديد من الموارد الإضافية للمساعدة في التدقيق والاختبار لإمكانية الوصول.

مصادر إضافية

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

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

تقدم Google أيضًا دورة تدريبية مجانية حول مقدمة إمكانية الوصول إلى الويب والتي ستعلمك أساسيات إنشاء مواقع ويب يمكن الوصول إليها وتوضح كيفية استخدام أدوات إمكانية الوصول في متصفح الويب Chrome لاختبار موقعك من أجل إمكانية الوصول.

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

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

  • القسم 508 قائمة المراجعة: ستساعد قائمة المراجعة المفيدة هذه على ضمان امتثال تصميمك لمتطلبات القسم 508.
  • قائمة التحقق WCAG 2.0: إذا كان هدفك هو الامتثال لإرشادات إمكانية الوصول إلى محتوى الويب (WCAG) 2.0 ، فستساعدك قائمة التحقق هذه على التحقق من أن التصميم الخاص بك يصل إلى المستوى القياسي.
  • مدقق تباين الألوان: ما عليك سوى إدخال لون الخط ولون الخلفية لتحديد ما إذا كان التباين بينهما يتوافق مع معايير WCAG.
  • محاكاة قارئ الشاشة: تعرف على كيفية تجربة الزوار الذين يستخدمون برامج قراءة الشاشة على الويب باستخدام هذه المحاكاة.
  • محاكاة ضعف الرؤية: تسمح لك هذه المحاكاة بمشاهدة موقع الويب بطريقة تحاكي تأثير إعاقات الرؤية المختلفة مثل الجلوكوما وإعتام عدسة العين والتنكس البقعي.
  • محاكاة عسر القراءة: سوف يمنحك هذا التمرين البسيط فكرة عن كيفية تجربته وقراءته مع عسر القراءة حتى تحصل على تقدير أكبر من التحديات التي يواجهها الزوار المتأثرون في التنقل عبر الويب.
  • محاكاة التشتت: ستمنحك هذه المحاكاة إحساسًا بتأثير المعاناة من التشتت وتساعدك على تقدير قيمة المواقع المصممة لتقليل التشتت.
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map