10 طرق لتحسين إمكانية الوصول إلى موقع WordPress الخاص بك

نشرت: 2022-03-29
10 طرق لتحسين إمكانية الوصول إلى موقع WordPress الخاص بك

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

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

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

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

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

1. اجعل المحتوى الخاص بك قابلاً للتحكم من خلال الصوت

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

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

2. كن على دراية باختيارات الألوان الخاصة بك

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

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

3. تأكد من تسطير الروابط الخاصة بك

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

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

4. إضافة علامات بديلة إلى الصور

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

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

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

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

5. حافظ على روابطك وصفية

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

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

6. اختبر حجم الخط على شاشات مختلفة

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

7. إضافة روابط المحتوى الرئيسية

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

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

8. تقديم بدائل نصية للمحتوى المرئي والمسموع

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

9. تمكين فهرسة علامات التبويب

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

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

9. تمكين فهرسة علامات التبويب

10. تصميم مواقع لسرعات إنترنت منخفضة

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

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

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

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

استنتاج

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