إمكانية الوصول الرقمي للمسوقين الجزء 2: تجربة المستخدم والمواقع الإلكترونية
نشرت: 2022-06-16في المنشور الأول في هذه السلسلة حول إمكانية الوصول الرقمي ، تطرقنا إلى "ما هو وأسباب" إمكانية الوصول للمسوقين. حان الوقت الآن لـ "كيف".
لاحظ أننا قصرنا توصياتنا عمدًا على تلك العناصر التي يسهل تنفيذها تمامًا وذات الصلة بالمسوقين. هذه السلسلة ليست بأي حال من الأحوال قائمة شاملة لجميع المعايير التي يجب أن تكون الشركات على دراية بها عندما يتعلق الأمر بالمحتوى الذي يمكن الوصول إليه. إذا كنت تتطلع إلى التعرف على التفاصيل الجوهرية لإرشادات إمكانية الوصول ومعايير WCAG ، فراجع برنامج التعلم الإلكتروني TGPi. إنه خيار ذاتي السرعة يمكنك استخدامه لتحديث مهاراتك أو التعجيل بأساليب الوصول وأفضل الممارسات.
دعنا ننتقل إلى التوصيات!
إمكانية الوصول وتجربة المستخدم
تجربة مستخدم سلسة وسهلة هي نجمة الشمال لكل مسوق. السهولة التي يمكن بها للفرد إكمال مهمة حرجة ومدى توافق المحتوى مع التوقعات له تأثير كبير عليها وسيؤدي إلى جهود التسويق الخاصة بك أو كسرها.
من المنطقي ، أليس كذلك؟ إذا كنت ترغب في شراء شيء ما عبر الإنترنت وواجهت مشكلة في محاولة إدخال معلومات بطاقة الائتمان الخاصة بك ، أو أن العنصر الذي تريده غير متوفر ، فإن جودة تجربة المستخدم الخاصة بك ستنخفض. أولاً ، لأنك لم تكن قادرًا على إنجاز ما خططت للقيام به ، وثانيًا ، لأنك توقعت أن تكون قادرًا على تحقيقه ، لكن هذا لم يكن موجودًا في البطاقات. من شبه المؤكد أن هذه الضربة المزدوجة ستضمن أنك لن تعود إلى هذا الموقع بعينه!
بصفتك مسوقًا ، فأنت على دراية بأهمية تجربة المستخدم الفائقة. يمكنك حتى اختباره (مفيد لك!) أو لديك تحليلات في مكانه لقياسه. هذه التدابير ضرورية لتحسين مسار التسويق الخاص بك. ومع ذلك ، ما قد لا تفعله هو اختبار تجربة المستخدم لإمكانية الوصول. (إذا لم تكن كذلك ، فلا حكم! هذا ما تعتزم سلسلة المنشورات تغييره.)
رحلات المستخدم
رحلة المستخدم (المعروفة أيضًا باسم تدفق المستخدم أو مسار المستخدم) هي سلسلة من الإجراءات التي يتخذها المستخدم على موقعك. تتوافق رحلة المستخدم الحرجة مع الهدف الأساسي لموقعك ، مثل إكمال عملية شراء أو إرسال نموذج أو مشاهدة مقطع فيديو أو قراءة منشور ، إلخ.
يجب عليك دائمًا إعطاء الأولوية لإصلاح إمكانية الوصول لرحلات المستخدم الأساسية لعدة أسباب.
أولاً ، على الرغم من أنه قد يكون لديك محتوى مذهل في جميع أنحاء موقعك ، إذا لم يتمكن المستخدم من إكمال هدفه الأساسي المتمثل في زيارة موقع الويب الخاص بك ، فهذا هو العميل الذي فقدته إلى الأبد.
ثانيًا ، اعتاد العديد من الأشخاص ذوي الإعاقة للأسف على مواجهة التحديات عند القيام بأشياء يعتبرها الآخرون أمرًا مفروغًا منه. إنهم يتوقعونهم عمومًا ، لأن الكثير من العالم لم يتم إنشاؤه مع وضع إعاقاتهم الخاصة في الاعتبار.
في المتوسط ، من غير المرجح أن تحبطهم مخاوف إمكانية الوصول البسيطة المتعلقة بالمحتوى العرضي إلى درجة بدء الإجراءات القانونية. ولكن إذا لم يتمكنوا من فعل الشيء الوحيد الذي جاءوا لإنجازه على موقع الويب الخاص بك ، فأنت تفتح نفسك أمام مجموعة كبيرة من المخاطر القانونية ، خاصة إذا كنت علامة تجارية مقرها الولايات المتحدة.
اختبار مسارات المستخدم الحرجة الخاصة بك
لذا ، كيف تختبر تدفقات المستخدم الهامة الخاصة بك لإمكانية الوصول؟ إذا اخترت المسار اليدوي ، فيمكنك إجراء اختبار المستخدم مع الأشخاص ذوي الإعاقة أو فحص الرمز لكل خطوة باستخدام أداة مثل مجموعة أدوات ARC من TPGi (المزيد حول هذا لاحقًا) لتحديد حالات فشل WCAG.
بينما يكون الاختبار اليدوي أكثر شمولاً في نهاية المطاف ، إذا كنت تبحث عن تحديد أخطاء إمكانية الوصول في مسارات المستخدم الهامة على الفور ، يمكنك استخدام ميزة تدفق المستخدم الخاصة بمراقبة ARC لفحص كل مكون تلقائيًا بحثًا عن إمكانية الوصول. يمكنك تضمين جميع المكونات والتفاعلات الديناميكية لرحلة المستخدم ، من الصور إلى مربعات الحوار ، للمسح ، وستكون قادرًا على تتبع الأخطاء بمرور الوقت للمساعدة في تحسين عمليات الإصلاح الداخلية الخاصة بك.
يمكنك إقران المعلومات التي تحصل عليها من مراقبة تدفق المستخدم في ARC مع أدوات التحليلات الأخرى ، مثل مسار التحويل والأهداف في Google Analytics ، لتحديد العوائق التي تمنع المستخدمين من إكمال الإجراء المطلوب.
مواقع الويب التي يمكن الوصول إليها
موقع الويب هو المتجر أو المكتب الرقمي لشركتك. قد يكون هذا هو الانطباع الأول (أو الوحيد) الذي يحصل عليه العميل المحتمل عن شركتك ، لذلك سترغب في جعله جذابًا قدر الإمكان. ربما لديك عدد قليل من مقاطع الفيديو ، أو الكثير من الصور لتفريق الرتابة ، أو صفحات على صفحات ذات محتوى مدونة قيِّم. هذه كلها أصول رائعة يمكن للمسوقين الاستفادة منها لإقناع الناس بشراء منتجاتهم.
قد يبدو ضمان إمكانية الوصول إلى كل هذا المحتوى أمرًا شاقًا ، ولكن لا يمكن تمييز العديد من أفضل الممارسات للمحتوى الذي يمكن الوصول إليه عن أفضل ممارسات التسويق. تابع القراءة لمعرفة المزيد:
نص ارتباط وصفي
يعرف كل مسوق جيد أن الوضوح ضروري للتواصل الممتاز. إذا قمت بتزيين نسختك بالكلمات الزغب والكلمات المهمة (ولكن بلا معنى في النهاية) ، فستضيع رسالتك. على نفس المنوال ، إذا كنت متجنبًا للغاية مع التفسيرات الخاصة بك ، فقد لا يكون لدى العميل معلومات كافية لفهم ما تخبره به.
المحتوى عالي الجودة هو توازن بين هذين النقيضين ، وليس من المستغرب أن يتبع نص الرابط أو الرابط هذه القواعد نفسها. يعطي أفضل نص ارتباط للمستخدم فكرة عما يمكن توقعه بمجرد النقر. نص الارتباط الوصفي مهم بشكل خاص لنسخة الحث على اتخاذ إجراء. ما الذي يهيئ المستخدم بشكل أفضل لما سيواجهه عند النقر فوق "انقر هنا" أو "تنزيل المستند التقني"؟ من الواضح أن هذا الأخير! (إذا اخترت الأول ، فقد ترغب في التفكير في مسار وظيفي جديد.)
ليست هناك حاجة لتكريس CTA الخاص بك بكلمات رنانة ("قم بتنزيل أعظم ورقة بيضاء في العالم حول سحر Harry Houdini!") ولكن إعداد الأشخاص لمعرفة ما يدخلون إليه أمر بالغ الأهمية.
لماذا يعتبر نص الرابط مهمًا جدًا لإمكانية الوصول؟ أولاً ، يساعد بشكل كبير المكفوفين أو ضعاف البصر في إخفاء محتوى الصفحة. (ينطبق هذا أيضًا على الأشخاص الذين يعانون من ضعف في الرؤية أيضًا.) يستخدم المستخدمون الذين يعانون من إعاقات بصرية مجموعة من التقنيات المساعدة للوصول إلى المحتوى الرقمي ، مثل أدوات تكبير الشاشة للأشخاص الذين يعانون من ضعف في الرؤية ، وقارئات الشاشة للأشخاص المكفوفين. كما يوحي الاسم ، فإن قارئ الشاشة يقرأ حرفياً ما هو معروض على الشاشة.
ومع ذلك ، تسمح برامج قراءة الشاشة مثل JAWS للمستخدمين بالتنقل في جميع أنحاء الشاشة ، وقراءة المكونات المختلفة بدلاً من المرور عبر HTML بالكامل من أعلى إلى أسفل. عندما ينتقل المستخدم من مكون إلى آخر ، يقرأ قارئ الشاشة فقط نص الرابط للارتباطات ، وليس النسخة المحيطة. هذا يعني أنه إذا كانت جميع الروابط الخاصة بك هي نفس نسخة "انقر هنا" ، فلن يكون لدى مستخدم قارئ الشاشة أي فكرة عما سيحدث إذا اتبع هذا الرابط ؛ يضطرون إلى استكشاف المحتوى المحيط لفهم ما يتعلق به هذا الارتباط.
علاوة على ذلك ، تسمح برامج قراءة الشاشة للمستخدمين بفتح "قائمة الروابط" ، والتي تمنحهم وصولاً سريعًا إلى جميع الروابط الموجودة على صفحة الويب. هذا سيناريو شائع حيث تتم قراءة نص الرابط خارج السياق المحيط به وحيث تصبح أشياء مثل "انقر هنا" مشكلة حقيقية.
نص بديل للصور
يصف النص البديل ، أو "النص البديل" ، صور موقع الويب الخاص بك بحيث يمكن لمستخدم قارئ الشاشة الحصول على فكرة أكثر شمولاً عن محتوى كل صفحة ويب. إذا اخترت الصور التي تعمل كتفسير مرئي ، فسيكون الأشخاص الذين لا يستطيعون رؤيتها في حيرة إذا تخلت عن النص البديل.
ومع ذلك ، إذا قمت بتضمين الصور لأسباب جمالية بحتة (ربما تعجبك حقًا صور الأشخاص المنحنيين فوق أجهزة الكمبيوتر) وكان لديك العديد منها ، فقد لا ترغب في إضافة نص بديل لها جميعًا. ستقرأ برامج قراءة الشاشة كل النص البديل لكل صورة ، والذي قد يكون مزعجًا إذا لم يضيف النص قيمة إلى التجربة. إذا كان من الممكن اعتبار الصورة مزخرفة ولا تضيف أي معنى / فهم إضافي لمحتوى الصفحة ، فيجب إخفاؤها للتقنية المساعدة من خلال توفير سمة النص البديل الفارغة.
مواقع جيدة التنظيم
استخدم علامات العناوين الخاصة بك بشكل مناسب حتى يتمكن كل من القراء ضعاف البصر وغير المعاقين من تصفح الصفحة والحصول على فهم أساسي للمحتوى والتنقل فيه بسهولة. اتبع أفضل الممارسات الخاصة بالعناوين ، مثل بدء كل صفحة بـ H1 يصف محتوى الصفحة ، ثم استخدام H2s و H3 كعناوين فرعية. استخدم علامات العنوان عن قصد ؛ لا ترتبهم عشوائياً دون تفكير في الهيكل.
على الرغم من أنه يمكنك التمييز بين العناوين من خلال الوسائل المرئية من خلال تصميم CSS ، لا يتمتع مستخدمو قارئ الشاشة برفاهية رؤية هذه الفروق. من المهم بشكل خاص استخدام تخطيطات الصفحة جيدة التنسيق لضمان أن المستخدمين الذين يعانون من صعوبات في الرؤية يمكنهم بسهولة استهلاك المحتوى الخاص بك.
اجعل الفقرات كثيفة إلى الحد الأدنى ، واستخدم جملًا أقصر قدر الإمكان ، وتجنب استخدام المصطلحات أو الكلمات العامية. ستساعد النسخة الأكثر وضوحًا وإيجازًا المستخدمين الذين يعانون من إعاقات معرفية على فهم المحتوى الخاص بك بشكل أفضل وستساعد أيضًا في تقليل الارتباك لجميع القراء.
ربما سمعت أن فترات انتباه الناس أصبحت الآن أقصر من مدى انتباه السمكة الذهبية؟ في حالة الشك ، قسّمها ؛ اجعلها بسيطة قدر الإمكان.
نسب تباين اللون
لنأمل ألا يكون دليل أسلوب مؤسستك من تصميم بابا نويل ، لأن استخدام اللونين الأحمر والأخضر للألوان التكميلية لن يفيد المستخدمين لديك. يعد تباين الألوان عنصرًا أساسيًا في التصميم الذي يمكن الوصول إليه. قد يجد الأشخاص الذين يعانون من ضعف في الرؤية صعوبة في التمييز بين الألوان المتشابهة جدًا ، وبالنسبة لمستخدمي عمى الألوان ، لا يمكن تمييز العديد من الألوان.
يمكنك تجربة أداة Color Contrast Analyzer المجانية من TGPi والتي ستتخلص من التخمين في تحديد نسب الألوان الكافية. استخدم منتقي الألوان لاختيار ألوان المقدمة والخلفية ، وسوف يخبرك CCA ما إذا كان التباين مناسبًا.
أشكال يمكن الوصول إليها
يستخدم كل موقع تقريبًا نموذجًا لتمكين المستخدمين من إكمال مهمة. سواء كان عملك تجارة إلكترونية ، أو خدمة ، أو حتى مجرد عرض على الإنترنت ، فمن المرجح أن يتضمن نموذجًا. ومع ذلك ، يمكن أن تكون النماذج خادعة للأشخاص ذوي الإعاقة. هناك العديد من الاعتبارات الفنية (اقرأ: تلك التي يجب على المطورين تنفيذها) بالإضافة إلى الاعتبارات غير الفنية ، والتي يمكن للمسوقين الذين ليس لديهم معرفة بالشفرة اتباعها بسهولة. فيما يلي أفضل الممارسات غير الفنية:
- اجعل النماذج قصيرة وبسيطة - احصل على معلومات الاتصال بالعميل ثم قم ببناء علاقة لإشراكهم واكتساب المزيد من المعرفة الإضافية
- قدم تعليمات واضحة وتسميات مرئية - لا أحد يحب نموذجًا محيرًا
- التحقق من صحة المدخلات (تراجع عن التغييرات / التأكيد) - أبلغ المستخدمين بأي مشاكل وكيفية إصلاحها
- إخطار المستخدم (نجاح / فشل) - دع المستخدمين يعرفون ما إذا كان إرسال النموذج ناجحًا أم لا
- اعتماد متعدد الصفحات أو تقدمي - إذا كان يجب أن يكون لديك نموذج أكثر تعقيدًا ، فاستهدف نموذجًا متعدد الصفحات أو تقدميًا لا يربك المستخدمين
- إزالة الحدود الزمنية أو توفير الخيارات - قد تكون الحدود الزمنية مفيدة في إجبار المتسوقين على الشراء ، لكنها تضيف ضغوطًا لا داعي لها على الأفراد الذين يعانون من مشاكل قلق شديدة
فتات الخبز
فتات الخبز هي شكل من أشكال التنقل على موقعك تسمح لك بمعرفة كيف تتناسب الصفحة التي تتصفحها حاليًا مع الصورة الأكبر. عادة ما تكون روابط تؤدي إلى صفحات ذات مستوى أعلى.
قد يكون مثال على مسار التنقل على موقع التجارة الإلكترونية الذي يبيع الملابس
النساء> السترات> الصوف> معاطف البازلاء.
فتات الخبز مفيدة لإيجاد الطريق وتمكن المستخدمين من التنقل بسهولة مرة أخرى إلى الصفحات ذات المستوى الأعلى دون بدء رحلتهم من نقطة الصفر.
إنها ضرورية بشكل خاص للأشخاص ذوي الإعاقة لعدة أسباب. أولاً ، سيستفيد المستخدمون ذوو الإعاقات المعرفية دائمًا من تجربة سهلة الاستخدام تقلل الغموض. فتات الخبز مهمة بشكل خاص إذا كان موقعك مترامي الأطراف ومعقدًا. تعمل فتات الخبز أيضًا على توجيه مستخدمي قارئ الشاشة على الفور ، مما يجعل التنقل في الموقع أقل صعوبة.
في حين أن مسارات التنقل مفيدة بشكل واضح للمستخدمين ذوي الاحتياجات الخاصة ، مثل العديد من أفضل ممارسات الوصول ، إلا أنها تعمل على تحسين التجربة لجميع المستخدمين.
Chatbots وتكاملات الجهات الخارجية
تستفيد العديد من مواقع الويب من عمليات تكامل الجهات الخارجية لمواقعها على الويب ، مثل روبوتات الدردشة ، وشروط النوافذ المنبثقة ، والصفحات المقصودة الديناميكية ، وما إلى ذلك. إنها حقيقة مؤسفة أن برامج الجهات الخارجية غالبًا ما يتعذر الوصول إليها إلى حد كبير ، وهو وضع يتفاقم بسبب عدم قدرة الشركة على معالجته.
إذا اختارت مؤسستك دمج تطبيق جهة خارجية في موقع الويب الخاص بك ، فتأكد من الاستعانة بخبير لتقييمه قبل إضافته. على الرغم من أنك قد لا تكون قادرًا على التوفيق بين العديد من حالات فشل الوصول ، إلا أنك ستفهم على الأقل مستوى المخاطرة التي تتعرض لها. يمكنك أيضًا طلب بيان إمكانية الوصول أو ضمان من البائع الخاص بك لتضمينه في العقد (على الرغم من أنه لا يزال يتعين عليك اختبار المنتج للتحقق من دقته قبل التنفيذ).
كملاحظة جانبية ، اسأل البائعين دائمًا عن إمكانية الوصول إلى منتجاتهم. كلما زاد عدد العملاء الذين يطلبون منتجات يمكن الوصول إليها ، زادت فرصة استماع البائعين والبدء في دمج ميزات إمكانية الوصول في تصميمات منتجاتهم.