قائمة تحقق لإمكانية الوصول إلى مواقع الشركات الصغيرة والمتاجر

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

معظم مشكلات إمكانية الوصول في مواقع الشركات الصغيرة تبدو هكذا: لا يراها صاحب الموقع، وهي طريق مسدود للعميل. وقائمة التحقق هذه موجّهة إلى من يديرون موقعًا على Shopify أو WooCommerce أو Wix أو Squarespace دون مطوّر ضمن فريقهم.

هل يجب أن يكون موقع شركتي الصغيرة سهل الوصول؟

إن كنت تبيع لمستهلكين في الاتحاد الأوروبي، فالأرجح نعم. فـقانون إمكانية الوصول الأوروبي (يُفتح في علامة تبويب جديدة) يشمل خدمات التجارة الإلكترونية منذ 28 يونيو 2025. والإعفاء الأساسي هو للمؤسسات متناهية الصغر التي تقدّم خدمات: أي الشركات التي يعمل فيها أقل من 10 موظفين، ولا يتجاوز حجم أعمالها السنوي أو إجمالي ميزانيتها العمومية 2 مليون يورو.

والتجارة الإلكترونية هنا تعني البيع عن بُعد، عبر موقع أو تطبيق، «بناءً على طلب فردي من المستهلك بهدف إبرام عقد استهلاكي» (المادة 3(30)). فالمتجر الإلكتروني أو محرك الحجز ينطبق عليه هذا الوصف. والإعفاء يشمل الخدمات فقط: فبيع منتجات مشمولة، مثل أجهزة قراءة الكتب الإلكترونية، يظل خاضعًا لقواعد المنتجات (المادة 4(5)). ولا يفيدك أيضًا أن تكون خارج الاتحاد، فالمتجر البريطاني الذي يبيع لعملاء في فرنسا مشمول فيما يخصهم (المادة 3(4))، وكذلك المتجر القائم في دولة عربية، إذ يخضع لقانون الدولة العضو التي يبيع فيها. ويتناول دليلنا إلى قانون إمكانية الوصول الأوروبي القوانين الوطنية والغرامات.

ويفرض قانون Equality Act 2010 (يُفتح في علامة تبويب جديدة) البريطاني إجراء ترتيبات تيسيرية معقولة للأشخاص ذوي الإعاقة، لكنه لا يحدد معيارًا تقنيًا للمواقع. وفي الولايات المتحدة، تقول إرشادات وزارة العدل الصادرة في مارس 2022 (يُفتح في علامة تبويب جديدة) إن الشركات المفتوحة للجمهور يجب أن تجعل ما تقدّمه عبر الإنترنت سهل الوصول، وإن معايير مثل WCAG «تقدّم إرشادات مفيدة». وأيًا كان ما يقوله القانون، فالعميل الذي لا يستطيع إتمام الشراء لن يشتري.

ما أكثر مشكلات إمكانية الوصول شيوعًا في المواقع؟

ستة إخفاقات تتصدر القائمة. ففي WebAIM Million 2026 (يُفتح في علامة تبويب جديدة)، وهو فحص آلي لأكثر مليون صفحة رئيسية زيارةً أُجري في فبراير 2026، احتوت 95.9% من الصفحات على إخفاقات في WCAG أمكن رصدها، بمتوسط 56.1 خطأ في الصفحة الواحدة. وكان النص منخفض التباين أكثر المشكلات شيوعًا، إذ ظهر في 83.9% من الصفحات الرئيسية.

إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) هي المعيار الذي تستند إليه هذه الفحوص؛ ومعظم القوانين تحيل إلى المستوى AA منها، ويشرح دليلنا إلى WCAG 2.2 أحدث إصداراتها. وبعض الفحوص أدناه لا تستطيع أي أداة فحص آلية الحكم عليها.

هل يستطيع الجميع قراءة نصوصك وفهم صورك؟

ابدأ من هنا، لأن هذه الإصلاحات قليلة التكلفة، ومعظمها تستطيع إجراءه بنفسك في محرّر الموقع. يحتاج النص إلى تباين كافٍ، وتحتاج الصور التي تحمل معلومات إلى نص بديل، ويجب ألا يعتمد أي شيء على اللون وحده. فنحو رجل من كل 12 وامرأة من كل 200 لديهم قصور في رؤية الألوان، وفقًا لـColour Blind Awareness (يُفتح في علامة تبويب جديدة).

