انتقل إلى المحتوى
  • المنتجاتالسهم للاسفل

9 طرق لإنشاء محتوى ويب يمكن الوصول إليه

خلال بحثي حول إمكانية الوصول إلى محتوى الويب، عثرتُ على إحصائياتٍ مُذهلة. هل تعلم أن عددًا كبيرًا من الأشخاص ذوي الإعاقة يُعانون من مشاكل في إمكانية الوصول إلى مواقع الويب؟ الأرقام مُذهلة حقًا.

فقط تخيل ذلك حول 15٪ أفادت منظمة الصحة العالمية أن حوالي 10% من سكان العالم يعانون من نوع من أنواع الإعاقة. وفي الولايات المتحدة الأمريكية وحدها، يبلغ هذا العدد حوالي 10%. شنومكس مليون الكبار، أو حوالي 1 من كل 4 بالغين، يعانون من الإعاقة.

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

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

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

ما هو محتوى الويب الذي يمكن الوصول إليه؟

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

باختصار، قد يكون لدى الأفراد الأنواع التالية:

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

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

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

  • قابلة للتشغيل؛
  • يمكن إدراكه؛
  • قوي؛
  • مفهوم. 

يمكنك أن تقرأ اضغط هنا للتعرف على كل مبدأ بعمق. التركيز على هذه المبادئ يعني مراعاة كيفية تفاعل الناس مع المحتوى. على سبيل المثال، قد يقوم الناس بما يلي:

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

أهمية المحتوى الذي يمكن الوصول إليه

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

وهذا ما قاله آدم زايد مؤسس مكاتب زايد للمحاماة، يقول:

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

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

كيفية جعل المحتوى الخاص بك متاحًا

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

  1. تحسين علامات العنوان والعناوين

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

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

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

الصورة 11

تأكد من ترتيب عناوينك بشكل صحيح (H3 بعد H2، إلخ) وأن كل عنوان يصف محتواك بدقة. استخدم وسم H1 واحدًا فقط، وأدرج عناوين فرعية في صفحات الويب.

الصورة 7

يمكنك استخدام SE Ranking AI Writer لتبسيط العملية برمتها وإنشاء هيكل محتواك بسرعة من خلال تضمين ما يصل إلى 20 كلمة رئيسية مستهدفة. ما عليك سوى تحديد موضوعك واستخدام الاقتراحات من قائمة المواضيع.

إنشاء هيكل المحتوى الخاص بك باستخدام SE Ranking AI Writer
  1. اجعل محتوى الوسائط الاجتماعية الخاص بك متاحًا

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

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

لتجعل محتوى الوسائط الاجتماعية الخاص بك متاحًا:

  • وصف صورك: أضف نصًا بديلًا لمساعدة الأشخاص المكفوفين أو ضعاف البصر.
الصورة 10
  • أضف النصوص والتعليقات التوضيحية إلى الفيديوهات: يمكنك وضعها في نفس صفحة الفيديو. هذا يُسهّل تصفح النصوص دون صوت، ويسمح لقارئات الشاشة بقراءتها.
  • قم بتضمين مترجم لغة الإشارة، والذي يمكن تضمينه مع مقاطع الفيديو لجعلها أكثر سهولة في الوصول إليها، بالإضافة إلى التعليقات التوضيحية والنصوص المكتوبة. 
  • أضف وصفًا إلى ملفك الصوتي أو الفيديو لمساعدة الأشخاص ذوي الإعاقة على فهم ما يحدث دون حوار.
  • اكتب علامات تصنيف يمكن الوصول إليها: اكتب كل كلمة بأحرف كبيرة، مثل #SocialMediaOptimization، لتسهيل فهم كل كلمة على حدة بالنسبة لقارئات الشاشة.
الصورة 5
  • لا تستخدم الكثير من الرموز التعبيرية: عند استخدام قارئ الشاشة، يتم قراءة اسم كل رمز تعبيري بصوت عالٍ، مما قد يكون صعبًا على المستخدمين.
  • استخدم أدوات جدولة وسائل التواصل الاجتماعي لتوفير الوقت وتعزيز فعالية المحتوى الخاص بك من خلال ضمان تفاعل جمهورك عندما يكونون أكثر نشاطًا.
  • جعل أزرار المشاركة على وسائل التواصل الاجتماعي أو الخلاصات المضمنة في متناول الجميع: يجب تشغيل هذه الميزات باستخدام لوحة المفاتيح دون التسبب في أي تشتيت.
  1. إنشاء حقول نماذج يمكن الوصول إليها

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

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

