كيفية جعل مواقع WordPress قابلة للوصول

تمت كتابة هذا المنشور بواسطة Amber Hinds ، الرئيس التنفيذي لشركة Equalize Digital ، وهي شركة B معتمدة متخصصة في إمكانية الوصول إلى WordPress. إذا كنت ترغب في معرفة المزيد حول Equalize Digital وخدماتها ، فتفضل بزيارة موقع الشركة على الويب.

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

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

في هذه المقالة ، سأغطي:

• ما هو الوصول إلى الويب؟
• لماذا الوصول مهم
• ما هي بعض مشاكل الوصول الشائعة؟
• اختبار مواقع WordPress لإمكانية الوصول
• الحفاظ على الوصول إلى موقع الويب

ما هو الوصول إلى الويب؟

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

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

يحتاج مصممو ومطورو الويب إلى التأكد من أن محتوى مواقع الويب ووظائفها يمكن إدراكها وقابليتها للتشغيل ومفهومة وقوية (POUR) ، مما يعني أنه يمكن الوصول إلى المحتوى والوظائف وفهمهما من قبل جميع الأشخاص على جميع الأجهزة.

تتضمن بعض الأمثلة على الميزات التي تجعل الوصول إلى مواقع الويب أكثر سهولة:

• التسميات التوضيحية والنصوص المغلقة لملفات الفيديو والصوت
• نص بديل على الصور
• تخطي الروابط للمساعدة في التنقل باستخدام لوحة المفاتيح
• تباين ألوان مناسب لجعل النص أكثر قابلية للقراءة

لماذا تعد إمكانية الوصول مهمة

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

لكن إمكانية الوصول إلى موقع الويب لا تتعلق فقط بالكرمة الجيدة ؛ كما أن لها تأثيرات واقعية على تصنيفات محرك البحث والمبيعات الجديدة وزوار الموقع الإلكتروني والتعقيدات القانونية وصورة العلامة التجارية.

ترتيب محرك البحث

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

زيادة المبيعات

ينص مركز السيطرة على الأمراض (CDC) على أنه اعتبارًا من عام 2018 ، يعاني 1 من 4 أمريكيين من إعاقة. ينفق الأمريكيون المعاقون أكثر من 200 مليار دولار في الإنفاق التقديري عبر الإنترنت سنويًا. تسمح ميزات إمكانية الوصول لمزيد من الأشخاص بالعثور على مواقع الويب واستخدامها ، مما يزيد من فرصة المبيعات الجديدة والتحويلات والعملاء المتكررين. عندما يتعذر الوصول إلى العديد من مواقع الويب في عالم اليوم ، فإن أي موقع ويب يمكن الوصول إليه سيقف رأسًا وكتفين فوق المنافسة.

مطلوب قانونا

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

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

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

صورة العلامة التجارية

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

ما هي بعض مشاكل الوصول الشائعة؟

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

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

نص بديل مفقود أو منخفض الجودة

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

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

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

تباين ألوان غير كافٍ

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

نص رابط غامض

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

الترجمة والنسخ المفقودة

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

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

اختبار مواقع WordPress للوصول إليها

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

اختبار الوصول الآلي

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

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

هناك أداتان مجانيتان شائعتان يمكن استخدامهما على أي موقع ويب هما WAVE و Axe. تحتوي هذه الأدوات على امتدادات Chrome و Firefox متاحة لاختبار عناوين URL الفردية ، واحدة تلو الأخرى ، والخطط المدفوعة التي تسمح بالاختبار المجمع والميزات الإضافية.

مدقق الوصول WordPress Plugin

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

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

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

الاختبار اليدوي

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

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

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

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

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

اختبار المستخدم

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

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

الخلاصة: الحفاظ على إمكانية الوصول إلى موقع الويب

من المهم ملاحظة أنه ، مثل تحسين محركات البحث (SEO) ، تعد إمكانية الوصول عملية مستمرة تتطلب مراقبة وتعديلات مستمرة. لضمان استمرار الوصول إلى موقع الويب الخاص بك ، قم بإنشاء خطة من أجل:

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

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