اختبار إمكانية الوصول

يتحقق اختبار إمكانية الوصول (Accessibility testing) من قدرة الأشخاص ذوي الإعاقة على إدراك المنتج وفهمه والتنقل فيه وتشغيله — بلوحة المفاتيح بدلاً من الفأرة، وبقارئ الشاشة بدلاً من الشاشة، وبنص مكبَّر أو ترجمة نصية أو تحكّم صوتي. وعملياً يعني ذلك الاختبار مقابل معايير النجاح في WCAG 2.2، وهي أحدث إصدار من توصية W3C التي تشير إليها اللوائح وقواعد المشتريات في ولايات قضائية كثيرة (وبعضها يشير إلى إصدار 2.x أقدم)، ثم التأكد باستخدام تقنيات مساعدة حقيقية أن النتيجة قابلة للاستخدام فعلاً لا مطابقة شكلياً فقط.

يرسم هذا الدليل الخريطة كاملة: لماذا تنتمي إمكانية الوصول إلى ضمان الجودة، وكيف تُنظَّم WCAG 2.2، وما معنى المطابقة، والمجالات العملية الخمسة (لوحة المفاتيح، وقارئ الشاشة، والنماذج، والجوانب البصرية، والاختبار الآلي)، وكيف يُقيَّم المنتج بمنهجية WCAG-EM، وكيف يُدمج العمل في السبرنت وخط التسليم، وكيف تغيّر المنتجات متعددة اللغات والمكتوبة من اليمين إلى اليسار الصورة، والعيوب التي يجدها المختبِرون أكثر من غيرها.

ما اختبار إمكانية الوصول ولماذا يهم

إمكانية الوصول هي مدى قدرة أوسع طيف من الناس بقدراتهم المختلفة على استخدام المنتج. والمعنيون بها ليسوا فئة هامشية: المكفوفون وضعاف البصر الذين يعتمدون على قارئات الشاشة أو التكبير، والصم وضعاف السمع الذين يحتاجون إلى الترجمة النصية والنصوص المكتوبة، وذوو الإعاقات الحركية الذين يستخدمون لوحة المفاتيح أو أجهزة التبديل (Switch) أو التحكم الصوتي، وذوو الإعاقات الإدراكية أو التعلّمية أو العصبية الذين يعتمدون على تخطيط متوقَّع ولغة واضحة. كما أن القيود المؤقتة والظرفية — معصم مكسور، أو شمس ساطعة على شاشة الهاتف، أو غرفة صاخبة — تضع الجميع في الموقف نفسه لبعض الوقت.

بالنسبة لفريق ضمان الجودة، إمكانية الوصول سمة جودة مثل الأمان أو الأداء: يمكن تحديدها في معايير القبول، والتصميم لها، واختبارها، وقياسها، ورصد تراجعها. وهي تفشل بالطرق نفسها التي تفشل بها سمات الجودة الأخرى — متطلبات مفقودة، واكتشاف متأخر، وغياب تغطية الانحدار (Regression) — وتُعالَج بالانضباط نفسه.

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

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

كيف تُنظَّم WCAG 2.2

WCAG 2.2 توصية صادرة عن W3C (والإصدار المشار إليه هنا مؤرخ في 12 ديسمبر 2024)، ومتطلباتها المعيارية (Normative) موزعة على ثلاث طبقات (وتضيف WCAG نفسها في وصفها «لطبقات الإرشاد» طبقةً رابعة غير معيارية وغير ملزمة، هي التقنيات الكافية والاستشارية). أربعة مبادئ تحدد ما يجب أن يكون عليه المحتوى؛ و13 إرشاداً تحتها تحدد الأهداف؛ ومعايير النجاح (Success Criteria) القابلة للاختبار تحت الإرشادات هي ما تختبره فعلاً وتبلّغ عنه. لكل معيار رقم واسم ومستوى — مثل المعيار 2.1.1 Keyboard (المستوى A) أو المعيار 1.4.3 Contrast (Minimum) (المستوى AA). وتنشر W3C أيضاً وثائق «Understanding WCAG 2.2» الإرشادية لكل معيار، ومرجعاً سريعاً (Quick Reference) يسرد التقنيات وحالات الإخفاق الشائعة؛ وهناك يجد المختبِر المقصد والاستثناءات والحالات الحدّية وراء النص المعياري المختصر.

ما تختبره وتبلّغ عنه هو معايير النجاح: الطبقة القابلة للاختبار تحت مبادئ WCAG 2.2 الأربعة وإرشاداتها الـ13.

كل طبقة تقع تحت الطبقة التي فوقها

  1. 1أربعة مبادئمعياريةما يجب أن يكون عليه المحتوى: قابل للإدراك، قابل للتشغيل، قابل للفهم، متين
  2. 213 إرشاداًمعياريةتحت المبادئ: تحدد الأهداف
  3. 3معايير النجاحمعياريةقابلة للاختبار: ما تختبره فعلاً وتبلّغ عنه

    لكل معيار رقم واسم ومستوى، مثل المعيار 2.1.1 Keyboard (المستوى A)

  4. 4التقنيات الكافية والاستشاريةغير معيارية وغير ملزمةالطبقة الرابعة في «طبقات الإرشاد» لدى WCAG

    يسردها المرجع السريع (Quick Reference) من W3C مع حالات الإخفاق الشائعة

  • قابل للإدراك (Perceivable) — يجب تقديم المعلومات بطرق يستطيع المستخدم إدراكها: بدائل نصية (1.1.1 Non-text Content)، وترجمة نصية للوسائط، وبنية متاحة برمجياً لا بصرياً فقط (1.3.1 Info and Relationships)، وتباين كافٍ (1.4.3 Contrast (Minimum))، ومحتوى يُعاد تدفقه عند التكبير (1.4.10 Reflow).
  • قابل للتشغيل (Operable) — يجب أن تعمل كل وظيفة بوسيلة الإدخال المتاحة للمستخدم: لوحة المفاتيح (2.1.1 Keyboard و2.1.2 No Keyboard Trap)، ووقت كافٍ، وعدم وجود وميض قد يسبب نوبات، ووسائل تنقّل (2.4.1 Bypass Blocks و2.4.3 Focus Order و2.4.7 Focus Visible)، وبدائل للإيماءات المعقدة (2.5.1 Pointer Gestures).
  • قابل للفهم (Understandable) — النص مقروء والواجهة متوقَّعة: لغة الصفحة معلنة (3.1.1 Language of Page)، والتركيز والإدخال لا يسببان تغييراً مفاجئاً في السياق (3.2.1 On Focus و3.2.2 On Input)، والمستخدم يحصل على مساعدة في الأخطاء (3.3.1 Error Identification و3.3.2 Labels or Instructions).
  • متين (Robust) — يعمل المحتوى مع وكلاء المستخدم الحاليين والمستقبليين بما فيها التقنيات المساعدة: كل مكوّن واجهة يكشف اسمه ودوره وقيمته (4.1.2 Name, Role, Value)، ويمكن إعلان رسائل الحالة دون نقل التركيز (4.1.3 Status Messages).

