Shopify قائمة التحقق من الامتثال لـ ADA (2026)

لا يذكر قانون الأمريكيين ذوي الإعاقة مواقع الويب. تمت كتابته في عام 1990، قبل أن يكون لدى معظم الناس بريد إلكتروني. لكن المحاكم قضت باستمرار بأن قانون ADA Title III - الذي يحظر التمييز في "أماكن الإقامة العامة" - ينطبق على متاجر التجارة الإلكترونية، وتتم مقاضاة تجار Shopify بسببه بأعداد متزايدة. إذا كنت تبيع عبر الإنترنت في الولايات المتحدة، فهذه ليست مخاطرة افتراضية.

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

ما يتطلبه ADA فعليًا (لا يوجد معيار رسمي)

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

ومن الناحية العملية، يتم سد هذه الفجوة عن طريقWCAG (إرشادات الوصول إلى محتوى الويب) 2.1 أو 2.2، المستوى AA. إنه ليس قانونًا، ولكنه ما تشير إليه اتفاقيات التسوية وخطابات توجيه وزارة العدل وأحكام المحكمة مرارًا وتكرارًا. إذا كان متجرك يتوافق مع WCAG 2.2 AA، فأنت تتوافق مع ما سيقيسك عليه كل طرف في الدعوى القضائية - المدعي والمدعى عليه والقاضي.

شيئان آخران يستحقان المعرفة قبل البدء:

• أصبح قانون إمكانية الوصول الخاص بالاتحاد الأوروبي قابلاً للتنفيذ بشكل منفصل(منذ يونيو 2025) للشركات التي تبيع منتجاتها في الاتحاد الأوروبي، مع تحديد متطلباتها الخاصة بشكل فضفاض لـ WCAG. إذا كنت تقوم بالشحن إلى عملاء أوروبيين، فإن قائمة المراجعة هذه تغطي معظم الأمور نفسها.
• الامتثال ليس ثنائيًا.أنت لا "تجتاز" ADA بالطريقة التي تجتاز بها اختبار القيادة. يمكنك تقليل تعرضك للخطر عن طريق تثبيت حواجز حقيقية، وتستمر في تقليله كلما وجدت المزيد.

قائمة التحقق من الامتثال لـ Shopify ADA

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

1. الصور والوسائط

• تحتوي كل صورة منتج على نص بديل وصفي - وليس "IMG_2481.jpg"، وليس عنوان المنتج مكررًا بدون تفاصيل مفيدة، ولكن وصفًا يمكن للمتسوق الأعمى التصرف بناءً عليه ("سترة من الصوف البحري برقبة دائرية، مطوية، على خلفية رمادية").
• تحتوي الصور المزخرفة (أنسجة الخلفية والفواصل) على سمات بديلة فارغة (alt="") لذا فإن برامج قراءة الشاشة تتخطاها بدلاً من قراءة اسم الملف بصوت عالٍ.
• يحتوي أي فيديو على موقعك على تسميات توضيحية. أي صوت لديه نسخة.

2. اللون والتباين

• يحتوي النص الأساسي على نسبة تباين تبلغ 4.5:1 على الأقل مع خلفيته؛ النص الكبير (18 نقطة +) يحتاج إلى 3:1. ستؤكد أدوات فحص التباين المجانية ذلك في ثوانٍ مقابل لوحة الألوان الخاصة بموضوعك.
• لا تعتمد شارات التخفيضات والتسميات "المباعة" وأخطاء النموذج على اللون وحده. تحتاج العلامة الحمراء "نفاد المخزون" أيضًا إلى كلمة "نفاد المخزون" - لا يستطيع المستخدمون الذين يعانون من عمى الألوان التمييز بين اللون الأحمر والأخضر.
• نص العنصر النائب في حقول النموذج ليس هو التسمية الوحيدة. يختفي نص العنصر النائب بمجرد ملء الحقل وغالبًا ما يفشل في تلبية متطلبات التباين تمامًا.

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

• كل عنصر تفاعلي - روابط التنقل، والمرشحات، و"الإضافة إلى سلة التسوق"، ومحددات الكمية، ودرج عربة التسوق، وحقول الدفع - يمكن الوصول إليه وتشغيله باستخدام مفتاحي Tab وEnter فقط، بدون استخدام الماوس.
• التركيز مرئي. عند الضغط على زر أو رابط، يكون هناك مخطط مرئي واضح يوضح موقعك. العديد من المواضيع تجرد هذا من أجل الجمالياتoutline: noneولا تستبدله أبدًا.
• تقوم الوسائط وأدراج سلة التسوق باحتجاز التركيز بشكل صحيح - يتم تدوير علامات التبويب داخل الشكل المفتوح، وليس الخروج إلى محتوى الصفحة المخفي خلفه - ويقوم Escape بإغلاقها.

4. النماذج والخروج

