الملحق: قائمة تحقق المطابقة للمستوى AA
استخدِم قائمة التحقق هذه كمؤشّر قابل للتكرار — وسيلة منظّمة للحكم على ما إذا كانت صفحة أو منشور أو مستند أو فيديو يستوفي فعلًا المستوى AA من WCAG، ولعرض الأدلة على الجهات المانحة والشركاء.
وهي مُكيَّفة باللغة البسيطة من التوافق العالمي: منهجية التقييم من W3C (WCAG-EM)، وقائمة WebAIM للمعيار WCAG 2، وقائمة The A11y Project، وأبحاث الاختبار من Deque. ومقياس التقييم (Supports / Partially Supports / Does Not Support) هو المقياس نفسه المستخدَم في تقرير المطابقة لإمكانية الوصول / VPAT الدولي الذي يقدّمه المورّدون.
كيفية استخدامها
- حدِّد النطاق — اختر ما تفحصه: منشور حملة واحد، أو تقرير PDF، أو فيديو، أو عيّنة تمثيلية من أكثر أنواع صفحاتك استخدامًا.
- افحص الأمر كاملًا — قيِّم الصفحة أو العملية كاملةً، لا جزءًا منها فقط.
- ضع علامة على كل بند منطبق بـ S أو PS أو DNS أو N/A (المقياس أدناه).
- اقرأ النتيجة، وسجِّل أي بند ليس «Supports»، وأصلِحه، ثم أعد الفحص — فإمكانية الوصول عمليّة مستمرّة لا تُنجَز مرّة واحدة.
اختبِر على ثلاث طبقات — لا يكفي فحص آليّ ناجح
لا توجد طريقة واحدة تكشف كل شيء. اجمع بين الطرق الثلاث جميعها:
- الأدوات الآلية (axe وWAVE وLighthouse) — سريعة لكنها جزئية. وجدت دراسة Deque على 13,000 صفحة أن الأتمتة تكتشف نحو 57% من المشكلات (حتى ~80% مع الاختبار الموجَّه). إنها مرحلة أولى مفيدة، لكنها لا تكفي وحدها أبدًا.
- الفحوص اليدوية — اعمل على قائمة التحقق هذه يدويًّا: الاستخدام بلوحة المفاتيح وحدها، والتباين، والعناوين، والنص البديل، والتسميات التوضيحية، ونص الرابط.
- التقنية المساعِدة الحقيقية والأشخاص الحقيقيون — اختبِر بقارئ شاشة (NVDA وVoiceOver)، وكلما أمكن مع أشخاص ذوي إعاقة. هذه هي الطريقة الوحيدة للتأكّد.
أجرِ الفحوص اليدوية بنفسك
لست بحاجة إلى برامج خاصة أو تدريب لاكتشاف أكثر المشكلات شيوعًا. تستغرق هذه الفحوص الأربعة نحو عشر دقائق على أي صفحة أو مستند أو منشور.
1. اختبار لوحة المفاتيح (نحو دقيقتين)
ضَع الفأرة جانبًا واستخدم لوحة المفاتيح وحدها:
- Tab ينتقل للأمام، وShift + Tab يرجع للخلف، وEnter أو Space يُفعّل رابطًا أو زرًّا، وتنقلك مفاتيح الأسهم داخل القوائم ومجموعات أزرار الاختيار.
- تأكّد من أنك تستطيع الوصول إلى كل عنصر تحكّم واستخدامه — الروابط والأزرار وحقول النماذج والقوائم — بترتيب منطقي.
- تأكّد من أن حدّ مؤشّر التركيز ظاهر دائمًا، كي ترى أين أنت.
- تأكّد من أنك لا تعلَق أبدًا — يمكنك دائمًا الرجوع بمفتاح Tab خارج أي قائمة أو نافذة حوار أو مشغّل فيديو.
- تأكّد من ظهور رابط «تخطَّ إلى المحتوى الرئيسي» أولًا، قبل التنقّل.
2. جرّب قارئ شاشة (نحو 15 دقيقة)
قارئات الشاشة المجانية مدمجة أو على بُعد تنزيل واحد:
- Windows: برنامج NVDA (تنزيل مجاني) مع Firefox أو Chrome. شغّله أو أوقفه بمفتاح NVDA — Insert أو Caps Lock.
- Mac / iPhone: برنامج VoiceOver المدمج. على جهاز Mac بدّله بـCommand + F5، ويُشغَّل بمفاتيح Control + Option.
- Android: برنامج TalkBack المدمج.
- أطفئ شاشتك (أو أغمض عينيك) وحاول إنجاز مهمة واحدة — اقرأ صفحة، أو املأ نموذجًا. وأنصِت: هل تُوصَف الصور؟ هل تبدو الروابط مفهومة خارج سياقها؟ هل يُعلَن عن العناوين وحقول النماذج وتُسمَّى؟
3. فحصان من دقيقة واحدة
- كبّر إلى 200% (مفتاح Ctrl/Cmd مع +). هل يبقى كل النص مقروءًا، دون أن يُقتطَع أو يتداخل أو يحتاج إلى تمرير أفقي؟
- فعّل وضع التباين العالي / الألوان القسرية في نظام تشغيلك. هل يختفي أي شيء — الحدود أو الأيقونات أو حدّ مؤشّر التركيز أو الأزرار؟
الجزء A — قائمة تحقق المحتوى (يتحكّم بها فريقك)
| البند | WCAG (المستوى) | النتيجة |
|---|---|---|
| لكل صورة معبِّرة نص بديل واضح؛ والصور الزخرفية مُعلَّمة على أنها فارغة. | 1.1.1 (A) | |
| للمحتوى الصوتي فقط (بودكاست أو رسالة صوتية) نص مكتوب. | 1.2.1 (A) | |
| لكل فيديو تسميات توضيحية دقيقة (مع مراجعة التسميات التلقائية وتصحيحها). | 1.2.2 (A) | |
| العناصر المرئية المهمة في الفيديو موصوفة (وصف صوتي أو بديل نصي). | 1.2.3 / 1.2.5 (A/AA) | |
| للفيديوهات المباشرة والندوات عبر الإنترنت تسميات توضيحية مباشرة. | 1.2.4 (AA) | |
| العناوين والقوائم والجداول تستخدم أنماطًا حقيقية — لا مجرد نص كبير أو عريض. | 1.3.1 (A) | |
| يبقى المحتوى مفهومًا عند قراءته بالترتيب من الأعلى إلى الأسفل. | 1.3.2 (A) | |
| لا تعتمد التعليمات على الشكل أو الحجم أو الموضع وحده («الزر الدائري»). | 1.3.3 (A) | |
| لا يُعتمَد على اللون وحده لإيصال المعنى (تُضاف تسمية أو أيقونة أيضًا). | 1.4.1 (A) | |
| تباين النص لا يقل عن 4.5:1 (و3:1 للنص الكبير). | 1.4.3 (AA) | |
| النص المهم نص حقيقي، وليس نصًّا مدمجًا داخل صورة. | 1.4.5 (AA) | |
| الأيقونات والرسوم التي تحمل معنى لها تباين لا يقل عن 3:1. | 1.4.11 (AA) | |
| لا يومض أي عنصر أكثر من ثلاث مرات في الثانية. | 2.3.1 (A) | |
| الروابط مفهومة بذاتها (دون «اضغط هنا» المجرّدة). | 2.4.4 (A) | |
| العناوين والتسميات وصفية. | 2.4.6 (AA) | |
| لغة المحتوى مضبوطة بشكل صحيح. | 3.1.1 / 3.1.2 (A/AA) | |
| للنماذج تسميات وتعليمات واضحة وظاهرة. | 3.3.2 (A) | |
| أخطاء النماذج موضَّحة بالكلمات وسهلة التصحيح. | 3.3.1 / 3.3.3 (A/AA) | |
| تُصدَّر المستندات بصيغة PDF موسوم (ميسَّر). | 1.3.1 (A) | |
| الشرائح تستخدم تخطيطات حقيقية بعناوين فريدة وترتيب قراءة صحيح. | 1.3.1 / 1.3.2 | |
| تحمل رسائل البريد الإلكتروني المعلومات الأساسية كنص (لا كصور فقط)، مع روابط وصفية. | 1.1.1 / 2.4.4 | |
| تمت مراجعة وتصحيح أي نص بديل أو تسميات توضيحية وَلَّدها الذكاء الاصطناعي. | Best practice |
الجزء B — قائمة تحقق الموقع والتطبيق (سلِّمها لمن يبني موقعك)
يتحكّم بهذه المعايير عادةً موقعك أو تطبيقك، لا الشخص الذي يكتب المنشور — لكنها جزء من ادّعاء كامل للمستوى AA، فشاركها مع مطوّرك أو مزوّد منصّتك.
| البند | WCAG (المستوى) | النتيجة |
|---|---|---|
| كل شيء يعمل بلوحة المفاتيح وحدها؛ ولا يعلَق مؤشّر التركيز أبدًا. | 2.1.1 / 2.1.2 (A) | |
| حدّ مؤشّر التركيز للوحة المفاتيح ظاهر بوضوح دائمًا. | 2.4.7 (AA) | |
| يتوفّر رابط «تخطَّ إلى المحتوى الرئيسي». | 2.4.1 (A) | |
| لكل صفحة عنوان فريد ووصفي. | 2.4.2 (A) | |
| ترتيب تنقّل لوحة المفاتيح منطقي. | 2.4.3 (A) | |
| يمكن تكبير النص حتى 200% وإعادة تدفّقه عند العرض الضيّق دون فقدان. | 1.4.4 / 1.4.10 (AA) | |
| يعمل المحتوى في الوضعين العمودي والأفقي. | 1.3.4 (AA) | |
| يمكن إيقاف الصوت أو الفيديو الذي يبدأ تلقائيًا مؤقتًا أو إيقافه. | 1.4.2 / 2.2.2 (A) | |
| أسماء التنقّل والمكوّنات متسقة عبر الصفحات. | 3.2.3 / 3.2.4 (AA) | |
| تكشف الأزرار والحقول وعناصر التحكّم عن اسمها ودورها وقيمتها للتقنيات المساعِدة. | 4.1.2 (A) | |
| يتم الإعلان عن رسائل الحالة المهمة للتقنيات المساعِدة. | 4.1.3 (AA) | |
| (WCAG 2.2) أهداف اللمس كبيرة بما يكفي، ومؤشّر التركيز غير مخفي، ولا يتطلّب أي إجراء السحب وحده. | 2.5.8 / 2.4.11 / 2.5.7 (AA) |