المستويات ومعنى المطابقة

المستويات تراكمية. المستوى A هو الحد الأدنى؛ والمستوى AA يشمل كل معايير A وAA وهو الهدف الذي تعتمده معظم المؤسسات والعقود واللوائح؛ والمستوى AAA هو الأعلى، وتنصح WCAG نفسها بعدم اشتراطه سياسةً عامة لمواقع كاملة لأن بعض المحتوى لا يمكنه استيفاء كل معايير AAA. وما لم ينص عقدك على غير ذلك، اختبر مقابل WCAG 2.2 المستوى AA.

أضافت WCAG 2.2 تسعة معايير نجاح إلى WCAG 2.1 — منها 2.4.11 Focus Not Obscured (Minimum) و2.5.7 Dragging Movements و2.5.8 Target Size (Minimum) و3.2.6 Consistent Help و3.3.7 Redundant Entry و3.3.8 Accessible Authentication (Minimum) — وأدرجت المعيار 4.1.1 Parsing على أنه متقادم ومحذوف. فإذا كانت خطة اختبار قديمة أو تقرير أداة ما زال يرفع نتائج 4.1.1، فأبقِ مشكلة الترميز فقط إذا سببت إخفاقاً في معيار آخر مثل 4.1.2.

ادعاء المطابقة (Conformance) بيانٌ عن الصفحات، لا عن شركة أو فريق. وتضع WCAG 2.2 خمسة متطلبات للمطابقة: استيفاء المستوى المختار بالكامل؛ وانطباق المطابقة على صفحات كاملة لا على أجزاء منها؛ وعندما تكون الصفحة خطوة في عملية، يجب أن تطابق كل صفحات العملية الكاملة؛ والاعتماد فقط على طرق استخدام للتقنيات مدعومة من ناحية إمكانية الوصول؛ وألا تتداخل التقنيات غير المعتمد عليها مع بقية الصفحة (عدم التداخل).

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

المجالات العملية الخمسة

تُنظَّم WCAG حسب المبدأ، لكن المختبِرين يعملون حسب التقنية. خمسة مجالات فرعية تغطي معظم العمل اليومي، ولكل منها دليله الخاص ضمن هذا الموضوع.

  • إمكانية الوصول بلوحة المفاتيح — كل وظيفة قابلة للوصول والتشغيل بـ Tab وShift+Tab وEnter وSpace والأسهم وEscape؛ وترتيب تركيز منطقي؛ ومؤشر تركيز مرئي لا يختفي خلف الترويسات الثابتة؛ ولا فخاخ لوحة مفاتيح؛ وروابط تخطٍّ؛ ونوافذ حوار مشروطة تدير التركيز. وهو الفحص الأسرع ذو القيمة العالية، والأساس الذي يبني عليه مستخدمو قارئات الشاشة وأجهزة التبديل والتحكم الصوتي.
  • اختبار قارئات الشاشة — هل تصل دلالات الصفحة إلى التقنيات المساعدة: الأسماء القابلة للوصول، والأدوار والحالات، والعناوين والمعالم، ونصوص الروابط ذات المعنى، والاستخدام الصحيح لـ ARIA، وإعلان رسائل الحالة، مع التحقق بثنائيات حقيقية من قارئ شاشة ومتصفح مثل NVDA أو JAWS على Windows، وVoiceOver على macOS وiOS، وTalkBack على Android.
  • النماذج القابلة للوصول — تسميات وتعليمات مرئية، وتجميع الحقول المترابطة، والإشارة إلى الحقول الإلزامية، وتحديد الأخطاء واقتراح تصحيحها، ومنع الأخطاء في الإرسالات القانونية والمالية، والإكمال التلقائي لغرض الإدخال، والمصادقة القابلة للوصول. والنماذج هي الموضع الذي تمنع فيه إخفاقات إمكانية الوصول إتمام المعاملة كلياً في أغلب الأحيان.
  • إمكانية الوصول البصرية — تباين النص والعناصر غير النصية، واستخدام اللون، وتغيير الحجم وإعادة التدفق، وتباعد النص، والاتجاه (Orientation)، وحجم الهدف، والمحتوى الذي يظهر عند التمرير أو التركيز، والحركة والوميض، والبدائل النصية للصور.
  • الاختبار الآلي لإمكانية الوصول — محركات قواعد مثل axe-core وعمليات تدقيق مثل Lighthouse، تعمل في المتصفح وفي اختبارات المكوّنات والاختبارات الشاملة وفي CI لالتقاط الإخفاقات القابلة للكشف آلياً مع كل تغيير، مع ترك الأحكام التقديرية للبشر.

الاختبار اليدوي والآلي: ما الذي يكتشفه كل منهما

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

تصف قواعد اختبار المطابقة لإمكانية الوصول (ACT Rules) الصادرة عن W3C، بصيغة محايدة تجاه الأدوات، كيفية اختبار جوانب محددة من WCAG وARIA. بعض القواعد يمكن أتمتتها بالكامل وبعضها يحتاج إلى حكم بشري؛ وعند مقارنة الأدوات، فإن السؤال عن قواعد ACT التي تنفذها كل أداة أنفع من مقارنة الأرقام الدعائية. وتقسيم عملي للجهد يبدو هكذا:

  • آلي، مع كل تغيير — فحوصات بمحرك قواعد للصفحات والمكوّنات الأساسية، ضمن CI.
  • يدوي، لكل قصة — جولة بلوحة المفاتيح، وجولة قصيرة بقارئ الشاشة، والتكبير وإعادة التدفق، وتباين كل جديد في الواجهة المعدّلة.
  • تقييم خبير، لكل إصدار أو كل ربع سنة — تقييم WCAG منظّم لعينة ممثِّلة (انظر WCAG-EM أدناه).
  • اختبار مع مستخدمين من ذوي الإعاقة، دورياً — الطريقة الوحيدة لمعرفة ما إذا كان المنتج قابلاً للاستخدام عملياً لا مطابقاً على الورق فقط.