• التباين. يحتاج النص العادي إلى نسبة تباين لا تقل عن 4.5:1 (يُفتح في علامة تبويب جديدة) مع خلفيته، والنص الكبير إلى 3:1 على الأقل. اختبر ألوانك، بما فيها النص المكتوب فوق صور اللافتات، في أداة فحص مجانية. ويعرض دليلنا إلى تباين الألوان إصلاحات تحافظ على هوية علامتك التجارية.
• النص البديل للمنتجات. صِف ما يحتاج المتسوّق إلى معرفته: «كنزة صوف كحلية بياقة عالية مضلّعة، منظر أمامي» أفضل بكثير من «صورة المنتج 1». وابدأ بالمنتجات العشرة الأكثر مبيعًا.
• الصور الزخرفية. يجب أن يكون النص البديل لزخرفة الخلفية فارغًا كي تتخطاها قارئات الشاشة. وبعض المنصات تملأ حقل النص البديل الفارغ باسم الملف، فتحقّق من منصتك.
• اللون وحده. حالة «نفد من المخزون» حين لا يدل عليها إلا مربع لون باهت، أو الحقل الإلزامي الذي لا تميّزه إلا علامة حمراء، لن تصل إلى الجميع. اعرض الصفحة بمرشّح التدرج الرمادي في هاتفك، وأضف كلمة أو أيقونة حيثما يختفي المعنى.
• التكبير. عند تكبير المتصفح بنسبة 200%، يجب أن يكبر النص دون أن يتداخل أو يُقتطع، وأن تظل القائمة تعمل.
• لغة الصفحة. أي أداة فحص مجانية ترصد غياب تحديد اللغة. وإصلاحه إعداد في القالب أو تعديل من سطر واحد فيه.

هل يستطيع الناس استخدام موقعك بلوحة المفاتيح؟

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

• تركيز مرئي. يجب أن يظهر إطار حول العنصر النشط، وألا تغطيه ترويسة ثابتة أو فقاعة دردشة (المعيار 2.4.11 Focus Not Obscured في WCAG 2.2). وكثير من القوالب يزيل هذا الإطار لدواعٍ جمالية؛ ويستطيع المطوّر إعادته.
• لا فخاخ. افتح القائمة، ومنتقي المقاس، والنوافذ المنبثقة، ومعرض الصور بلوحة المفاتيح، واختر شيئًا، ثم حاول الخروج. يجب أن يُغلق مفتاح Escape النوافذ المنبثقة.
• أسماء للأيقونات. كل رابط أو زر على شكل أيقونة يحتاج إلى اسم يستطيع قارئ الشاشة نطقه، مثل «السلة، منتجان». واستبدل «انقر هنا» بكلمات تقول إلى أين يقود الرابط.
• رابط التخطي والعناوين. يُستحسن أن تُظهر أول ضغطة على Tab رابط «الانتقال إلى المحتوى». وفي استطلاع WebAIM لمستخدمي قارئات الشاشة لعام 2024 (يُفتح في علامة تبويب جديدة)، قال 71.6% من المشاركين إنهم يتنقلون في الصفحة الطويلة أولًا عبر عناوينها، فاستخدم مستويات عناوين حقيقية لا نصًا عريضًا.
• أهداف اللمس. يطلب WCAG 2.2 أهدافًا لا تقل عن 24 × 24 بكسل CSS، أو مساحة كافية حولها (معيار النجاح 2.5.8 (يُفتح في علامة تبويب جديدة)).

هل يستطيع الجميع إكمال نماذجك وسلة التسوق وإتمام الشراء؟

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

• تسميات، لا نصوص توضيحية داخلية. يختفي النص التوضيحي داخل الحقل بمجرد أن يبدأ أحد بالكتابة، وغالبًا ما يكون باهتًا يصعب قراءته. يحتاج كل حقل إلى تسمية تبقى ظاهرة.
• رسائل الخطأ. أرسل النموذج فارغًا. يجب أن يُكتب كل خطأ بوضوح («أدخل الرمز البريدي، مثل 12271»)، وأن يظهر بجانب حقله، وأن يُعلَن لقارئ الشاشة، لا أن يكتفي بتلوين إطار الحقل بالأحمر.
• لا تسأل مرتين. قدّم خيار «عنوان الفوترة هو نفسه» بدلًا من إجبار الناس على إعادة كتابة عنوان التوصيل. وقد جعل WCAG 2.2 هذا متطلبًا من المستوى A، هو المعيار 3.3.7 Redundant Entry.
• تسجيل الدخول. اسمح للناس بلصق كلمات المرور والرموز المؤقتة وباستخدام مديري كلمات المرور. فمنع اللصق يُخفق في معيار المصادقة سهلة الوصول (Accessible Authentication) (يُفتح في علامة تبويب جديدة) في WCAG 2.2، ما لم تقدّم طريقة دخول أخرى.
• اختبارات CAPTCHA. صنّف مستخدمو قارئات الشاشة CAPTCHA أكثر العناصر إشكالًا على الويب في استطلاع WebAIM لعام 2024. فإن احتجت إلى حماية من الروبوتات، فتجنّب الألغاز البصرية وقدّم دائمًا بديلًا غير بصري.
• المهل الزمنية. إن كانت مدة الاحتفاظ بالسلة أو بالحجز محدودة، فنبّه الناس قبل انتهائها ودعهم يمدّدونها.

