إمكانية الوصول للمواقع والتوافق مع WCAG 2.2

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

WCAG 2.2 AA قانون إمكانية الوصول الأوروبي اختبار يدوي وآلي تصحيح الكود
العنوانأتاشهير، إسطنبول
الهاتف+90 850 335 10 87
البريد الإلكترونيinfo@360-soft.com
إمكانية الوصول للمواقع والتوافق مع WCAG 2.2

موقع يستطيع الجميع استخدامه

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

والمرجع التقني الدولي في هذا المجال هو إرشادات WCAG (Web Content Accessibility Guidelines) الصادرة عن W3C. والإصدار الحالي هو WCAG 2.2، وتُعرَّف معايير النجاح فيه على ثلاثة مستويات هي A و AA و AAA؛ وغالباً ما تستهدف التشريعات والمناقصات المؤسسية المستوى AA.

لماذا أصبح الموضوع ملحاً الآن؟

يُطبَّق قانون إمكانية الوصول الأوروبي (European Accessibility Act, EAA) منذ 28 يونيو 2025. ويشترط القانون أن تكون الخدمات المقدمة للمستهلكين في الاتحاد الأوروبي، مثل التجارة الإلكترونية والخدمات المصرفية والكتب الإلكترونية وحجز تذاكر نقل الركاب، قابلة للوصول. ويُستخدم عملياً المعيار الأوروبي EN 301 549 مرجعاً تقنياً، ويستند قسم الويب في هذا المعيار إلى معايير WCAG. أما الرقابة والعقوبات فتحددها التشريعات الوطنية لكل دولة عضو.

لمن تكون الأولوية؟

  • مواقع التجارة الإلكترونية التي تبيع مباشرة في الاتحاد الأوروبي: الشركات التي تبيع للمستهلكين في الاتحاد الأوروبي عبر متاجر بالألمانية أو الفرنسية أو الهولندية أو الإنجليزية.
  • مزودو البرمجيات أو الخدمات الرقمية لعملاء مؤسسيين في الاتحاد الأوروبي: شركات SaaS والبرمجيات التي يطلب عملاؤها من المورد بيان إمكانية الوصول لأغراض توافقهم الخاص.
  • الشركات المشاركة في مناقصات القطاع العام والمؤسسات الكبرى: المشاريع التي تشترط مواصفاتها الفنية التوافق مع WCAG AA.
  • كل المواقع ذات قاعدة المستخدمين الواسعة: فحتى في غياب الإلزام القانوني، تعني مشكلات إمكانية الوصول خسارة في التحويلات؛ فنموذج الدفع الذي لا يمكن إكماله بلوحة المفاتيح يضيّع المبيعات.

نطاق التدقيق والتصحيح

يُوثَّق كل اكتشاف مع معيار النجاح ذي الصلة في WCAG، وفئة المستخدمين المتأثرة، وطريقة التصحيح.

الفحص الآلي

استخراج المشكلات التي يمكن للآلة رصدها باستخدام أدوات مبنية على axe و Lighthouse على صفحات مختارة من كل قالب.

اختبار لوحة المفاتيح والتركيز

التأكد من إمكانية الوصول إلى جميع العناصر التفاعلية بمفتاح Tab، ومن منطقية ترتيب التركيز، ومن أن مؤشر التركيز ظاهر ولا يختفي تحت عناصر أخرى (WCAG 2.2 - 2.4.11).

اختبار قارئ الشاشة

اختبار المسارات الحرجة صوتياً باستخدام NVDA (Windows) و VoiceOver (macOS و iOS) و TalkBack (Android): القائمة، والبحث، وصفحة المنتج، والسلة، والدفع، والتسجيل.

الفحوص البصرية وفحوص المحتوى

تباين الألوان، وتكبير النص وإعادة تدفق المحتوى بعرض 320 بكسل، والنصوص البديلة، وتسلسل العناوين، ونصوص الروابط، وتعريفات اللغة.

النماذج وإدارة الأخطاء

ربط التسمية بالحقل، والإشارة إلى الحقول الإلزامية، وإعلان رسائل الخطأ لقارئ الشاشة، وعدم طلب المعلومات نفسها مجدداً (3.3.7)، والمصادقة سهلة الوصول (3.3.8).

تصحيح المكونات و ARIA

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

أهداف اللمس والحركة

رفع الأزرار الصغيرة على الجوال إلى الحد الأدنى البالغ 24x24 بكسل CSS (2.5.8)، وتوفير بدائل للعمليات التي تتطلب السحب (2.5.7)، واحترام تفضيلات الحركة والرسوم المتحركة.

الوسائط والمستندات

الترجمة النصية والنص المكتوب لمقاطع الفيديو، والتحكم في الوسائط التي تعمل تلقائياً، وفحص إمكانية الوصول لملفات PDF القابلة للتنزيل.

من التدقيق إلى توافق دائم - إمكانية الوصول للمواقع والتوافق مع WCAG 2.2

من التدقيق إلى توافق دائم

01

النطاق واختيار العينات