جرّبها: فاحص إمكانية الوصول في HTML

تقييم المنتج بمنهجية WCAG-EM

تصف منهجية تقييم WCAG (WCAG-EM) 2.0، التي نشرتها W3C بوصفها ملاحظة مجموعة (Group Note) في يوليو 2026، كيفية تقييم مدى مطابقة منتج رقمي لـ WCAG 2. وهي إجراء لا أداة، وتصلح لموقع أو تطبيق ويب أو مجموعة شاشات تطبيق. وتنطبق خطواتها الخمس بسلاسة على خطة الاختبار:

  • 1. حدّد نطاق التقييم — المنتج وأجزاؤه، وهدف المطابقة (عادةً WCAG 2.2 المستوى AA)، وخط الأساس لدعم إمكانية الوصول (المتصفحات والتقنيات المساعدة التي يُتوقع أن يعمل معها المنتج)، وأي متطلبات إضافية.
  • 2. استكشف المنتج — حدّد الواجهات الشائعة، والوظائف الأساسية، وتنوع أنواع الصفحات أو الشاشات، والتقنيات المعتمد عليها.
  • 3. اختر عينة ممثِّلة — عينة منظّمة تغطي ما وجدته الخطوة 2، وبعض العينات المختارة عشوائياً، وكل عملية كاملة.
  • 4. قيّم العينة — افحص كل عينة وكل عملية كاملة مقابل معايير الهدف، ثم قارن نتائج العينة المنظّمة بالعشوائية؛ فإذا كشفت العينات العشوائية أنواعاً جديدة من الإخفاق، فالعينة المنظّمة فاتها شيء.
  • 5. أبلغ عن النتائج — وثّق نتيجة كل خطوة؛ واختيارياً أضف تفاصيل التقييم، وبيان تقييم، ودرجة مجمّعة، وتقارير قابلة للقراءة آلياً.

إمكانية الوصول داخل السبرنت

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

  • التهيئة (Refinement) — أضف معايير قبول لإمكانية الوصول إلى كل قصة فيها واجهة: التشغيل بلوحة المفاتيح، وأسماء عناصر التحكم، وإعلان الأخطاء والحالة، وتباين الألوان الجديدة. واذكر أرقام معايير النجاح.
  • مراجعة التصميم — افحص التباين وأنماط التركيز وأحجام الأهداف وترتيب القراءة والتركيز، وأن لا شيء يُنقل باللون وحده، قبل كتابة الشيفرة.
  • التطوير — فضّل عناصر HTML الأصلية، واتبع أنماط ARIA Authoring Practices للعناصر المخصصة، وشغّل أداة فحص آلي محلياً وفي اختبارات المكوّنات.
  • اختبار القصة — يجري المختبِر جولة لوحة المفاتيح، وجولة دخان (Smoke) بقارئ الشاشة على ثنائية واحدة متفق عليها، والتكبير إلى 200% وإعادة التدفق عند 400%، ويراجع النتائج الآلية.
  • الانحدار — احتفظ بمجموعة انحدار قصيرة لإمكانية الوصول للرحلات الحرجة (تسجيل الدخول، والبحث، وإتمام الشراء، والنماذج الأساسية)، وأعد تشغيلها مع كل إصدار، وبدّل ثنائيات قارئ الشاشة مع الوقت.
  • تعريف الإنجاز (Definition of Done) — لا تُعدّ القصة منجزة ما دامت فيها إخفاقات مفتوحة من المستوى A أو AA، ما لم يقبلها الفريق صراحةً ويسجّلها في تذاكر ويجدولها.
  • بنود قائمة تعريف الإنجاز أدناه (وهي بالإنجليزية لتُنسخ كما هي) — كل وظيفة جديدة تعمل بلوحة المفاتيح وحدها (Tab وShift+Tab وEnter وSpace والأسهم وEsc)؛ ترتيب التركيز يتبع ترتيب القراءة والتركيز مرئي على كل عنصر قابل للتركيز؛ لا يُحجب العنصر المركَّز بالكامل خلف ترويسة أو تذييل أو شريط ثابت؛ لكل عنصر تحكم اسم قابل للوصول يتضمن تسميته المرئية؛ العناوين والمعالم تعكس البنية المرئية؛ الأخطاء والإشعارات وحالات التحميل تُعلَن (status أو alert)؛ تباين النص 4.5:1 على الأقل (والنص الكبير 3:1 على الأقل)، ومكوّنات الواجهة والرسوم 3:1 على الأقل؛ الواجهة قابلة للاستخدام بحجم نص 200% وتعيد التدفق عند تكبير 400% دون تمرير أفقي؛ lang وdir صحيحتان في كل لغة (العربية: ⁦lang="ar" dir="rtl"⁩)؛ لا مخالفات جديدة في الفحص الآلي؛ وجولة دخان بقارئ الشاشة على الثنائية المتفق عليها (مثل NVDA مع Firefox).
Accessibility definition of done (story with UI)

[ ] Every new function works with keyboard only (Tab, Shift+Tab, Enter, Space, arrows, Esc)
[ ] Focus order follows reading order; focus is visible on every focusable element
[ ] Focused element is never fully hidden by a sticky header, footer or banner
[ ] Every control has an accessible name that contains its visible label
[ ] Headings and landmarks reflect the visual structure
[ ] Errors, toasts and loading states are announced (status / alert)
[ ] Text contrast >= 4.5:1 (large text >= 3:1); UI components and graphics >= 3:1
[ ] Usable at 200% text size; reflows at 400% zoom without horizontal scrolling
[ ] lang and dir correct in every locale (Arabic: lang="ar" dir="rtl")
[ ] Automated scan: no new violations
[ ] Screen reader smoke pass on the agreed pairing (for example NVDA + Firefox)

جرّبها: مولّد قوائم تحقق QA بالذكاء الاصطناعي

عيوب إمكانية الوصول الشائعة وكيف تُبلَّغ