وإن كانت أجزاء من إتمام الشراء تابعة لمنصتك أو لمزوّد الدفع، فاختبرها على أي حال، وأبلغ عن المشكلات، وأدرجها ضمن المشكلات المعروفة.

وماذا عن أشرطة ملفات تعريف الارتباط والنوافذ المنبثقة وأدوات الدردشة؟

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

• شريط ملفات تعريف الارتباط. هل تصل إلى زرّي القبول والرفض بمفتاح Tab، وهل تقرؤهما عند تكبير 200%، وهل تكمل من حيث كنت بعد ذلك؟
• النوافذ المنبثقة. يجب أن ينتقل التركيز إلى داخل النافذة، ويبقى فيها حتى تُغلق، ثم يعود إلى موضعه. ويجب أن يُغلقها مفتاح Escape.
• أدوات الدردشة. يحتاج الزر إلى اسم، ويجب أن تُفتح النافذة وتُغلق بلوحة المفاتيح، وألا تقع على الهاتف فوق زر «ادفع الآن».
• العروض الدوّارة (Carousels). كل ما يتحرك تلقائيًا لأكثر من خمس ثوانٍ يحتاج إلى وسيلة لإيقافه مؤقتًا أو إيقافه أو إخفائه (WCAG 2.2 (يُفتح في علامة تبويب جديدة)، معيار النجاح 2.2.2).
• المحتوى المضمَّن. أدوات المراجعات والخرائط وأدوات الحجز موجودة في صفحتك أيضًا. وأبلغ المورّد بأي إخفاقات.

هل تعمل مقاطع الفيديو وملفات PDF والقوائم لديك للجميع؟

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

• الترجمة المصاحبة والنصوص المكتوبة. صحّح الترجمة المصاحبة التلقائية قبل النشر. وتحتاج حلقات البودكاست إلى نسخة نصية.
• صور النصوص. ضع قوائم الطعام وقوائم الأسعار وأدلة المقاسات ومواعيد العمل في صفحة ويب عادية. وإن اضطررت إلى استخدام PDF، فصدّره من معالج النصوص بعناوين ووسوم بدلًا من مسح نسخة مطبوعة ضوئيًا.
• الملفات القديمة. لا يُلزمك EAA بإصلاح الملفات المكتبية أو المحتوى الصوتي والمرئي المسجَّل مسبقًا المنشور قبل 28 يونيو 2025، ولا الأرشيفات التي لم تعد تحدّثها (المادة 2(4)). أما الملفات الجديدة فمشمولة.

ما الذي أستطيع إصلاحه بنفسي، ومتى أحتاج إلى مطوّر أو تدقيق؟

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

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

كيف أوثّق ما أنجزته؟

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

هذا الواجب الثاني مصدره الملحق V من التوجيه، ويحدد القانون الوطني شكله. ويتضمن دليلنا إلى كتابة بيان إمكانية الوصول قالبًا يمكنك تكييفه. ثم حافظ على هذا الروتين:

1. طبّق قائمة التحقق على صفحاتك الأساسية الثلاث، والتقط صورة شاشة لكل إخفاق.
2. أصلح بنود المحتوى بنفسك هذا الأسبوع.
3. سلّم مطوّرًا بنود القالب وإتمام الشراء مع شرح واضح، بدءًا بالأسوأ.
4. أعد اختبار كل إصلاح بلوحة المفاتيح، لا بأداة الفحص وحدها.
5. انشر بيانك أو حدّثه، مع التاريخ.
6. كرّر ذلك كلما أضفت تطبيقًا، أو غيّرت القالب، أو أطلقت صفحة هبوط جديدة.