الصورة 4

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

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

  1. توفير نص رابط وصفي

يرجى الاطلاع على البيانين التاليين:

  • لتعلم المزيد، اضغط هنا.
  • لتعلم المزيد، مراجعة معايير WCAG.

الخيار الثاني يبدو أفضل، أليس كذلك؟

الصورة 12

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

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

  1. اكتب نصًا بديلًا مفيدًا للصور

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

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

صورة
الصورة 2

"كمسوق رقمي، كانت إحدى النصائح الأكثر قيمة التي تلقيتها حول النصوص البديلة هي:

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

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

  1. استخدم لغة سهلة الوصول

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

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

لقد سبق أن تناولنا استخدام لغة بسيطة لاتباع مبدأ إمكانية الوصول "المفهوم". لذا، من الضروري مراعاة هذه النقاط:

  • اكتب جملًا وفقرات قصيرة؛
  • تجنب استخدام المصطلحات أو الكلمات غير الضرورية؛
  • شرح الاختصارات والاستعارات والمختصرات؛ 
  • قم بإدراج نقاط محددة وإنشاء التركيز داخل النص؛ 
  • قم بالإشارة إلى لغة المحتوى الخاص بك باستخدام السمة "lang" في HTML.
  • اكتب عناوين واضحة وفريدة للصفحات؛
  • كن متسقًا واستخدم أدوات قيمة مثل Grammarly أو تطبيق Hemingway لتبسيط المحتوى الخاص بك.
  1. اكتب دعوات العمل سهلة الوصول

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

لإنشاء دعوات عمل عملية وسهلة الوصول:

  • اكتب نصًا عمليًا ووصفيًا. بدلًا من "انقر هنا" أو "تعرّف على المزيد"، قل "تعرّف على مكوناتنا".
الصورة 9
  • استفد من تباين الألوان. يجب ألا تقل نسبة تباين الألوان عن 4.5:1 ليتمكن معظم المستخدمين من قراءة النص. مع ذلك، قد تختلف النسبة باختلاف حجم النص أو مستوى توافقه مع معايير WCAG. يمكنك استخدام أداة فحص التباين هذه لتحديد مدى توافقها مع إرشادات إمكانية الوصول.
  • ضع دعوة العمل الأساسية الخاصة بك أعلى الطية حتى يتمكن جميع المستخدمين من رؤيتها دون الحاجة إلى التمرير لأسفل صفحة الويب.
  • يجب أن تكون العلامات والعناصر النائبة متسقة في النماذج لتوضيح المعلومات المحددة التي يجب ملؤها في كل حقل وبأي تنسيق.
الصورة 3
  • أنشئ نسخة الجوال من دعوتك لاتخاذ إجراء. عدّل حجمها وموقعها لضمان فعاليتها على الشاشات الصغيرة مقارنةً بأجهزة الكمبيوتر.
  1. إضافة خرائط المواقع على الموقع

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

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

تأكد من مراعاة الأخير ورؤية الشكل الذي ينبغي أن يبدو عليه:

الصورة 6

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

  1. تقييم المحتوى الخاص بك من حيث إمكانية الوصول إليه

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

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

قم بإجراء عمليات تدقيق ربع سنوية لموقعك الإلكتروني للتأكد من سهولة الوصول إليه. لتقييم أداء موقعك، يمكنك استخدام أدوات فحص سهولة الوصول المجانية مثل Accessibility Checker أو Google Lighthouse. 

الصورة 8

إن جعل المحتوى الخاص بك متاحًا هو ضرورة

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

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

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

نيك بلين

أُجري أبحاثًا وأعمل على ووردبريس وأكتب عنه منذ سنوات عديدة. أهتم بتصميم الجرافيك، وتحسين محركات البحث، والتسويق الرقمي. أنا من مُحبي الكلاب 🐶، ودائمًا ما أُفضل الشاي على القهوة، أليس هذا غريبًا؟ :D