أصبح الامتثال سهلاً: التنقل في إرشادات WCAG لمواقع التجارة الإلكترونية

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

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

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

انتقل إلى:

• ما أهمية إمكانية الوصول للتجارة الإلكترونية؟
• ما الذي يحتاجه موقع التجارة الإلكترونية ليتوافق مع WCAG؟

مصدر

ما أهمية إمكانية الوصول للتجارة الإلكترونية؟

في دراسة أجرتها WebAIM ، فشلت 95.9% من الصفحات المقصودة الرئيسية في معايير WCAG 2.0، وهو ما يمثل انخفاضًا طفيفًا فقط عن 96.3% في عام 2023.

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

ومع ذلك، لماذا يعد التوافق مع WCAG وإمكانية الوصول بشكل عام أمرًا مهمًا للتجارة الإلكترونية؟

أخلاق مهنية

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

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

توسيع قاعدة العملاء

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

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

وفقًا لتقرير معدلات المراضة والوفيات الصادر عن مراكز السيطرة على الأمراض والوقاية منها (CDC) ، يعيش واحد من كل 4 أشخاص بالغين في الولايات المتحدة مع إعاقة - وقد يؤدي منع هذه الشريحة الكبيرة من السكان من استخدام موقع ويب إلى تقييد شديد.

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

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

فوائد تحسين محركات البحث

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

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

عندما يتم التأكيد على إمكانية الوصول إلى موقع ما، يمكن لبرامج زحف بحث Google اكتشاف معدلات ارتداد أقل، ووقت أطول على الصفحة، وزيادة التفاعل.

وبالتالي، يمكنهم افتراض أن الصفحة التي يمكن الوصول إليها "ذات قيمة" وتصنيفها أعلى في نتائج محرك البحث (SERPs).

الامتثال القانوني

بصرف النظر عن توسيع قاعدة العملاء من خلال ضمان إمكانية وصول الجميع إلى موقعك والتنقل فيه، فإن إمكانية الوصول إلى الويب للتجارة الإلكترونية تعد أيضًا قانونًا وفقًا لـ ADA Title III.

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

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

إن WCAG ليس قانونًا، ولكنه، كما يوحي الاسم، مجموعة من الإرشادات.

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

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

مصدر

ما الذي يحتاجه موقع التجارة الإلكترونية ليتوافق مع WCAG؟

للتوافق مع إرشادات WCAG، يجب أن تكون مواقع التجارة الإلكترونية قابلة للفهم، وقابلة للتشغيل، ومفهومة، وقوية.

وهذا يعني أنها يجب أن تتضمن عناصر مثل تباين النص المناسب، والنص البديل، وهياكل العناوين المناسبة.

لفهم كيفية جعل موقع التسوق الإلكتروني متاحًا، من المهم أن نفهم ما هو WCAG.

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

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

مصدر

يقترح POUR أن موقع الويب يجب أن يكون:

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

كيف يمكن لموقع التجارة الإلكترونية التأكد من أنه يلبي هذه المبادئ الأربعة، وبالتالي يتوافق مع معايير WCAG؟

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

تباين النص المناسب

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

مصدر

يشير تباين النص إلى لون النص الذي يظهر على الشاشة مقارنة بالخلفية الموجودة عليه.

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

على سبيل المثال، النص الأبيض على خلفية بيضاء، والذي سيكون من المستحيل رؤيته، سيتم إعطاؤه النسبة 1:1. يتم إعطاء اللون الأسود على خلفية بيضاء بنسبة 21:1 - وهي نسبة أعلى بكثير لتوضيح تباين أكبر.

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

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

يجب أن يسعى موقع التجارة الإلكترونية إلى تحقيق التباين المناسب في جميع مناطق الموقع، بما في ذلك:

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

نص بديل

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

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

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

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

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

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

منذ إصدار WCAG 1.0 في عام 1999، كان النص البديل جزءًا أساسيًا من التوافق، حيث ينص على أن مواقع الويب يجب أن "توفر بدائل مكافئة للمحتوى السمعي والمرئي".

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

التنقل عبر لوحة المفاتيح

مصدر

لا تستخدم العديد من مجموعات الأشخاص الماوس للتنقل عبر موقع الويب.

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

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

تستخدم العديد من مواقع الويب استخدام مفتاح TAB للتقدم عبر الخيارات التي تعتبر "قابلة للتركيز"، مثل الروابط والأزرار وحقول الإدخال.

سيؤدي الضغط على TAB إلى التنقل عبر عناصر الموقع القابلة للتركيز بالترتيب الذي تظهر به هذه العناصر داخل التعليمات البرمجية المصدر.

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

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

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

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

لا تعد إمكانية الوصول إلى الويب للتجارة الإلكترونية مجرد مسألة امتثال قانوني ويفوز تحسين محركات البحث (SEO).

والأهم من ذلك هو الشيء الأخلاقي الذي يجب القيام به.

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

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