تتكرر الإخفاقات نفسها عبر المنتجات. هذه صياغتها كعناوين تقارير أخطاء، مع المعيار الذي يخفق فيه كل منها:

  • «قائمة الدولة المنسدلة لا يمكن فتحها أو تغيير قيمتها بلوحة المفاتيح» — 2.1.1 Keyboard.
  • «يعود التركيز إلى أعلى الصفحة بعد إغلاق نافذة تعديل العنوان» — 2.4.3 Focus Order.
  • «لا يوجد مؤشر تركيز مرئي على الأزرار الرئيسية (أُزيل outline في CSS العام)» — 2.4.7 Focus Visible.
  • «زر الحذف ذو الأيقونة فقط يُعلَن كـ button دون اسم» — 4.1.2 Name, Role, Value.
  • «عناوين الأقسام فقرات منسّقة؛ وقائمة العناوين في قارئ الشاشة فارغة» — 1.3.1 Info and Relationships.
  • «إشعار إضافة المنتج إلى السلة لا تعلنه قارئات الشاشة» — 4.1.3 Status Messages.
  • «نص المساعدة الرمادي على الأبيض نسبة تباينه 2.9:1» — 1.4.3 Contrast (Minimum).
  • «الصفحة العربية تعلن lang=en؛ فيقرأ قارئ الشاشة النص العربي بصوت إنجليزي» — 3.1.1 Language of Page.

جرّبها: مولّد عناوين الأخطاء بالذكاء الاصطناعي جرّبها: مولّد وصف الأخطاء بالذكاء الاصطناعي

الإبلاغ عن العيوب والأتمتة في CI

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

تنتمي الفحوصات الآلية إلى خط التسليم للسبب نفسه الذي تنتمي إليه اختبارات الوحدات: فهي توقف حالات الانحدار المعروفة بتكلفة منخفضة. ومن الأنماط الشائعة تشغيل محرك قواعد داخل الاختبارات الشاملة القائمة (مثل axe-core مع Playwright أو Cypress أو Selenium)، وفحص قائمة عناوين URL بعد النشر في بيئة اختبار، وتشغيل تدقيقات Lighthouse لإمكانية الوصول على الصفحات الأساسية. اجعل البوابة على ما تستطيع الأدوات الحكم عليه: أفشل البناء عند وجود مخالفات جديدة، واحتفظ بخط أساس للمشكلات المعروفة مع تذاكرها حتى لا يبقى الخط أحمر إلى الأبد، وراجع مجموعة القواعد عند تحديث الأداة. ولا تصف خط تسليم أخضر بأنه «قابل للوصول» — فهو يعني فقط أن القواعد الآلية لم تجد شيئاً. ويغطي دليل الاختبار الآلي لإمكانية الوصول دمج الأدوات واختيار القواعد وفرز النتائج بالتفصيل.

إمكانية الوصول في المنتجات متعددة اللغات ومن اليمين إلى اليسار

المنتجات المستخدمة بالعربية والإنجليزية — وهي شائعة في المملكة العربية السعودية ودول الخليج — تحتاج إلى فحوصات تفوتها خطط الاختبار أحادية اللغة. فقارئات الشاشة تعتمد على اللغة التي تعلنها الصفحة لتحميل قواعد النطق الصحيحة، لذا يجب أن تطابق سمة lang على العنصر html لغة الصفحة (3.1.1 Language of Page)، وأن تحمل المقاطع المكتوبة بلغة أخرى — كاسم منتج إنجليزي داخل نص عربي — سمة lang خاصة بها (3.1.2 Language of Parts). وقيمة lang الخاطئة تنتج نطقاً يصعب فهمه جداً حتى لو نجحت كل الفحوصات الأخرى.

الاتجاه هو الشاغل الثاني. تحدد السمة dir (أي dir="rtl" على العنصر html في الصفحات العربية) الاتجاه الأساسي؛ فينعكس التخطيط، ويجب أن يظل ترتيب التركيز تابعاً لترتيب القراءة، وهو في العربية من اليمين إلى اليسار. تحقّق من أن Tab يتنقل عبر التخطيط المعكوس بترتيب منطقي، وأن مفاتيح الأسهم في المنزلقات وعروض الشرائح وقوائم التبويب تتصرف بما يتسق مع التخطيط المعكوس، وأن الأيقونات الدالة على الاتجاه معكوسة حيث يجب، وأن السلاسل المختلطة بين العربية واللاتينية — أرقام الطلبات وعناوين البريد وأرقام الهواتف — تُعرض وتُقرأ بالترتيب الصحيح. ويغطي دليل اختبار RTL النص ثنائي الاتجاه وعكس التخطيط بالتفصيل.

جرّبها: مولّد بيانات اختبار متعددة اللغات جرّبها: مولّد بيانات الاختبار العربية

الأسئلة الشائعة

ما الفرق بين اختبار إمكانية الوصول واختبار قابلية الاستخدام؟

يتحقق اختبار إمكانية الوصول من قدرة ذوي الإعاقة على استخدام المنتج، عادةً مقابل معايير نجاح WCAG وباستخدام التقنيات المساعدة. أما اختبار قابلية الاستخدام (Usability testing) فيقيس سهولة تحقيق مستخدمين ممثِّلين لأهدافهم. وهما متداخلان؛ والاختبار مع مستخدمين من ذوي الإعاقة هو الاثنان معاً.

أي مستوى من WCAG نختبر مقابله؟

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

هل تستطيع أداة آلية أن تجعل الموقع مطابقاً لـ WCAG؟

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

هل ما زال المعيار 4.1.1 Parsing يُختبر؟

ليس بوصفه معياراً في WCAG 2.2: فهي تدرج 4.1.1 Parsing على أنه متقادم ومحذوف. وتبقى أخطاء الترميز مهمة عندما تكسر شيئاً آخر، مثلاً حين يجعل معرّف id مكرر تسمية الحقل تشير إلى حقل خاطئ، وهو ما يخفق في معايير أخرى مثل 4.1.2.

هل نحتاج إلى الاختبار بقارئات شاشة حقيقية؟

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

هل تنطبق WCAG على تطبيقات الجوال؟

كُتبت WCAG لمحتوى الويب، لكن مبادئها ومعظم معاييرها تنطبق على شاشات التطبيقات أيضاً، ويطبّق EN 301 549 متطلبات مبنية على WCAG على البرمجيات إلى جانب الويب. اختبر التطبيقات الأصلية بقارئات الشاشة الخاصة بالمنصة: VoiceOver على iOS وTalkBack على Android.

