الاختبار باستخدام أدوات حقيقية

نظرة عامة (Overview)

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

في العديد من أنحاء العالم، تُطلب متاجر التجارة الإلكترونية قانونًا تلبية معايير إمكانية الوصول. إن جعل متجرك سهل الوصول لا يدعم فقط تجربة عملاء أفضل – بل يساعدك أيضًا على الامتثال للقوانين مثل قانون الأمريكيين ذوي الإعاقة (ADA) وقانون إمكانية الوصول الأوروبي (EAA). تشير معظم اللوائح إلى معيار WCAG 2.2 Level AA، الذي يحدد متطلبات قابلة للقياس لإمكانية الوصول.

استخدم نص بديل (Alt Text) وصفياً للصور (Use Descriptive Alt Text for Images)

أضف نصاً بديلاً وصفياً إلى صور المنتجات والمرئيات الأخرى. يساعد هذا مستخدمي برامج قراءة الشاشة (Screen readers) على فهم الغرض من الصورة السياق المحيط بها.

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

تسمية حقول النماذج بوضوح (Label Form Fields Clearly)

إذا كنت تضيف نماذج مخصصة (على سبيل المثال، باستخدام إضافة)، فتأكد مما يلي:

• يتضمن كل حقل تسمية مرئية وبرمجية (visible and programmatic label).
• لا تعتمد فقط على النص التوضيحي المؤقت (placeholder)، والذي يختفي أثناء قيام المستخدمين بالكتباة.

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

اختر سمة جاهزة لإمكانية الوصول (Choose an Accessibility-Ready Theme)

تؤثر السمات بشكل كبير على إمكانية الوصول. اختر سمة مسماة كـ جاهزة لإمكانية الوصول في مستودع ووردبريس (accessibility-ready in the WordPress repository)، حيث تلبي هذه السمات معايير إمكانية الوصول المعمول بها.

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

إذا كنت تختار سمة خارج WordPress.org، فاطلب من المطور تقرير مطابقة إمكانية الوصول (Accessibility Conformance Report) أو وثائق إمكانية الوصول الأخرى قبل اختيارها.

تقليل الحركة والتشغيل التلقائي (Minimize Motion and Auto-Play)

تجنب شرائط التمرير أو مقاطع الفيديو أو الحركات قيد التشغيل التلقائي ما لم يتمكن المستخدمون من إيقافها مؤقتاً أو تعطيلها. قد تسبب هذه الآثار مشكلات للمستخدمين الذين يعانون من حالات الدهليز أو الإدراك.

يجب أن تحترم الحركات إعداد "تقليل الحركة" (Reduce motion) في نظام التشغيل الخاص بالمستخدم. يمكنك اختبار ذلك عن طريق تمكين خيار "تقليل الحركة" في نظام macOS أو Windows والتحقق من قمع الحركات غير الضرورية على موقعك. إليك كيفية تشغيل تقليل الحركة على جهاز الكمبيوتر الخاص بك للاختبار:

• على Windows 11: انتقل إلى مسار الإعدادات > إمكانية الوصول > التأثيرات المرئية > تأثيرات الحركة (Settings > Accessibility > Visual Effects > Animation Effects).
• على macOS: انتقل إلى مسار تفضيلات النظام > إمكانية الوصول > العرض > تقليل الحركة (System Preferences > Accessibility > Display > Reduce motion).

الاختبار باستخدام أدوات حقيقية (Test with Real Tools)

استخدم أدوات تقييم إمكانية الوصول أو قم بإجراء اختبارات يدوية:

• تنقل في موقعك باستخدام لوحة المفاتيح فقط: استخدم مفتاح Tab للتنقل عبر جميع الأزرار والروابط وحقول النماذج، ومفتاح Enter (الرجوع/الإدخال) لتفعيل الأزرار والروابط. تأكد من أنه يمكنك البحث عن المنتجات، وإضافة المنتجات إلى سلة التسوق، وإتمام عملية الدفع دون استخدام الفارة.
• استخدم برامج قراءة الشاشة أو إضافات المتصفح مثل WAVE أو axe DevTools أو إضافات إمكانية الوصول في ووردبريس مثل Equalize Digital Accessibility Checker لتحديد المشكلات.
• جرب التكبير بنسبة 200% أو 400% للتأكد من أن جميع المحتويات لا تزال قابلة للقراءة وعدم تداخل العناصر أو اختفائها.
• اختبر موقعك باستخدام برامج قراءة الشاشة المجانية مثل NVDA (ويندوز) أو VoiceOver (ماك) لفهم أفضل لكيفية اختبار المستخدمين ذوي الإعاقة البصرية لمتجرك.

القيود المعروفة والحلول البديلة (Known Limitations and Workarounds)

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

• إضافات الطرف الثالث (Third-Party Extensions): ليست كل الإضافات متساوية في إمكانية الوصول. تحقق من الوثائق أو قم بالاختبار قبل التنفيذ.
• الكتل المخصصة (Custom Blocks): إذا كنت تستخدم أو تبني كلاً مخصصاً، فاتبع HTML الدلالية وأفضل ممارسات إمكانية الوصول.
• التخصيصات الخاصة بالموقع (Site-Specific Customizations): قد تؤثر الكود المخصص (JS/CSS) دون قصد على إمكانية الوصول. قم دائماً بإعادة اختبار التدفقات ذات الصلة بعد إجراء التغييرات.
• إذا كانت تخصيصاتك تتضمن خيارات الألوان، فاختبرها للتباين باستخدام أدوات فحص التتباين عبر الإنترنت. على سبيل المثال، تأكد من أن نص الزر مقروء مقابل لون خلفيته. فكر في تحذير المستخدمين (عبر واجهة المسؤول) عندما تخلق الإعدادات مجموعات غير قابلة للوصول.