كيفية إنشاء موقع ويب متوافق مع WordPress ADA في عام 2023

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

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

لحسن الحظ، هناك الكثير من المعلومات والبرامج التي يمكن أن تساعدك في إنشاء موقع ويب متوافق مع ADA. 

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

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

كيفية إنشاء موقع متوافق مع WordPress ADA (أربع نصائح أساسية)

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

1. افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

لم تصدر وزارة العدل الأمريكية بعد أي إرشادات رسمية للامتثال لقانون ADA، لكنها قدمت بعض التوصيات. على وجه الخصوص، تشجع ADA المؤسسات على اتباع إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) 2.0 المستوى AA.

تنص هذه الإرشادات على أنه يجب أن يكون الزائرون قادرين على إدراك جميع المعلومات التي تظهر عبر موقع الويب الخاص بك. 

وهذا يعني غالبًا توفير بدائل لوسائط موقعك. على سبيل المثال، توفر العديد من المواقع الشهيرة – بما في ذلك موقع YouTube – ترجمات لمحتوى الصوت والفيديو الخاص بها:

افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

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

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

افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

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

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

افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

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

بالنسبة لهؤلاء المستخدمين، من المهم أن يكون لديهم بنية تنقل واضحة ومتسقة.

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

2. قم بمراجعة موقع الويب الخاص بك لمعرفة مدى امتثاله حاليًا

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

إذا تجاهلت عاملًا واحدًا فقط يتعلق بإمكانية الوصول، فقد يؤدي ذلك إلى منع العميل المحتمل من الحصول على تجربة إيجابية مع موقعك.

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

يعد تقييم إمكانية الوصول إلى موقع الويب (WAVE) عبارة عن مجموعة من الأدوات التي يمكنها فحص موقعك وسرد أي مشكلات محتملة:

افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

يمكنك النقر فوق أيقونة i المصاحبة لعرض المزيد من المعلومات حول كل خطأ تم اكتشافه. سوف تقترح WAVE الموارد التي يمكن أن توفر رؤية أعمق لكل مشكلة تتعلق بقابلية الاستخدام:

افهم كيف يبدو موقع الويب المتوافق مع WordPress ADA

يقتصر WAVE على مسح صفحة واحدة في كل مرة. لتسريع هذه العملية، قد ترغب في تثبيت ملحقات WAVE لمتصفح Chrome أو WAVE لمتصفح Firefox ، والتي تمكنك من تشغيل WAVE على صفحة الويب التي تعرضها حاليًا.

3. اتبع أفضل الممارسات المثبتة لإنشاء مواقع ويب يسهل الوصول إليها

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

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

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

اتبع أفضل الممارسات المثبتة

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

في WordPress، يمكنك إضافة نص بديل عبر مكتبة الوسائط:

اتبع أفضل الممارسات المثبتة

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

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

للمساعدة في دعم الزائرين ذوي الإعاقات البصرية، نوصي بالحفاظ على نسبة تباين لا تقل عن 4.5:1 لكل النص الخاص بك. 

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

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

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

4. فكر في تثبيت المكونات الإضافية لتحسين امتثال موقعك

كما قد تتوقع، لا يوجد نقص في أدوات WordPress والمكونات الإضافية التي تعد بمساعدتك في تحقيق الامتثال لـ ADA. يمكنك فحص موقعك بالكامل بحثًا عن مشكلات إمكانية الوصول باستخدام WP ADA Compliance Check Basic :

فكر في تثبيت المكونات الإضافية

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

هناك خيار آخر وهو المكون الإضافي Accessibility Checker ، والذي يهدف إلى أن يكون بديل WAVE خاصًا بـ WordPress ويتيح لك فحص موقعك بالكامل من داخل لوحة تحكم WordPress الخاصة بك.

باعتبارك مالك موقع ويب، هناك العديد من الطرق لتسهيل الوصول إلى موقعك. ومع ذلك، فإن اختيارك لموضوع WordPress يمكن أن يقوض كل جهودك. 

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

يمكن أن يساعدك المكون الإضافي WP Accessibility في حل المشكلات التي تحدث عادةً مع سمات WordPress . 

بعد تنشيط هذا المكون الإضافي، انتقل إلى الإعدادات > إمكانية الوصول إلى WP في لوحة تحكم WordPress الخاصة بك:

فكر في تثبيت المكونات الإضافية

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

يتضمن ذلك إضافة مخطط تفصيلي لحالة الارتباط :focus لتحسين التنقل باستخدام لوحة المفاتيح، واستخدامه l ongdesc لتوفير مزيد من المعلومات حول محتوى الصورة.

من المهم ملاحظة أنه لا توجد حلول “التوصيل والتشغيل” لإنشاء موقع ويب يمكن الوصول إليه بنسبة 100%، على الرغم مما قد تدعيه بعض المكونات الإضافية. 

يمكن أن تكون المكونات الإضافية رائعة لفحص موقعك بحثًا عن المشكلات وإجراء بعض التعديلات، مثل تلك الموجودة في WP Accessibility (هنا يشارك مطور المكونات الإضافية أفكاره). 

لكن كن حذرًا من أي مكون إضافي يستخدم نهج “التراكب” ويدعي أنه يقدم امتثالًا بنسبة 100% لـ ADA فقط عن طريق تنشيط المكون الإضافي.

المصدر: themeisle

شاهد ايضا:

ترجمة عربي انجليزي

ترجمة هولندي عربي

إنشاء حساب بنك الرياض

إنشاء حساب بنك دبي الإسلامي

إنشاء حساب البنك السعودي للاستثمار

فتح حساب البنك الأهلي التجاري

إنشاء حساب سناب شات

إنشاء حساب أبل ستور

أفضل استضافة ووردبريس

أنت تستخدم إضافة Adblock

يعتمد موقع انشاء على الاعلانات كمصدر لدعم الموقع، يجب عليك ايقاف تشغيل حاجب الاعلانات لمشاهدة المحتوي