المهارات wcag-audit-patterns
📦

wcag-audit-patterns

آمن

تدقيق مو��قع الويب للامتثال لإمكانية الوصول WCAG 2.2

متاح أيضًا من: wshobson

عمليات تدقيق إمكانية الوصول اليدوية بطيئة وعرضة للأخطاء بدون إرشادات منظمة. توفر هذه المهرة قوائم فحص WCAG 2.2 منهجية، وتكاملًا ل��اختبار الآلي، وأنماطًا مثبتة للإصلاح.

يدعم: Claude Codex Code(CC)
🥉 74 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "wcag-audit-patterns". تدقيق قائمة التنقل لدي بحثًا عن مشكلات إمكانية الوصول

النتيجة المتوقعة:

تم العثور على 4 انتهاكات WCAG: رابط تخطي مفقود (2.4.1 A)، فخ لوحة المفاتيح في القائمة المنسدلة (2.1.2 A)، حالة aria-expanded مفقودة (4.1.2 A)، وتباين غير كافٍ لمؤشر التركيز (2.4.7 AA). كود التنقل المصحح يشمل رابط تخطي، واحتجاز تركيز صحيح، وحالات ARIA، ومخطط تركيز صلب بعرض 3 بكسل مع تباين 4.5:1.

استخدام "wcag-audit-patterns". إصلاح أخطاء تباين الألوان في نموذج تسجيل الدخول الخاص بي

النتيجة المتوقعة:

النص الرمادي الأصلي (#888888) لديه تباين 2.8:1 على خلفية بيضاء. تم التحديث إلى #595959 للامتثال AA 4.5:1. حالة الخطأ تستخدم الآن الأحمر (#D32F2F) مع أيقونة ورسالة نصية، وليس اللون وحده. تم تغيير مؤشر التركيز إلى مخطط أزرق بعرض 3 بكسل مرئي بنسبة تباين 4.6:1.

التدقيق الأمني

آمن
v1 • 2/25/2026

Static analyzer flagged 76 patterns but all are false positives. The skill contains Markdown documentation with code examples, not executable code. Detected backticks are markdown fences, URLs are reference links, and no actual shell execution, network calls, or credential access exists.

2
الملفات التي تم فحصها
586
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

تدقيق إمكانية الوصول للتجارة الإلكترونية

تدقيق متجر إلكتروني للامتثال لـ WCAG 2.2 AA قبل إطلاق المنتج. تشغيل عمليات الفحص الآلي على الصفحات الرئيسية، وإجراء اختبار يدوي بلوحة المفاتيح على تدفق الخروج، وإصلاح العوائق الحرجة مثل تسميات النماذج المفقودة وفخوص لوحة المفاتيح.

امتثال مواقع الحكومة

مراجعة موقع ويب قطاع عام للامتثال للقسم 508 و ADA. توثيق جميع الانتهاكات، وتحديد الأولويات حسب تأثير المستخدم، وتوفير كود إصلاحي يلبي معايير إمكانية الوصول الفيدرالية.

إصلاح دعوى إمكانية الوصول

الرد على ��طط مطالبات إمكانية الوصول عن طريق تدقيق الصفحات المذكورة، وتحديد جميع انتهاكات WCAG، وتطبيق إصلاحات مع أدلة موثقة للدفاع القانوني.

جرّب هذه الموجهات

فحص سريع لإمكانية الوصول 
تدقيق الصفحة الرئيسية لموقعي بحثًا عن انتهاكات WCAG 2.2 المستوى A. سرد جميع المشكلات التي تم العثور عليها، وشرح سبب انتهاك كل منها لـ WCAG، وتوفير أمثلة كود مصححة لكل مشكلة.
مراجعة إمكانية الوصول للمكونات 
مراجعة مكون القائمة المنسدلة المخصص لدي بحثًا عن مشكلات إمكانية الوصول. التحقق من التنقل بلوحة المفاتيح، وإدارة التركيز، وسمات ARIA، وتوافق قارئ الشاشة. توفير كود مصحح يجتاز WCAG 2.2 AA.
تدقيق WCAG 2.2 AA الكامل للموقع 
إجراء تدقيق WCAG 2.2 AA كامل لموقع التجارة الإلكترونية الخاص بي. يشمل إعداد الاختبار الآلي مع axe-core، وقائمة فحص يدوي لتدفقات لوحة المفاتيح وقارئ الشاشة، وخطة إصلاح ذات أولويات مع إصلاحات كود لجميع الانتهاكات.
تباين الألوان وإمكانية الوصول البصرية 
تحليل ألوان نظام التصميم الخاص لامتثال تباين WCAG 2.2. اختبار جميع مجموعات النص والخلفية بالأحجام العادية والكبيرة، والتحقق من نسب تباين مكونات واجهة المستخدم، واقتراح بدائل ألوان متاحة تحافظ على هوية العلامة التجارية.

أفضل الممارسات

  • ابدأ اختبار إمكانية الوصول أثناء مرحلة التصميم، وليس بعد التطوير
  • استخدم عناصر HTML دلالية قبل إضافة سمات ARIA
  • اختبار بلوحة المفاتيح فقط ومع قارئ شاشة واحد على الأقل قبل النشر

تجنب

  • الاعتماد فقط على أدوات الاختبار الآلي بدون التحقق اليدوي
  • إخفاء ��خططات التركيز لتصميم تفضيلات بصرية
  • استخدام اللون كمؤشر وحيد للأخطاء أو الحقول المطلوبة

الأسئلة المتكررة

ما مستوى WCAG الذي يجب أن يلتقي به موقعي؟
تتطلب معظم اللوائح الامتثال لـ WCAG 2.2 المستوى AA بما في ذلك دعاوى ADA والقسم 508 وقوانين إمكانية الوصول في الاتحاد الأوروبي. يوصى بالمستوى AAA للجماهير المتخصصة ولكن AA هو الخط القانوني الأساسي لمعظم المنظمات.
هل يمكن للأدوات الآلية اكتشاف جميع مشكلات إمكانية الوصول؟
لا. تكتشف الأدوات الآلية 30-50 بالمئة فقط من مشكلات إمكانية الوصول. الاختبار اليدوي للتنقل بلوحة المفاتيح والترتيب التركيزي وتدفقات قارئ الشاشة وإمكانية الوصول المعرفي يتطلب تقييمًا بشريًا.
هل أحتاج إلى جعل موقعي بالكامل متاحًا أم الصفحات الرئيسية فقط؟
يجب أن تكون جميع الصفحات الموجهة للجمهور متاحة. رفضت المحاكم حجج الامتثال الجزئي. حدد أولويات الصفحات عالية الحركة وتجارب المستخدم مثل الخروج، لكن خطط للإصلاح على مستوى الموقع بالكامل.
كم مرة يجب أن أعيد تدقيق موقعي لإمكانية الوصول؟
تدقيق بعد كل إصدار رئيسي، عند إضافة مكونات جديدة، وعلى الأقل كل ثلاثة أشهر للمواقع النشطة. التراجعات في إمكانية الوصول تحدث بشكل شائع أثناء التحديثات الروتينية وإضافة الميزات.
ما الفرق بين ARIA و HTML الدلالي؟
HTML الدلالي يستخدم عناصر أصلية مثل button و nav و main التي لديها إمكانية وصول مدمجة. يضيف ARIA بيانات تعر��ف إمكانية الوصول إلى العناصر المخصصة. يفضل دائمًا HTML الدلالي أولاً، استخدم ARIA فقط عندما لا تستطيع العناصر الأصلية تحقيق السلوك المطلوب.
هل يمكن مقاضاتي لانتهاكات إمكانية الوصول حتى لو كنت أعمل على الإصلاحات؟
نعم. الإصلاح المستمر ليس دفاعًا قانونيًا. ومع ذلك، يمكن الجهود الموثقة بحسن نية وبيان إمكانية الوصول العام تقليل الأضرار. حدد أولويات العوائق الحرجة التي تمنع إكمال المهام.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/wcag-audit-patterns

مرجع

main

بنية الملفات

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md