المراجع

  • Web Content Accessibility Guidelines (WCAG) 2.2W3C · 2024توصية W3C التي تحدد معايير النجاح القابلة للاختبار لإتاحة محتوى الويب، مرتّبةً تحت أربعة مبادئ وثلاثة مستويات مطابقة (A وAA وAAA).
  • Understanding WCAG 2.2W3C Web Accessibility Initiative (WAI)الشرح التوضيحي لكل إرشاد ومعيار نجاح في WCAG 2.2: الغرض، ومن يستفيد، والأمثلة والتقنيات (غير إلزامي).
  • WCAG Evaluation Methodology (WCAG-EM) 2.0W3C · 2026منهجية W3C لتقييم موقع كامل وفق WCAG: تحديد النطاق، والاستكشاف، واختيار عيّنة ممثِّلة، وتدقيقها، ثم إعداد التقرير.
  • Evaluating Web Accessibility OverviewW3C Web Accessibility Initiative (WAI)مدخل W3C إلى تقييم إمكانية الوصول: لماذا يبدأ التقييم مبكراً ويستمر طوال التطوير، وكيف تتكامل الفحوص اليدوية والأدوات ومشاركة المستخدمين.
  • All ACT RulesW3C Web Accessibility Initiative (WAI)قواعد اختبار مطابقة إمكانية الوصول (ACT): إجراءات اختبار دقيقة وموثّقة لمتطلبات WCAG وARIA، تجعل نتائج الأدوات والاختبار اليدوي متسقة.
  • How to Meet WCAG (Quick Reference)W3C Web Accessibility Initiative (WAI)قائمة قابلة للتصفية بكل معايير نجاح WCAG 2.2 مع التقنيات الكافية وحالات الإخفاق الشائعة.
  • EN 301 549 V4.1.1 (2026-09) — Accessibility requirements for ICT products and servicesETSI / CEN / CENELEC · 2026المعيار الأوروبي الموحّد لإمكانية الوصول في تقنية المعلومات والاتصالات، يبني على WCAG لمحتوى الويب ويضيف متطلبات للبرمجيات والمستندات والأجهزة.
  • Structural markup and right-to-left text in HTMLW3Cكيف يُضبط الاتجاه الأساسي بسمة dir على عنصر html والعناصر البنيوية، ولماذا لا يُعتمد على CSS وحده لذلك.

تمرين عملي

افحص إصدار حجز المواعيد مقابل WCAG 2.2 المستوى AA

المطلوب

أنت المختبِر في بوابة المرضى لمجموعة عيادات خاصة (مثال خيالي). البوابة بالعربية، وهي لغتها الافتراضية، وبالإنجليزية. يضيف الإصدار ⁦3.2⁩ حجز المواعيد إلكترونياً، وهو عملية من خمس صفحات، ويُطلَق بعد عشرة أيام؛ والعقد يشترط WCAG 2.2 المستوى AA. يشغّل خط التسليم في CI فحصاً آلياً لإمكانية الوصول ونتيجته خضراء، وقد أنهت زميلتك للتو جولة يدوية. تعرض المادة أدناه العملية، ونتيجة الفحص، والملاحظات الثماني من الجولة اليدوية (من O1 إلى O8)، وتعليقين من نقاش الإصدار.

اعمل على الورق مستعيناً بالدليل وبالمرجع السريع (Quick Reference) لـ WCAG 2.2؛ ويعطيك محوّل ألوان يعرض نسب التباين وفق WCAG الأرقامَ اللازمة للملاحظتين O6 وO8. خصّص لذلك ⁦45–60⁩ دقيقة.

المادة
بوابة المرضى لمجموعة عيادات خاصة (مثال خيالي): ويب بالعربية (اللغة الافتراضية) والإنجليزية
يضيف الإصدار 3.2 حجز المواعيد إلكترونياً.
اليوم: الخميس 8 أكتوبر 2026. الإطلاق: الأحد 18 أكتوبر 2026.
هدف العقد: WCAG 2.2 المستوى AA لكل صفحة عامة ولكل عملية.

عملية الحجز (5 صفحات)
  1. اختيار العيادة والتخصص: ⁦/book/clinic⁩
  2. اختيار الطبيب والتاريخ والموعد: ⁦/book/slot⁩
  3. اسم المريض، ورقم الهوية الوطنية أو الإقامة، ورقم الجوال: ⁦/book/details⁩
  4. إدخال الرمز المكوّن من 6 أرقام المرسل برسالة SMS: ⁦/book/verify⁩
  5. التأكيد: ⁦/book/done⁩

فحص إمكانية الوصول الآلي في CI: axe-core داخل اختبارات Playwright الشاملة، مع كل دمج
  القواعد: WCAG المستويان A وAA
  الصفحات المفحوصة: ⁦/book/clinic⁩ و⁦/book/slot⁩ و⁦/book/details⁩ و⁦/book/done⁩
  (بالإنجليزية والعربية)
  غير مفحوصة: ⁦/book/verify⁩، لأن الاختبار لا يستطيع استلام رمز SMS
  البناء ⁦3.2.0-rc1⁩: النتيجة PASSED، ولا مخالفات جديدة
  خط الأساس للمشكلات المعروفة: color-contrast في ⁦/book/details⁩، عنصر واحد
  (⁦.field-hint⁩)، التذكرة A11Y-41، ومخطط إصلاحها في الإصدار 3.3

الجولة اليدوية: لينا (مختبِرة)، بيئة Staging، البناء ⁦3.2.0-rc1⁩
حاسوب الاختبار LAB-07: Windows 11 وChrome وNVDA (الإصدارات الدقيقة في ورقة الجهاز)

الملاحظة O1، ⁦/book/slot⁩، الواجهتان العربية والإنجليزية، بلوحة المفاتيح وحدها: ينتقل Tab
  من حقل التاريخ مباشرة إلى «متابعة»، ولا يتلقى أي موعد التركيز، ولا يفعل Enter ولا Space
  شيئاً. أما النقر بالفأرة فيختار الموعد. ويقرأ NVDA في وضع التصفح كل موعد نصاً عادياً
  («09:30») دون دور.
