دليل المبتدئين حول ما هو توافق موقع الويب مع ADA؟

مقدمة على موقع الويب ADA الامتثال

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

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

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

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

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

• الشركات التي تقع ضمن الباب الأول ، الأشخاص الذين يعملون لمدة 20 أسبوعًا أو أكثر سنويًا مع ما لا يقل عن 15 موظفًا بدوام كامل ؛ أو الباب الثالث ، الأشخاص الذين يندرجون في فئة "الإقامة العامة" ، مشمولين بقانون ADA.

• قد يؤدي عدم إنشاء موقع ويب متوافق مع ADA إلى فتح شركة أمام الدعاوى القضائية والمسؤوليات المالية والإضرار بسمعة علامتها التجارية.

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

فهم أساسيات - ما هو الامتثال ADA؟

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

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

عندما تقرأ عن ماهية مواقع الويب المتوافقة مع ada ، هناك مصطلح شائع قد تصادفه عدة مرات وهو WCAG. دعونا نفهم بسرعة أساسيات هذا المصطلح. WCAG تعني إرشادات الوصول إلى محتوى الويب.

من يجب أن يتبع الامتثال ADA؟

أول شيء يجب معرفته عن ADA هو ما هي الشركات التي يجب أن تمتثل لها.

بموجب العنوان الأول من قانون ADA ، فإن أي عمل يعمل به ما لا يقل عن 15 موظفًا بدوام كامل يعمل لمدة 20 أسبوعًا أو أكثر سنويًا مشمول بالقانون.

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

إذا كان عملك يندرج تحت الباب الأول أو الباب الثالث من قانون ADA ولا تعتقد أنك ملتزم بذلك ، فاستشر محامي الإعاقة لاستكشاف الخيارات المتاحة أمامك.

لماذا تتبع موقع ويب ADA الامتثال؟

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

إنها مسألة قانونية!

يمكن لمواقع الويب التي يتعذر الوصول إليها أن تقلل بالتأكيد عدد الأشخاص الذين يزورون موقع الويب الخاص بك. ما يقرب من 19 ٪ من السكان هو عدد كبير من الأشخاص الذين سيتم استبعادهم دون التفكير في ما هو التوافق مع مواقع الويب!

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

يضيف إلى حركة المرور اليومية على موقع الويب الخاص بك

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

يساعد تصميم موقع الامتثال ADA في بناء العلامة التجارية

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

يضيف تصميم موقع الويب المتوافق مع ADA إلى مزايا تحسين محركات البحث (SEO)

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

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

نصائح وحيل لجعل موقعك على الويب متوافقًا مع ADA

ما هو الامتثال ADA للمواقع؟ كيف أحقق امتثال ADA لموقع الويب؟ دعنا نجد بعض الحلول السريعة لهذه الأسئلة التي يمكن أن تضيف كليًا إلى تطوير موقع الويب لعملك ونموك:

1. العمل على إرضاء نسبة التباين

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

من أجل تجنب مثل هذه الالتباسات ، يجب أن يكون لديك نسبة تباين مناسبة بين الخلفية والنص.

2. لا تلعب كثيرا مع الألوان

هل يمكنك قراءة هذه الكلمة؟ حسنًا ، لا يستطيع كل واحد منا!

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

3. عمل نماذج قابلة للقراءة

الغرض من موقع الويب الجيد هو إجراء مبيعات من خلال جعلهم يملأون نماذج الاستفسار.

هذا ليس مثالًا جيدًا على النموذج ، حيث تكون التسميات الوصفية لجميع حقول النموذج غير واضحة.

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

4. اترك مساحة للتصحيحات

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

5. إعطاء خيارات لعدم وجود الماوس

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

6. العمل على التنقل السهل

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

7. اذهب للعناوين ذات المعنى

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

8. تصميمات مواقع الويب سريعة الاستجابة

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

9. خيارات لاستهلاك الوسائط

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

10. ضوابط أفضل للمستخدم

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

استنتاج بشأن الامتثال ADA على المواقع

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

هل تعمل على تصميم موقع ويب متوافق مع ADA؟ أو هل لديك بالفعل موقع ويب متوافق مع ADA؟ ما هي التحديات التي كنت تواجهها؟

دعنا نناقش أدناه في قسم التعليقات ، أو يمكنك الاتصال أو إرسال بريد إلكتروني. فريقنا سعيد لمساعدتك!