العربية
a11yglass · فحص إمكانية الوصول للمواقع الإلكترونية

الرئيسية › قاعدة المعرفة › بحسب النظام

إمكانية الوصول مع Shopify

تحدِّد قوالب Shopify وتطبيقاته إمكانية الوصول. أما الدفع فيحدده Shopify إلى حد بعيد.

مواضع الاكتشاف الشائعة

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

فحص القالب واختياره

يحدد القالب التباين والتركيز المرئي وبنية العناوين والتحكم بلوحة المفاتيح في القائمة والفلاتر. معايير قبل الاختيار: تنقّل عبر الصفحة الرئيسية ومجموعة وصفحة منتج بمفتاح Tab — هل التركيز مرئي دائمًا؟ هل تُفتح القائمة بلا فأرة؟ هل تباين النص والأزرار 4,5:1 على الأقل؟ قوالب Online Store 2.0 الافتراضية (Dawn والمشتقة منها) نقطة انطلاق متينة؛ ومع القوالب المدفوعة يفيد اختبار لوحة المفاتيح على العرض التجريبي وسؤال المزوّد عن بيان إمكانية الوصول.

صور المنتجات والمتغيرات والنص المنسّق

أعطِ كل صورة منتج في لوحة الإدارة نصًا بديلًا يصف المحتوى — لا اسم الملف. وينطبق الأمر نفسه على صور المتغيرات. النص المحفور كرسم في شارة أو لافتة ("تخفيضات"، "اليوم فقط") غير مرئي لقارئات الشاشة؛ استخدم نصًا حقيقيًا. في محرر النص المنسّق لوصف المنتج استخدم مستويات العناوين بنظافة (لا تكتفِ بتكبير النص) والقوائم كقوائم حقيقية.

التطبيقات والأدوات المضمّنة

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

الدفع: ما يفرضه Shopify وما لا يفرضه

الدفع القياسي في Shopify تديره Shopify وهو مبني إلى حد كبير بشكل يمكن الوصول إليه — لديك هناك أدوات قليلة. ما تؤثر فيه: امتدادات الدفع والحقول المخصّصة (رسالة هدية، التحقق من العمر) قد تعرقل الاستخدام بلوحة المفاتيح أو قارئ الشاشة، والطريق حتى الدفع — السلة، حقل رمز الخصم، اختيار الشحن — موجود في القالب. اختبر هذه الخطوات أيضًا.

الاختبار وأسئلة شائعة

اختبار سريع: شغّل الصفحة الرئيسية ومجموعة وصفحة منتج بلوحة المفاتيح فقط، كبّر في المتصفح إلى 200%، شغّل امتدادًا مثل WAVE أو axe DevTools. يتحقق فحص a11yglass المجاني إضافةً من HTML المُسلَّم من حيث التباين والنصوص البديلة والتسميات واللغة والبنية. هل يحتاج متجري على Shopify إلى بيان إمكانية الوصول؟ كقاعدة نعم — المتجر الذي يشتري عبره المستهلكون هو تجارة إلكترونية بمفهوم BFSG؛ انظر صفحة بيان إمكانية الوصول. هل الدفع في Shopify قابل للوصول أصلًا؟ إلى حد كبير مسؤولية Shopify، لكن الامتدادات قد تكسره. أي قالب يمكن الوصول إليه؟ لا يوجد ختم — الحاسم هو التنفيذ في الحالة المحددة.

كيف يساعد a11yglass

يفحص المسح المجاني الـ HTML والـ CSS المُقدَّمين بحثًا عن مخالفات WCAG التي يمكن التعرف عليها آليًا، ويذكر لكل نتيجة معيار النجاح وإجراءً ملموسًا. يكتشف نحو 20–35 % من المشكلات ولا يحل محل تقييم كامل.

تابع القراءة

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