الملاحظة O2، ⁦/book/slot⁩: المواعيد المتاحة خضراء، والمواعيد المحجوزة بالكامل رمادية.
  والنص والأيقونة والحدود والنقش متطابقة فيما عدا ذلك.
الملاحظة O3، الواجهة العربية، كل الصفحات: العنصر html يحمل ⁦lang="en" dir="rtl"⁩.
  يقرأ NVDA النص العربي بصوته الإنجليزي، ولم تستطع لينا فهمه.
الملاحظة O4، ⁦/book/details⁩، نافذة ⁦1280x720⁩ وتكبير 100%: عندما يصل Tab إلى
  «متابعة» يغطي الشريط الثابت «تحتاج إلى مساعدة؟ اتصل بنا» أسفل النافذة الزر بالكامل.
الملاحظة O5، ⁦/book/verify⁩، NVDA مع Chrome: يُدخَل الرمز في 6 مربعات، لكل مربع رقم
  واحد. يُعلَن كل مربع بعبارة «edit, blank»، والنص فوق المربعات «أدخل الرمز المكوّن
  من 6 أرقام المرسل إلى جوالك» لا يُقرأ عندما يتلقى المربع التركيز.
الملاحظة O6، ⁦/book/details⁩: التلميح «10 أرقام» تحت حقل الهوية بلون ⁦#8a8a8a⁩
  على ⁦#ffffff⁩، بحجم 14px ووزن عادي. وهو العنصر ⁦.field-hint⁩ الموجود في خط الأساس.
الملاحظة O7، أداة تدقيق من مشروع أقدم تبلّغ في ⁦/book/details⁩ عن:
  ⁦"4.1.1 Parsing - duplicate id icon-help"⁩. أيقونتان زخرفيتان تتشاركان المعرّف،
  ولا يشير إليه أي شيء (لا for ولا aria-labelledby ولا aria-describedby ولا ما يشبهها).
الملاحظة O8، قائمة تحقق من الإنترنت تقول «نص المتن يحتاج إلى ⁦7:1⁩». ونص المتن في
  ⁦/book/clinic⁩ بلون ⁦#666666⁩ على ⁦#ffffff⁩، بحجم 16px.

نقاش الإصدار
  عمر (مالك المنتج): «خط CI أخضر، والمشكلة المعروفة الوحيدة درجة من الرمادي. أكّدوا
  أننا مطابقون لـ WCAG 2.2 AA كي يذكر التسويق ذلك في ملاحظات الإصدار».
  رامي (قائد التطوير): «قليل جداً من المرضى يستخدمون لوحة المفاتيح وحدها. إصلاح
  منتقي المواعيد يمكن أن ينتظر الإصدار 3.3».
الخطوات
  1. اربط كل ملاحظة بمبدئها في WCAG وبمعيار النجاح (Success Criterion) الخاص بها: الرقم والاسم والمستوى، وقرّر هل هي إخفاق مقابل هدف العقد أم لا، مع السبب في سطر واحد.
  2. لكل إخفاق، قرّر هل يستطيع محرك قواعد (Rule engine) اكتشافه من الشيفرة والأنماط المحسوبة، واشرح لماذا بقي خط التسليم أخضر رغم ذلك.
  3. قرّر هل يمكن ادعاء مطابقة (Conformance) عملية الحجز لـ WCAG 2.2 المستوى AA وفق متطلبات المطابقة، واذكر الإخفاقات التي توصي بمعاملتها على أنها مانعة للإصدار (Release blocker).
  4. اكتب تقرير الخطأ للملاحظة O1، متضمناً الأمور الأربعة التي يحتاجها تقرير خطأ إمكانية الوصول فوق ما يحتاجه أي تقرير خطأ.
  5. ردّ على عمر وعلى رامي بجملتين أو ثلاث لكل منهما، واذكر ما يغيّره الفريق كي لا يتكرر هذا في الإصدار التالي.
إظهار الإجابة النموذجية
الإجابة النموذجية

الخطوة 1. الهدف هو WCAG 2.2 المستوى AA، فكل معيار من المستويين A وAA يُحتسب. O1 — قابل للتشغيل (Operable)، المعيار 2.1.1 Keyboard (المستوى A): إخفاق؛ يمكن اختيار الموعد بالفأرة لا بلوحة المفاتيح. ولا تكشف المواعيد أي دور أو حالة (يقرؤها NVDA نصاً عادياً)، فيخفق أيضاً المعيار 4.1.2 Name, Role, Value (المستوى A)؛ وعناصر <button> الأصلية، أو مجموعة أزرار راديو مبنية على نمط ARIA Authoring Practices، تعالج الأمرين. O2 — قابل للإدراك (Perceivable)، المعيار 1.4.1 Use of Color (المستوى A): إخفاق؛ اللون هو الفرق المرئي الوحيد بين الموعد المتاح والمحجوز. أضف فرقاً غير اللون، مثل كلمة «محجوز» أو أيقونة، واكشف الحالة للتقنيات المساعدة. O3 — قابل للفهم (Understandable)، المعيار 3.1.1 Language of Page (المستوى A): إخفاق في كل صفحة عربية؛ فهي تحتاج إلى lang="ar" (أما dir="rtl" فصحيحة)، ثم تحتاج المقاطع الإنجليزية داخل النص العربي إلى سمة lang خاصة بها وفق المعيار 3.1.2 Language of Parts (المستوى AA).

O4 — قابل للتشغيل، المعيار 2.4.11 Focus Not Obscured (Minimum) (المستوى AA)، وهو جديد في WCAG 2.2: إخفاق؛ زر «متابعة» المركَّز محجوب بالكامل بمحتوى أنشأه المؤلف، أي الشريط الثابت. ولو حجب الشريط جزءاً من الزر فقط لنجح هذا المعيار من المستوى AA؛ أما ألا يُحجب أي جزء منه فهو المعيار 2.4.12 Focus Not Obscured (Enhanced) من المستوى AAA. O5 — متين (Robust)، المعيار 4.1.2 Name, Role, Value (المستوى A): إخفاق؛ الحقول الستة بلا اسم قابل للوصول (Accessible name)، فلا تصل التعليمات المرئية إلى قارئ الشاشة (وبعض الفرق تسجّل معه المعيار 1.3.1 Info and Relationships). O6 — قابل للإدراك، المعيار 1.4.3 Contrast (Minimum) (المستوى AA): إخفاق؛ اللون #8a8a8a على #ffffff نسبة تباينه ⁦3.45:1⁩، والنص العادي بحجم 14px ليس نصاً كبيراً، فيحتاج إلى ⁦4.5:1⁩ على الأقل.

