ما الجديد في WCAG 2.2؟ المعايير التسعة الجديدة بلغة واضحة

شخص يستخدم لوحة المفاتيح يتنقل بمفتاح Tab في صفحة إتمام الشراء لديك. يصل التركيز إلى زر «ادفع الآن»، لكن شريط ملفات تعريف الارتباط الثابت يغطيه، فلا يعرف أين هو. وفق WCAG 2.1 كان يمكن لهذه الصفحة أن تنجح في الاختبار. أما وفق WCAG 2.2 فهي تخفق.

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

ما WCAG 2.2؟

WCAG 2.2 هو الإصدار الحالي من إرشادات إمكانية الوصول إلى محتوى الويب (Web Content Accessibility Guidelines)، وهي معيار W3C الذي تحيل إليه معظم قوانين إمكانية الوصول وعقودها. صار توصية W3C في 5 أكتوبر 2023 (يُفتح في علامة تبويب جديدة)، ثم حُدّث في 12 ديسمبر 2024 (يُفتح في علامة تبويب جديدة)، واعتُمد بوصفه المعيار ISO/IEC 40500:2025 (يُفتح في علامة تبويب جديدة) في أكتوبر 2025.

يتكوّن WCAG من عبارات قابلة للاختبار تُسمّى معايير النجاح، ولكل منها مستوى: A (الحد الأدنى)، أو AA (ما تشترطه القوانين عادةً)، أو AAA (الأكثر صرامة). فعبارة «نحتاج إلى WCAG 2.2 بالمستوى AA» تعني كل معايير المستويين A وAA في الإصدار 2.2. وتقول المواصفة إن الإصدار 2.2 «يبني على WCAG 2.1 ومتوافق معه»، أي إنه يضيف إلى 2.1 ولا يحل محله.

ما الذي تغيّر بين WCAG 2.1 و2.2؟

يضيف WCAG 2.2 تسعة معايير نجاح ويلغي معيارًا واحدًا. ستة من المعايير الجديدة بالمستوى A أو AA، لذا تُحتسب ضمن الهدف المعتاد AA: وهي 2.4.11 و2.5.7 و2.5.8 و3.2.6 و3.3.7 و3.3.8. أما الثلاثة الباقية فبالمستوى AAA. والمعيار الملغى هو 4.1.1 Parsing (التحليل)، الذي يصفه W3C الآن بأنه متقادم.

كان المعيار 4.1.1 Parsing يتحقق من أخطاء الترميز، مثل تكرار المعرّفات (IDs). وتوضح الأسئلة الشائعة عن WCAG 2 (يُفتح في علامة تبويب جديدة) أن هذه المشكلات صارت تندرج تحت معايير أخرى، مثل 4.1.2 Name, Role, Value (الاسم والدور والقيمة). لكن انتبه: إذا كان عقد ما لا يزال يشترط WCAG 2.0 أو 2.1، فقد «تحتاج إلى مواصلة اختبار المعيار 4.1.1 والإبلاغ عنه».

عدم حجب التركيز ومظهر التركيز: هل يرى مستخدمو لوحة المفاتيح أين هم؟

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

• من يستفيد: المبصرون الذين يستخدمون لوحة المفاتيح بدلًا من الفأرة، وكثيرًا ما يكون ذلك بسبب إعاقة حركية. فإن لم يروا موضع التركيز، تنقّلوا بالتخمين.
• اختبار سريع: افتح صفحة طويلة يظهر فيها شريط ملفات تعريف الارتباط والترويسة الثابتة وأداة الدردشة معًا، ثم اضغط Tab مرارًا. إذا اختفى التركيز تمامًا خلف أي عنصر، فهذا إخفاق في المعيار 2.4.11.
• الإصلاح المعتاد: أضف حشوة تمرير (scroll padding) في CSS تساوي ارتفاع الترويسة أو التذييل الثابت، فيمرّر المتصفح العناصر التي عليها التركيز بعيدًا عنه. ويعدّ W3C هذا أسلوبًا كافيًا (يُفتح في علامة تبويب جديدة). ويمكن للشريط أيضًا أن ينجح إذا كان نافذة مشروطة (modal) يجب إغلاقها أولًا.

يطلب معيار مظهر التركيز (2.4.13) مؤشرًا لا تقل مساحته عن مساحة إطار سُمكه 2 بكسل CSS حول المكوّن، مع تغيّر في التباين لا يقل عن 3:1 بين حالتي التركيز وعدمه. وهو بالمستوى AAA، لكن إطارًا مصمتًا بعرض 2 بكسل بلون قوي يكفي عادةً لاستيفائه. ويشرح دليلنا عن تباين الألوان كيف تقيس نسبة 3:1.

حركات السحب وحجم الهدف: هل يستطيع الناس استخدام موقعك دون تأشير دقيق؟

يساعد هذان المعياران من المستوى AA من يجدون صعوبة في التحكم الدقيق بالمؤشر. فالمعيار 2.5.7 ينص على أن كل ما يمكن فعله بالسحب يجب أن يعمل أيضًا بنقرات أو لمسات منفردة. والمعيار 2.5.8 ينص على ألا تقل الأهداف عن 24 × 24 بكسل CSS، أو أن تتباعد بحيث لا تلمس دائرةٌ قطرها 24 بكسل متمركزة على كل هدف أيَّ هدف آخر.

2.5.7 حركات السحب

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

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

2.5.8 حجم الهدف (الحد الأدنى)

الإخفاقات المعتادة هي أزرار «×» الصغيرة في النوافذ المنبثقة، وأرقام الصفحات المتلاصقة، وتقييمات النجوم، وصفوف أيقونات التواصل الاجتماعي. فالضغط على الهدف الخطأ مزعج للجميع، لكنه عائق حقيقي لمن لديهم محدودية في المهارة اليدوية.

