الوحدة 1 · لماذا إمكانية الوصول، ولمن؟
WCAG 2.2 ومبادئ POUR والقانون
17 دقراءة 5 داختر بحكمة
الدرس في لمحة
اقرأ WCAG 2.2 كما يقرؤها المدقّقون، وطبّق معايير النجاح الستة الجديدة في المستويين A وAA، واعرف أيّ القوانين تستند إليها في 2026.
لا فيديو هنا، بل الشيء الحقيقي: درس مكتوب وأمثلة قابلة للتشغيل واختبار وتدريب.
«هل الموقع سهل الوصول؟» سؤال لا إجابة له حتى تتّفقوا على معنى «سهل الوصول». بالنسبة لمحتوى الويب، الإجابة المتّفق عليها هي إرشادات إمكانية الوصول إلى محتوى الويب (WCAG) التي تنشرها W3C. تستند إليها القوانين في أوروبا والولايات المتحدة ودول كثيرة غيرها، وتُكتب تقارير التدقيق بلغتها. لا تحتاج إلى حفظها، لكنك تحتاج إلى قراءتها بطلاقة.
كيف تنتظم WCAG
لـ WCAG أربع طبقات، من العامّ إلى القابل للاختبار:
- أربعة مبادئ، تُحفظ باختصار POUR. يجب أن يكون المحتوى قابلًا للإدراك (Perceivable) فيستطيع المستخدمون الإحساس به، وقابلًا للتشغيل (Operable) فيستطيعون استخدام عناصر التحكّم، وقابلًا للفهم (Understandable) فيستطيعون فهمه وتوقّع سلوكه، ومتينًا (Robust) فيعمل مع التقنيات المساعدة الحالية والمستقبلية.
- 13 إرشادًا تحت هذه المبادئ، مثل 1.1 Text Alternatives أو 2.1 Keyboard Accessible.
- معايير النجاح (success criteria) تحت كل إرشاد: القواعد القابلة للاختبار. لكلٍّ منها رقم واسم ومستوى: A أو AA أو AAA. مثلًا: “1.4.3 Contrast (Minimum), AA”.
- وثائق Understanding والتقنيات التي تشرح الغاية من كل معيار وتعرض طرقًا معروفة للنجاح فيه أو الإخفاق.
يُعلَن التوافق عند مستوى معيّن، وكل مستوى يتضمّن ما تحته. المستوى AA هو الهدف الذي تعتمده الغالبية العظمى من القوانين وسياسات الشركات، وهو هدف Ticketly. وتنصح W3C نفسها بعدم اشتراط AAA لمواقع كاملة، لأن بعض معايير AAA لا يمكن تحقيقها لكل أنواع المحتوى.
ما الذي تغيّر في 2.2
صدرت WCAG 2.0 عام 2008، و2.1 عام 2018، و2.2 في أكتوبر 2023. كل إصدار متوافق مع ما قبله: الصفحة التي تحقّق 2.2 تحقّق 2.1 و2.0 أيضًا. حذف الإصدار 2.2 معيارًا واحدًا هو 4.1.1 Parsing، لأن المتصفّحات الحديثة تتعامل مع الكود المعطوب بشكل متّسق. وأضاف تسعة معايير. ستة منها في المستوى A أو AA، وكل واحد منها يكشف خللًا حقيقيًا في Ticketly:
| المعيار | المستوى | Ticketly اليوم |
|---|---|---|
| 2.4.11 Focus Not Obscured (Minimum) | AA | شريط ملفات تعريف الارتباط (cookies) الثابت يُخفي الروابط التي عليها التركيز في أسفل الشاشة. |
| 2.5.7 Dragging Movements | AA | شريط نطاق السعر لا يعمل إلا بالسحب. |
| 2.5.8 Target Size (Minimum) | AA | زرّا كمية التذاكر “−” و"+" مربّعان بحجم 16 px متلاصقان. |
| 3.2.6 Consistent Help | A | رابط «اتصل بنا» يغيّر مكانه من صفحة إلى أخرى. |
| 3.3.7 Redundant Entry | A | صفحة الدفع تطلب البريد الإلكتروني مرة أخرى في الخطوة 3. |
| 3.3.8 Accessible Authentication (Minimum) | AA | حقل كلمة مرور الحساب يمنع اللصق. |
حجم الهدف (target size) يستحق نظرة أقرب لأنه سهل القياس. يجب ألا يقلّ الهدف الذي يُنقر بالمؤشّر عن 24 × 24 بكسل CSS، إلا إذا كانت حوله مسافة كافية (دائرة قطرها 24 px متمركزة عليه لا تتداخل مع هدف آخر)، أو كان هناك عنصر تحكّم مكافئ في مكان آخر يحقّق الحجم، أو كان الهدف داخل جملة، أو كان حجمه يحدّده المتصفّح، أو كان هذا العرض بعينه ضروريًا (كنموذج يفرضه القانون مثلًا). جعل زرّي الكمية في Ticketly مربّعين بحجم 24 px، أو المباعدة بينهما، يحلّ المشكلة:
.qty button {
min-inline-size: 24px;
min-block-size: 24px;
}المصادقة سهلة الوصول (accessible authentication) هي المعيار الذي يفاجئ الفرق. ينصّ على أن تسجيل الدخول لا يجوز أن يعتمد على «اختبار للوظائف الإدراكية»، مثل تذكّر كلمة مرور أو نسخ رمز، ما لم يوجد بديل أو آلية مساعدة. السماح باللصق والتعبئة التلقائية لكي يعمل مديرو كلمات المرور يكفي عادةً. أما منع اللصق في حقل كلمة المرور فيخالف المعيار.
القانون باختصار
هذه صورة المشهد في 2026، وليست استشارة قانونية؛ راجع مستشارك القانوني في التفاصيل.
- الاتحاد الأوروبي. يسري قانون إمكانية الوصول الأوروبي (European Accessibility Act) (التوجيه 2019/882) منذ 28 يونيو 2025. يشمل منتجات وخدمات مثل التجارة الإلكترونية والخدمات المصرفية والكتب الإلكترونية وتذاكر النقل والاتصالات الإلكترونية، لذا فإن موقعًا مثل Ticketly يبيع لعملاء في الاتحاد الأوروبي يقع ضمن نطاقه. الشركات متناهية الصغر التي تقدّم خدمات (أقل من 10 موظفين وإيرادات لا تتجاوز مليوني يورو) مستثناة. والمعيار المرجعي EN 301 549 v3.2.1 يقابل WCAG 2.1 AA لمحتوى الويب؛ أما الإصدار 4.1.1 الذي نُشر في سبتمبر 2026 فينتقل إلى WCAG 2.2 AA، ويصبح هو المرجع بمجرد أن يستشهد به الاتحاد الأوروبي في جريدته الرسمية. وكان توجيه إمكانية الوصول إلى الويب الأقدم يفرض الشيء نفسه على مواقع القطاع العام.
- الولايات المتحدة. يشمل الباب الثالث (Title III) من قانون ADA الأعمال المفتوحة للجمهور؛ لا يحدّد معيارًا تقنيًا، لكن المحاكم والتسويات تستخدم WCAG AA، وتُرفع آلاف الدعاوى المتعلّقة بإمكانية الوصول إلى الويب كل عام. وتفرض قاعدة أصدرتها وزارة العدل عام 2024 على حكومات الولايات والحكومات المحلية تحقيق WCAG 2.1 AA؛ وفي أبريل 2026 أجّلت قاعدة مؤقتة المواعيد النهائية إلى أبريل 2027 للجهات التي تخدم 50,000 نسمة أو أكثر، وإلى أبريل 2028 للأصغر منها. أما الوكالات الفيدرالية فتتّبع Section 508، الذي يستند إلى WCAG 2.0 AA.
- في أماكن أخرى. تستند كندا والمملكة المتحدة وإسرائيل وأستراليا وغيرها إلى WCAG 2.0 أو 2.1 أو 2.2 في المستوى AA.
الخلاصة العملية بسيطة: ابنِ وفق WCAG 2.2 AA وستحقّق كل ما سبق، لأن 2.2 تتضمّن كل ما في 2.1 و2.0. أما WCAG 3.0 فقيد التطوير كمسودة عمل (working draft) في W3C بنموذج تقييم مختلف؛ وليست معيارًا بعد، ولا يشترطها أي قانون.
الآن وقد صرت تستطيع قراءة كتاب القواعد، يبدأ القسم 2 أعمال الإصلاح الفعلية في Ticketly، بدءًا بهيكل الصفحة: الـ landmarks والعناوين.
أهم النقاط
- تنتظم WCAG في أربعة مبادئ (قابل للإدراك، قابل للتشغيل، قابل للفهم، متين)، ثم إرشادات، ثم معايير نجاح قابلة للاختبار في المستويات A وAA وAAA.
- المستوى AA هو الهدف الذي تعتمده الغالبية العظمى من القوانين والسياسات؛ أما AAA فطموح وغير مطلوب لمواقع كاملة.
- أضافت WCAG 2.2 معايير عدم حجب التركيز، وبدائل السحب، وحدًّا أدنى لحجم الهدف قدره 24 × 24 بكسل، والمساعدة المتّسقة، وعدم تكرار الإدخال، والمصادقة سهلة الوصول.
- يسري قانون إمكانية الوصول الأوروبي منذ 28 يونيو 2025، والقواعد الأمريكية بموجب ADA تستند إلى WCAG 2.1 AA، لذا فإن WCAG 2.2 AA تغطّي الاثنين.