O7 — ليس إخفاقاً في WCAG 2.2. فهي تدرج 4.1.1 Parsing على أنه متقادم ومحذوف، وهذا المعرّف المكرر لا يكسر شيئاً آخر، إذ لا يشير إليه أي شيء في الصفحة. سلّمه للمطوّر ملاحظةً عن جودة الشيفرة لا عيباً في إمكانية الوصول، وتوقف عن احتساب نتائج 4.1.1 من الأداة القديمة. O8 — ليس إخفاقاً مقابل الهدف. نسبة ⁦7:1⁩ هي المعيار 1.4.6 Contrast (Enhanced) من المستوى AAA؛ و#666666 على #ffffff نسبة تباينه ⁦5.74:1⁩، فيستوفي المعيار 1.4.3 في المستوى AA. النتيجة: ستة إخفاقات (من O1 إلى O6)، أربعة منها من المستوى A، وملاحظتان ليستا عيبين.

الخطوة 2. وحدهما O5 وO6 من نوع المشكلات التي يحكم عليها محرك القواعد من الشيفرة والأنماط المحسوبة: عنصر تحكم في نموذج بلا اسم قابل للوصول، ونص تحت حد التباين. وقد اكتُشف O6 فعلاً، لكنه في خط الأساس (Baseline) للمشكلات المعروفة، فلم يعد يجعل البناء أحمر. أما O5 فمن النوع نفسه الذي يكتشفه الفحص، لكن /book/verify ليست في قائمة الصفحات المفحوصة. والملاحظات من O1 إلى O4 تحتاج إلى إنسان: تشغيل وظيفة بلوحة المفاتيح يجب تجربته؛ وكون اللون هو الفرق الوحيد حكم بصري؛ ومحرك القواعد يتحقق من وجود lang ومن صلاحية قيمتها، وen قيمة صالحة، فلا يسمع أنها اللغة الخاطئة للنص إلا إنسان؛ وحجب الشريط الثابت للعنصر المركَّز لا يظهر إلا عند نقل التركيز عبر الصفحة بحجم نافذة معيّن. فخط التسليم الأخضر يعني فقط أن القواعد الآلية لم تجد جديداً في الصفحات الأربع التي تفحصها.

الخطوة 3. لا يمكن ادعاء المطابقة. الحجز عملية كاملة، ومتطلبات المطابقة في WCAG تنص على أنه عندما تكون الصفحة خطوة في عملية، يجب أن تطابق كل صفحات العملية المستوى المدّعى؛ والمطابقة تنطبق على صفحات كاملة. والعقد يغطي كل صفحة عامة، فالنسختان العربية والإنجليزية من كل صفحة تُحتسبان معاً. تخفق /book/slot في O1 وO2، و/book/details في O4 وO6، و/book/verify في O5، وكل صفحة عربية في O3، فالعملية لا تستوفي حتى المستوى A. وقد تنجح /book/clinic و/book/done بالإنجليزية وحدهما، لكن لا يمكن أن يشملهما ادعاء مطابقة ما دامت العملية التي تنتميان إليها تخفق.

الموانع المقترحة للإصدار، توصيةً لمالك المنتج ومدير الإصدار. O1: الإخفاق من المستوى A الذي يمنع رحلة أساسية يُعامَل عادةً على أنه مانع للإصدار، وهنا لا يستطيع مستخدمو لوحة المفاتيح، ولا مستخدمو قارئات الشاشة وأجهزة التبديل والتحكم الصوتي الذين يبنون على التشغيل بلوحة المفاتيح، اختيار موعد، فلا يستطيعون الحجز إطلاقاً. O3: العربية هي اللغة الافتراضية، ومستخدم قارئ الشاشة بالعربية يسمع الرحلة كلها بصوت إنجليزي، والإصلاح عادةً سمة واحدة في قالب الصفحة. ويجب إصلاح O5 قبل الإطلاق أيضاً: خطوة الرمز جزء من الرحلة نفسها والإصلاح صغير. وO2 وO4 تخفقان كذلك مقابل هدف العقد: أصلحهما قبل الإطلاق، أو يقبلهما الفريق صراحةً ويسجّلهما في تذاكر ويجدولهما واضعاً العقد في الحسبان، كما حدث مع O6 (A11Y-41، الإصدار ⁦3.3⁩). وأياً كان القرار، يُسجَّل مع سببه.

الخطوة 4، تقرير خطأ نموذجي. العنوان: لا يمكن نقل التركيز إلى المواعيد في /book/slot ولا اختيارها بلوحة المفاتيح. المعيار: 2.1.1 Keyboard (المستوى A)، ومعه 4.1.2 Name, Role, Value (المستوى A). البيئة: Staging، البناء ⁦3.2.0-rc1⁩؛ الجهاز LAB-07 بنظام Windows 11 مع Chrome، بلوحة المفاتيح وحدها، ثم NVDA مع Chrome، والإصدارات الدقيقة منقولة من ورقة الجهاز؛ الواجهتان العربية والإنجليزية. الخطوات وتسلسل المفاتيح: افتح /book/slot، واختر طبيباً وتاريخاً بلوحة المفاتيح، ثم اضغط Tab. النتيجة الفعلية: ينتقل التركيز من حقل التاريخ مباشرة إلى «متابعة»، ولا يتلقى أي موعد التركيز، ولا يفعل Enter ولا Space شيئاً؛ ووضع التصفح في NVDA يقرأ المواعيد نصاً عادياً، مثل «09:30»، دون دور أو حالة. النتيجة المتوقعة: يمكن الوصول إلى كل موعد متاح واختياره بلوحة المفاتيح، ويُعلَن بوقته ودوره وكونه متاحاً أو مختاراً. الأثر على المستخدم: المرضى الذين يستخدمون لوحة المفاتيح أو قارئ الشاشة أو جهاز تبديل أو التحكم الصوتي لا يستطيعون حجز موعد إلكترونياً؛ تتوقف الرحلة عند الخطوة 2 من 5. الخطورة المقترحة: حاجب (Blocker)، لأن الرحلة الأساسية لا تكتمل في البوابة؛ والأولوية قرار مالك المنتج، والإطلاق في 18 أكتوبر. المرفقات: تسجيل شاشة لتسلسل المفاتيح، والنص من عارض الكلام (Speech viewer) في NVDA. تلميح للمطوّر: عناصر <button> أصلية، أو مجموعة أزرار راديو تتبع نمط ARIA Authoring Practices.

