إمكانية الوصول إلى WordPress

إمكانية الوصول إلى WordPress

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

يُمكّن التركيز على إمكانية الوصول في WordPress المزيد من الأشخاص من التنقل والتفاعل مع الموقع. من خلال تصميم يمكن الوصول إليه وميزات شاملة يمكن تحسين تجربة المستخدم الشاملة (UX) للأشخاص ذوي الإعاقة.

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

إمكانية الوصول إلى WordPress

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

إمكانية الوصول إلى WordPress

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

على سبيل المثال يجب أن يكون المحتوى:

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

ما هو المحتوى دائم الخضرة؟

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

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

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

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

ما هي السمات الرئيسية لإمكانية الوصول إلى الويب؟

ستحتاج إلى العمل على العديد من الميزات عند إتاحة الوصول إلى موقعك. وتشمل هذه:

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

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

8 نصائح لإمكانية الوصول إلى WordPress

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

تحدید سمة WordPress الصحيحة

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

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

إمكانية الوصول إلى WordPress

ومع ذلك ستجد العديد من المظاهر الجاهزة لإمكانية الوصول على WordPress. لقد اجتازت هذه الخيارات تدقيق إمكانية الوصول مما يوفر ميزات إضافية للتنقل السهل والرؤية الواضحة.

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

  • التنقل باستخدام لوحة المفاتيح
  • هيكل عنوان HTML معقول
  • نظام الألوان المتباين

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

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

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

 إضافة ميزات وظيفية مع الإضافات

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

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

يمكنك العثور على مكون إضافي للامتثال لـ WordPress ADA من خلال تطبيق المرشح الصحيح. إذا كنت تستخدم دليل المكونات الإضافية فتأكد من تصفح النتائج باستخدام علامة المكون الإضافي ” accessibility “.

إمكانية الوصول إلى WordPress

يعد One Click Accessibility أحد أفضل مكونات WordPress الإضافية لإمكانية الوصول.

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

 توصیف الصور بنص بديل

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

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

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

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

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

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

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

من المكونات الإضافية المفيدة الأخرى لإمكانية الوصول في WordPress هي Bulk Auto Image Alt Text.

إمكانية الوصول إلى WordPress

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

استخدم الخطوط المقروءة

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

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

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

عند استخدام مظهر كتلة يمكنك تعديل خطوط الموقع باستخدام محرر الموقع. في لوحة معلومات WordPress الخاصة بك افتح المظهر -> المحرر. ثم حدد أسلوب الطباعة.

إمكانية الوصول إلى WordPress

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

تحدید الألوان المتناقضة

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

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

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

أضف العناوين

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

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

يجعل محرر قوالب WordPress من السهل إضافة العناوين وتنظيمها لموقعك على الويب. يمكنك ببساطة إضافة قالب عنوان جديد ثم اختيار الحجم الذي تريده.

إمكانية الوصول إلى WordPress

بعد تنسيق العناوين يمكنك التحقق مما إذا كانت بالحجم الصحيح. للقيام بذلك انقر فوق الزر “تفاصيل” في الزاوية اليسرى العليا. إذا كان هناك مستوى عنوان غير صحيح فسيقوم WordPress بتوفير رسالة تنبيه.

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

استخدام نصوص الربط الوصفية (Descriptive Anchor Texts)

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

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

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

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

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

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

كتابة تعليق ونصوص لمقاطع الفيديو

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

تتمثل إحدى أسهل الطرق لإضافة مقطع فيديو إلى WordPress في إدراج كتلة YouTube. لحسن الحظ يحتوي YouTube على ميزة automatic caption feature. يمكن أن يوفر هذا وقت إنشاء التسميات التوضيحية بنفسك.

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

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

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

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

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

كيفية اختبار إمكانية الوصول إلى WordPress

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

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

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

إمكانية الوصول إلى WordPress

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

إمكانية الوصول إلى WordPress

وفي الوقت نفسه ستخبرك علامة تبويب الهيكل ما إذا كان من السهل التنقل في المحتوى.

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

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

فيما يلي بعض النصائح الإضافية لإجراء اختبار يدوي:

  1. تأكد من أنه يمكنك التنقل في الموقع باستخدام لوحة المفاتيح فقط
  2. استخدم قارئ الشاشة لمعرفة كيف يبدو المحتوى الخاص بك عند قراءته بصوت عالٍ
  3. اختبر ميزة تغيير حجم الخط

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

خاتمة

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

للمراجعة إليك بعض الطرق لتسهيل الوصول إلى موقع WordPress الخاص بك:

  1. حدد موضوعًا مناسبًا
  2. أضف ميزات وظيفية باستخدام مكونات WordPress الإضافية
  3. صِف الصور بنص بديل
  4. استخدم خطوطًا واضحة
  5. حدد الألوان المتناقضة لتصميم الموقع
  6. قم بتضمين عناوين لأجزاء أطول من النص
  7. تسمية الروابط بوضوح
  8. كتابة تعليق ونصوص

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

المصدر

منشور ذات صلة
إنتاج المحتوى 9 Minutes

عملية إنتاج المحتوى

إبتسام فاخر

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

السلة