تُحدَّد قوالب الصفحات في موقعكم (الرئيسية، والتصنيف، والمنتج، والمحتوى، والنموذج، والسلة، والدفع، والحساب) والمسارات الحرجة للمستخدمين. وفي المواقع التي تضم آلاف الصفحات تُختار العينات على أساس القوالب.

02

التدقيق

يُنفَّذ الفحص الآلي واختبار لوحة المفاتيح واختبار قارئ الشاشة والفحوص البصرية وفق معايير WCAG 2.2 AA.

03

تقرير النتائج وترتيب الأولويات

تُرتَّب النتائج حسب المعيار والقالب وأثرها على المستخدم وجهد التصحيح. وتُقدَّم المواضع التي يحسّن فيها تصحيح قالب واحد مئات الصفحات.

04

تصحيح الكود

تُجرى التصحيحات في القالب أو مكتبة المكونات أو كود التطبيق، ويمكن إن رغبتم تسليم فريقكم تعليمات تصحيح مرفقة بأمثلة برمجية.

05

اختبار التحقق

يُعاد اختبار المعايير المصححة بالأساليب نفسها، وتُوثَّق القيود المعروفة المتبقية.

06

البيان والاستمرارية

تُعَدّ مسودة بيان إمكانية الوصول. ولمنع التراجع مع المحتوى والميزات الجديدة، تُقدَّم قائمة تحقق للمحررين ويُضاف اختبار آلي لإمكانية الوصول إلى مسار CI.

ما يُسلَّم في نهاية العمل

المُسلَّم المحتوى لمن يفيد؟
تقرير تدقيق WCAG 2.2 AA تقييم لكل معيار: مطابق / غير مطابق / لا ينطبق، مع أدلة النتائج (لقطات شاشة، مقتطفات كود) الإدارة، والمستشار القانوني، والعملاء المؤسسيون
قائمة التصحيحات مرتبة حسب الأولوية نتائج مجمعة حسب القالب، وتقدير الجهد، وأمثلة برمجية فريق التطوير
الكود المصحَّح التصحيحات المنفذة في القالب والمكونات وكود التطبيق (إذا اختير نطاق التصحيح) مالك الموقع
تقرير التحقق نتائج إعادة الاختبار بعد التصحيح والقيود المتبقية الإدارة، والتدقيق
مسودة بيان إمكانية الوصول معيار التقييم، والقيود، وقناة الملاحظات زوار الموقع، والجهات التنظيمية
قائمة تحقق لمحرري المحتوى ما يجب مراعاته عند نشر الصور والعناوين والروابط والجداول وملفات PDF فريق المحتوى والتسويق
كيف يُحدَّد السعر؟ - إمكانية الوصول للمواقع والتوافق مع WCAG 2.2

كيف يُحدَّد السعر؟

التسعير

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

إذا كنتم تخططون لموقع جديد

إضافة إمكانية الوصول لاحقاً أعلى تكلفة دائماً من تصميمها منذ البداية. فإذا كنتم تخططون لمشروع جديد، نبني لوحة الألوان والخطوط ومكتبة المكونات وفق WCAG 2.2 AA في مرحلة تصميم UI/UX واكتشاف المنتج. ونعتمد هذا الأساس نفسه في مشاريع تصميم المواقع المؤسسية والتجارة الإلكترونية. وللتفاصيل المتعلقة بكود الواجهة الأمامية نفسه يمكنكم الاطلاع على صفحة تطوير الواجهة الأمامية.

يُطبَّق قانون إمكانية الوصول الأوروبي (Directive (EU) 2019/882) منذ 28 يونيو 2025 على منتجات وخدمات محددة تُقدَّم للمستهلكين في سوق الاتحاد الأوروبي، ومن بينها خدمات التجارة الإلكترونية. والعامل الحاسم ليس مكان تأسيس الشركة، بل ما إذا كانت تقدم خدماتها للمستهلكين في الاتحاد الأوروبي؛ لذا قد تدخل في نطاقه شركات في تركيا أو الخليج أو غيرهما. وهناك إعفاء للمنشآت متناهية الصغر في مجال الخدمات. ونوصي بأخذ رأي مستشاركم القانوني لتأكيد وضع شركتكم، بينما نتولى نحن جانب التوافق التقني.

يحافظ WCAG 2.2 على جميع معايير الإصدار 2.1 (مع حذف المعيار 4.1.1 الخاص بالتحليل البرمجي) ويضيف معايير جديدة. وأبرز الإضافات في المستوى AA: ألا يختفي العنصر الذي عليه التركيز تحت ترويسة ثابتة أو شريط ملفات تعريف الارتباط، وتوفير بديل بنقرة واحدة للعمليات التي تتطلب السحب والإفلات، وألا تقل أهداف النقر عن 24x24 بكسل CSS، وعدم اشتراط ألغاز أو اختبارات ذاكرة في شاشات تسجيل الدخول. أما في المستوى A فأُضيف وجود روابط المساعدة في مكان ثابت، وعدم طلب المعلومات نفسها مرة بعد أخرى.

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

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

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

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

قصة النجاح التالية
هي قصتك.

الاستشارة الأولى مجانية. ونعد لك عرضاً مخصصاً خلال 24 ساعة.

احصل على عرض سعر مجاني