الخطوة 5. إلى عمر: ليس بعد، ولا في ملاحظات الإصدار. ادعاء المطابقة بيانٌ عن الصفحات، وفي عملية الحجز ستة إخفاقات في معايير من المستويين A وAA، أربعة منها لا يستطيع أي محرك قواعد اكتشافها؛ وحتى «درجة الرمادي» المعروفة إخفاق من المستوى AA، وخط التسليم الأخضر يعني فقط أن القواعد الآلية لم تجد جديداً في الصفحات الأربع التي تفحصها. ما يمكن نشره هو حالة واقعية: اختُبر الإصدار مقابل WCAG 2.2 المستوى AA، مع الإخفاقات المفتوحة وتذاكرها وخطة إصلاحها. إلى رامي: عدد من يستخدمون لوحة المفاتيح وحدها ليس هو المقياس. فالتشغيل بلوحة المفاتيح هو الأساس الذي يبني عليه مستخدمو قارئات الشاشة وأجهزة التبديل والتحكم الصوتي، وهذا إخفاق من المستوى A يمنع الحجز، والعقد يشترط AA. وإن أراد الفريق التأجيل رغم ذلك، فالقرار لعمر بصفته مالك المنتج، ويُسجَّل مع الخطر والتذكرة والتاريخ.

كي لا يتكرر ذلك في الإصدار ⁦3.3⁩: زوّد بيئة الاختبار برمز اختباري ثابت أو ببديل محاكٍ لخدمة SMS، كي يصل الاختبار الشامل إلى /book/verify ويغطي الفحص كل صفحات العملية؛ وأصلح A11Y-41 في ⁦3.3⁩ كما هو مخطط حتى يتقلص خط الأساس بدلاً من أن يكبر؛ وأضف تعريف الإنجاز (Definition of Done) لإمكانية الوصول من الدليل إلى كل قصة فيها واجهة: جولة لوحة المفاتيح، وجولة دخان (Smoke) بقارئ الشاشة على الثنائية المتفق عليها، والتكبير وإعادة التدفق، والتباين، وlang وdir في كل لغة؛ واكتب أرقام المعايير في معايير القبول أثناء التهيئة (Refinement)، وافحص الحالات المعتمدة على اللون وحده والعناصر الثابتة في مراجعة التصميم؛ وأدخل رحلة الحجز بالعربية والإنجليزية في مجموعة انحدار إمكانية الوصول؛ وخطّط لتقييم خبير في كل إصدار على عينة WCAG-EM تشمل كل عملية كاملة.

إن اختلفت إجاباتك فراجعها مقابل وثيقة «Understanding WCAG 2.2» لكل معيار. بعض الملاحظات ترتبط بمعيارين عن حق (O1 وO5)، وقد يقرر فريق مع سبب مسجَّل أن O3 لا يوقف الإصدار. أما غير المقبول فهو ملاحظة بلا معيارها ومستواها، أو ملاحظة ليست عيباً تُبلَّغ على أنها عيب، أو ادعاء مطابقة مبني على خط تسليم أخضر.

تقدّمك في هذا الموضوع

جزء من مسار تعلم ضمان الجودة

الأدوات المذكورة في هذا الدليل

افحص HTML بحثاً عن مشكلات إمكانية الوصول الشائعة — نص بديل مفقود، وحقول بلا تسميات، وأزرار وروابط بلا أسماء، وأخطاء ARIA، والعناوين، والتباين — مربوطة بمعايير WCAG 2.2.

التحقق جديد

ولّد قائمة تحقق QA مخصّصة (وظيفية وواجهة مستخدم وAPI وأمان وأداء وإمكانية وصول وإصدار) لأي ميزة باستخدام الذكاء الاصطناعي من متقن.

توليد الاختبارات ذكاء اصطناعي

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

تحليل الأخطاء ذكاء اصطناعي

ولّد أسماء وعناوين وجملاً وأرقاماً عربية (بالأرقام العربية-الهندية) وحالات حدّية للكتابة من اليمين إلى اليسار لاختبار التوطين.

بيانات الاختبار

كيف تساعدك متقن سوفت

أدلة أخرى

أدلة أخرى
تصميم الاختبارات

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

كيف تختبر الوصول بلوحة المفاتيح: معايير WCAG 2.2، وترتيب التركيز وظهوره، وفخاخ لوحة المفاتيح، وروابط التخطي، وأنماط APG، والنوافذ، وحالات اختبار وعيوب.

وقت القراءة 11 دقائق
الأتمتة

الاختبار الآلي لإمكانية الوصول

ما الذي تستطيع فحوص إمكانية الوصول الآلية حسمه وما لا تستطيع، وقواعد ACT، والمحركات الشائعة، والتشغيل في اختبارات الوحدة وE2E وCI، والفرز، وWCAG-EM.

وقت القراءة 8 دقائق
تصميم الاختبارات

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

اختبار قارئات الشاشة: الدلالات، والأسماء القابلة للوصول، والعناوين والمعالم، وقواعد ARIA، والمناطق الحية، وروتين NVDA وVoiceOver وTalkBack، والعيوب.

وقت القراءة 11 دقائق
تصميم الاختبارات

ضمان جودة المنتج من البداية إلى النهاية

ما الذي يشمله ضمان الجودة الشامل — مراجعة المتطلبات وتصميم الاختبارات والاختبار الوظيفي واختبار الأداء والأمان وبوابات الإصدار والمقاييس — وكيف تنفّذه.

وقت القراءة 8 دقائق
تصميم الاختبارات

اختبار إمكانية الوصول في النماذج

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

وقت القراءة 12 دقائق
تصميم الاختبارات

اختبار إمكانية الوصول البصرية

كيف تختبر التباين واستخدام اللون والنص البديل والتكبير وإعادة التدفق وتباعد النص وحجم الهدف والحركة والوضع الداكن وفق WCAG 2.2، مع قوائم فحص.

وقت القراءة 10 دقائق