أكثر مواقع البيع بالتجزئة التي يمكن الوصول إليها للمعاقين بصريًا

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

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

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

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

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

لهذا ، لجأنا إلى اثنتين من الأدوات الرئيسية التي يستخدمها مقيمو إمكانية الوصول بانتظام: Google Lighthouse و Wave by WebAim.

أولها يمنح مشرفي المواقع درجة أداء من 0-100. يعرض الأخير كيف يمكن تحسين المواقع.

أكثر مواقع البيع بالتجزئة (والأقل) التي يمكن الوصول إليها بشكل عام

يجب أن تسعى الصفحات الرئيسية التي تقدم تجربة الوصول إلى ما لا يقل عن 90-100 على Google Lighthouse. يتم تمييز درجات أي مواقع تصل إلى هذا باللون الأخضر.

تفتخر H&M بالنتيجة المثالية لصفحتها الرئيسية في المملكة المتحدة. تشمل الإدخالات البارزة الأخرى Laura Ashley و Beauty Bay و B&Q و Sainsbury's.

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

تشمل المواقع التي يمكنها القيام ببعض التحسينات Superdrug و Boots و Carphone Warehouse.

تمثل الدرجة الأقل من 50 ضعف إمكانية الوصول. موقع واحد فقط حصل حاليًا على درجة أقل من 50 على صفحته الرئيسية: Halfords.

يساعدنا Wave by WebAim على فهم الإعاقات البصرية في مواقع معينة والتي قد تحتاج إلى إيلاء المزيد من الاهتمام لها.

المواقع الأكثر (والأقل) التي يمكن الوصول إليها لمستخدمي فاقدي الألوان

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

وفقًا لإرشادات الوصول إلى محتوى الويب (WCAG) الحالية ، لاجتياز المستوى AA ، يجب أن تسعى المواقع جاهدة للحصول على نسبة تباين تبلغ 4: 5: 1 للنص العادي و 3: 1 للنص الكبير. لتمرير مستوى AAA ، يجب أن تكون هناك نسبة تباين 7: 1 للنص العادي و 4: 5: 1 للنص الكبير.

يتم تعريف النص الكبير على أنه 14 نقطة (عادةً 18.66 بكسل) وغامق أو أكبر.

بالنسبة للرسومات ، يُقترح السعي للحصول على نسبة تباين 3: 1.

يحدد Wave by WebAim أي مواقف على الصفحة الرئيسية تفشل في تلبية نسب التباين هذه.

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

أعلى 5 أقل سهولة في الوصول إليها من بين أفضل 5 مواقع يمكن الوصول إليها

موقع البيع بالتجزئة	أخطاء تباين الألوان
سوبيردروج	251
ويلكو	86
ببساطة كن	47
نيسبتس	40
محل العطور	40

موقع البيع بالتجزئة	أخطاء تباين الألوان
لورا اشلي	0
واحه	0
التالي	0
سبيس ناغورني كاراباخ	0
امريكان جولف	0
دنلم	0

* ملاحظة: 6 مواقع مدرجة لأنها كلها مرتبطة بالمركز الأول

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

أدناه يمكنك رؤية تغييرات طفيفة فقط في اللون على الصفحة الرئيسية لـ Superdrug ، مما يتيح إمكانية الوصول لعمى الألوان:

اسحب شريط التمرير لمقارنة موقع الويب superdrug الحالي والمعدل.

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

أكثر المواقع التي يمكن الوصول إليها (والأقل) لمستخدمي قارئ الشاشة

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

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

ثانيًا ، يمكنك تنفيذ عناصر Accessible Rich Internet Application (ARIA) في HTML الخاص بك. سيساعد ذلك في أي تقنيات مساعدة لقراءة الشاشة مثل Apple VoiceOver أو JAWS أو TalkBack.

يمكنك أدناه معرفة المواقع التي يمكنها تحسين تجربتها لمستخدمي قارئ الشاشة:

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

المواقع الأكثر (والأقل) التي يمكن الوصول إليها للمستخدمين الذين يعانون من ضعف البصر

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

يُعرّف سيناريو النص الصغير بأنه أي نص بحجم 10 بكسل أو أصغر.

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

• كاري
• هافوردس
• جي دي سبورتس
• محل العطور
• دورات التفاعل المتسلسل
• سوبيردروج
• أسوس
• دبنهامز
• أرغوس
• أسدا
• تيسكو
• هولاند اند باريت
• جون لويس
• ويتروز
• امريكا جولف
• بيوتي باي
• دنلم
• B&Q
• سينسبري

تحتوي المواقع التالية على سيناريوهات نصية صغيرة على صفحاتها الرئيسية قد يصعب على المستخدمين ضعاف البصر قراءتها:

سجل Carphone Warehouse أكبر قدر من مشكلات النصوص الصغيرة في وقت التحليل (32). لقد أخذنا بعض لقطات الشاشة لقائمتهم قبل التحسينات. هنا ، قاموا بتضمين تسمية "جديد" ، بجوار بعض خيارات القائمة. من المحتمل أن يكون هذا النص أصغر من أن يقرأه المستخدمون ضعاف البصر.

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

الخلاصة والنتائج الرئيسية

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

تقدم Google Lighthouse درجة أداء أولية - والتي تعمل كمعيار مفيد لمراجعات موقع الويب المستمرة - بينما تحدد Wave by WebAim بالضبط المكان الذي قد تخطئ فيه.

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

للتلخيص ، هذه هي النتائج الرئيسية:

• H&M هو أكثر مواقع البيع بالتجزئة التي يمكن الوصول إليها للمستخدمين ضعاف البصر.
  • موقع Halfords هو أقل مواقع البيع بالتجزئة التي يمكن الوصول إليها من قبل المستخدمين المعاقين بصريًا.
• تقدم كل من Laura Ashley و Oasis و Space NK و American Golf و Dunelm و Next خيارات يمكن الوصول إليها للمستخدمين المكفوفين بالألوان.
  • يحتوي Superdrug على معظم مشكلات الصفحة الرئيسية للمستخدمين المكفوفين بالألوان.
• تواجه B&Q و Sainsbury أقل المشكلات بالنسبة لأولئك الذين يستخدمون قارئ الشاشة.
  • يحتوي برنامج Boots على معظم مشكلات الصفحة الرئيسية لمن يستخدمون قارئ الشاشة.
• 38٪ من أفضل الصفحات الرئيسية للبيع بالتجزئة ليس لديها مشاكل لمن يعانون من فقدان بسيط في الرؤية.
  • يحتوي Carphone Warehouse على معظم مشكلات الصفحة الرئيسية لمن يعانون من فقدان بسيط في الرؤية

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

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

المنهجية

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

تم استخدام Google Lighthouse and Wave by WebAim لتدقيق جميع المواقع.

تم استخدام نتيجة Google Lighthouse من 0-100 لترتيب المواقع بشكل عام لإمكانية الوصول على الهاتف المحمول فقط.

لتصنيف المواقع حسب إمكانية الوصول إليها للمستخدمين المكفوفين بالألوان ، تم تحديد أخطاء تباين الألوان باستخدام Wave by WebAim. بينما تم استخدام مدقق تباين الألوان لتحديد ما يمكن أن يفعله Superdrug لتمرير WGAG.

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

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