• كل إدخال لديه<label>مرتبطة به برمجياً، وليس فقط موضوعة بصرياً في مكان قريب. تعلن برامج قراءة الشاشة عن التسمية عندما يتلقى الحقل التركيز؛ وبدون الاتصال لا يعلنون عن شيء مفيد.
• تكون رسائل الخطأ محددة ("أدخل رمزًا بريديًا صالحًا") ويتم الإعلان عنها لقارئي الشاشة عند ظهورها، ولا تظهر فقط بالنص الأحمر.
• تبدأ أعمال Checkout حتى تنتهي باستخدام لوحة المفاتيح وقارئ الشاشة. هذا هو التدفق الفردي الأعلى قيمة الذي يجب اختباره - وهو أيضًا أمر بالغ الأهمية للإيرادات، لذا تكلفك الأخطاء هنا المبيعات حتى قبل أن تكلفك دعوى قضائية.

5. الهيكل والدلالات

• تتبع العناوين ترتيبًا منطقيًا (H1 واحد، ثم H2s، ثم H3s متداخلة أسفل H2 الأيمن) بدلاً من تخطي المستويات للتحجيم المرئي.
• توجد مناطق مميزة — الرأس، والتنقل، والرئيسي، والتذييل — بحيث يمكن لمستخدمي قارئ الشاشة التنقل بين الأقسام بدلاً من الاستماع إلى الصفحة بأكملها من الأعلى إلى الأسفل.
• تصف الروابط وجهتها ("عرض سياسة الإرجاع"، وليس "انقر هنا" مكررة ست مرات على الصفحة).

6. تطبيقات الطرف الثالث

هذه هي الفئة التي يفتقدها معظم تجار Shopify. قد يكون المظهر الخاص بك نظيفًا، لكن أداة المراجعة، والنوافذ المنبثقة، وفقاعة الدردشة، ومؤقت العد التنازلي الذي قمت بتثبيته من متجر التطبيقات ليست كذلك في كثير من الأحيان - ويتم تحميلها في كل صفحة. تدقيق كل تطبيق مثبت على حدة؛ يمكن لنافذة منبثقة واحدة معطلة التراجع عن كل شيء آخر.

7. أهداف اللمس المحمول

• لا يقل حجم الأزرار والروابط عن 44 × 44 بكسل على الهاتف المحمول، مع وجود مسافات كافية بحيث لا ينقر المستخدم ذو التحكم الحركي الدقيق المحدود على الزر الخطأ.

كيفية اختبار متجرك

تكتشف المراجعة اليدوية الأشياء التي تفتقدها الأدوات الآلية، وتكتشف الأدوات الآلية الأشياء التي تفتقدها المراجعة اليدوية. استخدم كلاً من:

1. قم بإجراء فحص آلي أولاً.لديناأداة AccessScan المجانيةيتحقق من صفحتك الرئيسية وصفحة المنتج وسلة التسوق الخاصة بك وفقًا لقواعد WCAG 2.2 A/AA باستخدام المحور الأساسي، ويضع علامة على المشكلات المصنفة حسب الخطورة في حوالي دقيقة واحدة. إنها نقطة بداية مفيدة حقًا - ولكن الاختبار الآلي عادةً ما يلتقط 30-40% فقط من العوائق الحقيقية، لذا تعامل مع المسح النظيف كأرضية، وليس كخط نهاية.
2. انتقل إلى موقعك الخاص باستخدام لوحة المفاتيح فقط.افصل الماوس لمدة عشر دقائق وحاول شراء شيء ما.
3. التحقق الفوري باستخدام قارئ الشاشة.يتم شحن VoiceOver مجانًا على كل أجهزة Mac وiPhone؛ NVDA مجاني على نظام التشغيل Windows. لست بحاجة إلى أن تتقن اللغة - خمس دقائق على صفحتك الرئيسية والخروج سوف تظهر المشاكل الواضحة بسرعة.
4. أعد الاختبار بعد كل تحديث للموضوع أو التطبيق.إمكانية الوصول ليست مشروعًا لمرة واحدة. يمكن أن يؤدي تحديث السمة أو التطبيق الجديد إلى إعادة تقديم المشكلات التي قمت بإصلاحها بالفعل بصمت.

تحذير سريع حول أدوات إمكانية الوصول

سترى تطبيقات في Shopify App Store تعدك بالامتثال الفوري لـ ADA عبر تثبيت برنامج نصي واحد - عادةً ما يكون رمزًا صغيرًا لإمكانية الوصول في زاوية موقعك مع قائمة تعديلات العرض. تُسمى هذه العناصر بعناصر واجهة المستخدم المتراكبة، وهي لا تمنع الدعاوى القضائية بشكل موثوق. لقد كتبنا تفصيلاً كاملاً لـلماذا لا تعمل أدوات تراكب إمكانية الوصول بالطريقة التي يتم تسويقها بها- يستحق القراءة قبل تثبيت أحد البرامج بدلاً من القيام بقائمة التحقق أعلاه.

ما العلاج التكاليف في الواقع

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

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

الأسئلة المتداولة

هل Shopify ADA متوافق مع خارج الصندوق؟

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

هل يضمن تلبية WCAG 2.2 AA عدم مقاضاتي؟

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

هل أحتاج إلى صفحة بيان إمكانية الوصول؟

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

كم مرة يجب علي إعادة التحقق من إمكانية الوصول؟

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

هل سيؤدي إصلاح مشكلات إمكانية الوصول إلى إبطاء متجري؟

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