• الاستثناءات: الروابط الواقعة داخل جملة، والأهداف التي لها عنصر تحكم مكافئ في مكان آخر من الصفحة يستوفي الحجم المطلوب، وعناصر التحكم التي يحدد المتصفح حجمها ولم تغيّر تنسيقها، والحالات التي يكون فيها حجم معيّن ضروريًا أو مطلوبًا قانونًا.
• اختبار سريع: جرّب على الهاتف كل أيقونة وزر صغير؛ ولقياس أحدها، افحصه بأدوات المطوّرين في متصفحك.
• الإصلاح المعتاد: أضف حشوة (padding). فالمساحة القابلة للنقر تكبر حتى لو بقي شكل الأيقونة كما هو. واعتبر 24 بكسل حدًا أدنى لا أكثر: فالمعيار الأقدم 2.5.5 من المستوى AAA يطلب 44 × 44.

المساعدة المتّسقة والإدخال المتكرر: هل تجعل الناس يبحثون أو يكررون ما كتبوه؟

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

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

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

المصادقة سهلة الوصول: هل يستطيع الناس تسجيل الدخول دون اختبار للذاكرة؟

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

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

• طريقة بديلة لا تتضمن اختبارًا إدراكيًا، مثل مفتاح المرور (passkey) أو رابط يُرسَل إلى البريد الإلكتروني.
• وسيلة مساعدة، مثل دعم مديري كلمات المرور، أو النسخ واللصق حتى لا تُضطر إلى إعادة كتابة الرمز المؤقت.
• التعرّف على الأشياء، مثل «اختر الصور التي فيها دراجة».
• المحتوى الشخصي، مثل التعرّف على صورة رفعتها بنفسك.

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

هل يشترط القانون WCAG 2.2؟

يتوقف ذلك على مكانك وطبيعة جهتك. فالقوانين نادرًا ما تذكر إصدارًا محددًا من WCAG مباشرة، وعدد منها لا يزال يحيل إلى WCAG 2.1 بالمستوى AA. ولأن WCAG 2.2 متوافق مع ما قبله، فاستيفاء 2.2 بالمستوى AA يستوفي 2.1 بالمستوى AA أيضًا، باستثناء المعيار الملغى 4.1.1. لذا فإن استهداف 2.2 يغطي الإصدارين. وإذا حدّد عقدٌ إصدارًا بعينه، فاتبع العقد.

• الاتحاد الأوروبي: بموجب قانون إمكانية الوصول الأوروبي، تُفترض المطابقة عند استيفاء المعيار الأوروبي المنسَّق EN 301 549. ووفقًا لـAccessibleEU (يُفتح في علامة تبويب جديدة)، فإن الإصدار 4.1.1 الذي نُشر في سبتمبر 2026 يعتمد WCAG 2.2، لكنه ليس بعدُ المرجع القانوني؛ وإلى أن يُشار إليه في الجريدة الرسمية للاتحاد الأوروبي، يظل الإصدار v3.2.1 (المبني على WCAG 2.1 بالمستوى AA) هو المعمول به. ويشرح دليلنا إلى قانون إمكانية الوصول الأوروبي على من ينطبق هذا القانون.
• المملكة المتحدة: تنص الإرشادات الحكومية (يُفتح في علامة تبويب جديدة) على أن مواقع القطاع العام وتطبيقاته يجب أن تستوفي WCAG 2.2 بالمستوى AA. وهذه الإرشادات تخص الجهات العامة، لا الشركات الخاصة.
• الولايات المتحدة: تعتمد قاعدة وزارة العدل الخاصة بحكومات الولايات والحكومات المحلية WCAG 2.1 بالمستوى AA، وقد أُرجئت مواعيد الامتثال في أبريل 2026 (يُفتح في علامة تبويب جديدة) إلى 26 أبريل 2027 و26 أبريل 2028. أما بالنسبة إلى الشركات الخاصة، فتقول إرشادات الوزارة لعام 2022 (يُفتح في علامة تبويب جديدة) إن قانون ADA ينطبق على مواقعها، لكنها لا تحدد معيارًا تقنيًا بعينه.

وماذا عن WCAG 3؟

WCAG 3 مسودة، لذا لا يمكن لأحد أن يكون مطابقًا له بعد. نشر W3C مسودات محدّثة في سبتمبر 2026، ويقول إنه لا يُتوقع أن يصبح WCAG 3 معيارًا مكتملًا «قبل بضع سنوات أخرى». ولن يُوقف العمل بـWCAG 2 إلا بعد ذلك بسنوات عدة، لذا فالإصدار 2.2 هو ما ينبغي أن تعمل وفقه الآن.

كيف تفحص المعايير الجديدة في 15 دقيقة؟

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

1. تنقّل بمفتاح Tab في الصفحة الرئيسية وصفحة منتج وصفحة إتمام الشراء، مع ظهور كل الأشرطة والنوافذ. هل ترى موضع التركيز دائمًا؟ (2.4.11)
2. أنجز كل مهمة فيها شريط تمرير أو سحب وإفلات بالنقر أو اللمس فقط. (2.5.7)
3. جرّب على الهاتف كل زر إغلاق ورقم صفحة وأيقونة صغيرة. (2.5.8)
4. قارن موضع المساعدة وبيانات التواصل في ثلاثة أنواع من الصفحات. (3.2.6)
5. أتمم عملية شراء أو حجز، ودوّن أي سؤال تجيب عنه مرتين. (3.3.7)
6. سجّل الدخول بمدير كلمات المرور، ثم الصق كلمة مرور ورمزًا مؤقتًا. هل لكل اختبار CAPTCHA بديل؟ (3.3.8)

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

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