6 خطوات عملية لزيادة قابلية الوصول لموقعك الإلكتروني

في عصر الرقمنة الحالي، تتزايد شعبية التبرع عبر الإنترنت بشكل ملحوظ، ولا يمكن للمنظمات غير الربحية أن تتحمل وجود موقع ويب غير قابل للوصول. حيثما أظهرت دراسة لمؤسسة WebAIM لأفضل مليون موقع ويب أن 96.3% من الصفحات الرئيسية تحتوي على أخطاء متعلقة بمعايير    WCAG 2،  وهي عبارة عن  مجموعة من الإرشادات والمعايير التقنية التي وضعتها مجموعة عمل إدارة الويب World Wide Web Consortium W3C لتحسين إمكانية الوصول للمواقع الإلكترونية. 

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

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

كيف يمكن لمنظمتك غير الربحية تحسين قابلية وصول موقعها الإلكتروني؟

 يمكن لأي منظمة غير ربحية اتخاذ الخطوات التالية الآن لبدء تطوير موقع ويب أكثر قابلية للوصول:

1. إضافة نص بديل للصور.
2. التأكد من قابلية تصفح الموقع بواسطة لوحة المفاتيح.
3. استخدام تباين ألوان قوي.
4. جعل الفيديوهات متاحة للجميع.
5. التحقق من أن العناوين هرمية.
6. تنفيذ اختبارات المستخدم وتوفير فرص للتغذية الراجعة.

كثير من هذه النصائح مستمدة مباشرة من إرشادات قابلية المحتوى على الويب (WCAG)، التي تستخدمها المواقع الرائدة للمنظمات غير الربحية للحفاظ على مستوى عالٍ من التفاعل مع جمهورها.

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

1. إضافة نص بديل للصور

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

 من ناحية أخرى يجب أن يكون نص البديل للصورة مفصلًا ودقيقًا، ويعكس المحتوى الفعلي للصورة. بدلاً من وصف الصورة بشكل عام، يُفضل توفير وصف محدد ومفصل. على سبيل المثال، يمكن أن يكون نص البديل لصورة تُظهر مجموعة من المتطوعين وهم يقومون بتوزيع الطعام لذا يكون الوصف  كالتالي:[نص البديل: صورة لثلاثة متطوعين في منظمة غير ربحية يرتدون قمصان مميزة ويحملون صناديق طعام.]بدلاً من وصف الصورة ببساطة بأنها “أشخاص مع صناديق”، يجب أن يكون الوصف أكثر تفصيلًا ودقةً ليعكس الصورة بشكل صحيح ويسهل فهمها للأشخاص الذين يعتمدون على برامج قراءة الشاشة.

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

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

يمكنك اختبار إمكانية التنقل في موقع منظمتك باستخدام لوحة المفاتيح بالطرق التالية:

1. 1. 1. استخدام مفتاح التبديل للتنقل بين العناصر.

      2. التأكد من وجود آلية لتحديد موقع المستخدم بوضوح على الصفحة (ما يُعرف أيضًا بأسلوب التركيز) و الذي يساعد المستخدمين على معرفة العنصر الذي يتفاعلون معه أو الذي يتم التركيز عليه حاليًا.

      3.  التخلص من  العناصر التي تعيق حركة المستخدمين على الموقع، مثل عدم القدرة على الانتقال بين العناصر باستخدام لوحة المفاتيح، والتي تتسبب في أن يتوقف المستخدمون عن القدرة على التنقل بحرية.

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

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

3.استخدام التباين اللوني القوي

عندما يتعلق الأمر بالنصوص على موقع منظمتك، يعتبر التباين اللوني أمرًا أساسيًا لضمان قراءة محتواك بسهولة.

 على سبيل المثال، يعتبر النص الأسود على خلفية بيضاء سهل القراءة لأن هاتين الألوان تتميزان بمستوى عالٍ من التباين.

توصي WCAG بمعدل تباين لا يقل عن 4.5:1 أو 3:1 للنص الكبير. استخدم أداة التحقق من التباين المقدمة من WebAIM للتحقق مما إذا كانت خطط الألوان الخاصة بك قابلة للوصول.

4.إمكانية الوصول إلى الفيديوهات.

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

و لضمان قابلية وصول الفيديوهات لأولئك الذين يعانون من صعوبات في السمع (أو لأولئك الذين يشاهدون محتواك في مكان عام بدون سماعات رأس)، 

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

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

5.تحقق من أن العناوين الرئيسية متسلسلة

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

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

العنوان 1: يُشار إليه أحيانًا باسم علامة H1، يجب أن يكون هذا العنوان في أعلى التسلسل الهرمي. في معظم الأحيان، يكون هذا العنوان هو عنوان الصفحة. على سبيل المثال، قد يكون “التقنية في القطاع غير الربحي” أو “المنصة التقنية الشاملة في القطاع غير الربحي” مناسبًا لصفحة التقنية في المنظمات غير الربحية.

العنوان 2: فكر في كل عنوان 2، أو H2، كفرع فرعي من العنوان الرئيسي. على سبيل المثال، قد يكون “أخبار تقنية ” و “مقالات تقنية ” عناوين H2 قابلة للتطبيق على صفحة التقنية في المنظمات غير الربحية.

العنوان 3: مستمرين في التسلسل التنازلي للعناوين، يعد عناوين H3 فئات أصغر حجمًا تساعد في تقسيم الأقسام المحددة بواسطة العناوين H2. على سبيل المثال، تحت H2 “أخبار تقنية”،  مثل أخبار أجهزة أندرويد Android وقسم آخر حول أخبار أجهزة آبل iOS .

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

6.تنفيذ اختبار المستخدم وتوفير فرص للتغذية الراجعة.

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

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

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

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

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

المصدر:

مقال مترجم