wcag-audit-patterns
تشغيل تدقيقات WCAG 2.2 مع قوائم مرجعية واضحة
تعد تدقيقات إمكانية الوصول معقدة ومن السهل تفويت المشكلات الحرجة. توفر هذه المهارة قوائم مرجعية WCAG 2.2، وتوجيهات الاختبار، وأنماط الإصلاح لمواقع الويب والتطبيقات.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "wcag-audit-patterns". قم بتدقيق تدفق الدفع الخاص بنا بحثًا عن مشكلات WCAG 2.2 AA.
النتيجة المتوقعة:
- تحقق من الوصول بلوحة المفاتيح لجميع العناصر التفاعلية
- تحقق من تباين الألوان على الأزرار الأساسية ونص الأخطاء
- تأكد من وجود تسميات لمدخلات النموذج وإعلان رسائل الأخطاء
- أضف رابط تخطي وتحقق من رؤية التركيز
- وثّق الإعاد واختبر مرة أخرى باستخدام axe-core
استخدام "wcag-audit-patterns". ما هي المشكلات الحرجة لـ WCAG التي يجب التحقق منها في الصفحة الرئيسية؟
النتيجة المتوقعة:
- نص بديل مفقود على الصور والأيقونات
- لا يوجد وصول بلوحة المفاتيح إلى الأزرار والروابط
- تباين ألوان منخفض على النصوص والخلفيات
- تسميات نماذج مفقودة على حقول التسجيل
- لا توجد مؤشرات تركيز مرئية على العناصر التفاعلية
استخدام "wcag-audit-patterns". ساعدني في إصلاح التنقل لمستخدمي قارئ الشاشة.
النتيجة المتوقعة:
- أضف معالم مناسبة: main و nav و aside و footer
- استخدم HTML دلالي لقوائم التنقل
- تأكد من وجود رابط التخطي إلى المحتوى الرئيسي
- أضف تسميات ARIA لأزرار القائمة المخصصة
- اختر ترتيب القراءة باستخدام برنامج قارئ الشاشة
التدقيق الأمني
آمنThis is a pure documentation skill containing WCAG 2.2 audit guidance. No executable code, scripts, network calls, file access, or system interactions are present. The skill only contains markdown documentation with checklists and code examples for reference. All 86 static findings are false positives caused by the scanner misinterpreting markdown syntax (code block delimiters flagged as shell execution, section headers flagged as crypto algorithms, accessibility testing references flagged as reconnaissance).
عوامل الخطر
🌐 الوصول إلى الشبكة (8)
⚙️ الأوامر الخارجية (45)
درجة الجودة
ماذا يمكنك بناءه
تدقيق جاهزية الإطلاق
استخدم القائمة المرجعية للتحقق من الصفحات الرئيسية قبل الإطلاق للإنتاج.
تحسين أنماط المكونات
طبّق أنماط الإصلاح لإصلاح التسميات والتباين وحالات التركيز.
إعداد مراجعة WCAG
اعمل على ربط النتائج بمستويات WCAG ووثّق الفجوات للتقرير.
جرّب هذه الموجهات
أنشئ قائمة للمبتدئين لموقع تسويقي صغير، مع التركيز على عناصر WCAG A و AA.
سجّل أهم مشكلات WCAG للنماذج وقدّم إصلاحات HTML ملموسة للتسميات والأخطاء.
اقترح خطة باستخدام axe-core و Playwright لاكتشاف مشكلات WCAG 2.2 AA.
رسم مخطط تدقيق مع خطوات جمع الأدلة وأولويات الإصلاح.
أفضل الممارسات
- اجمع بين الفحوصات التلقائية والاختبار اليدوي
- استخدم HTML دلالي قبل إضافة ARIA
- سجّل الأدوات واعطي الأولوية حسب الأثر
تجنب
- الاعتماد فقط على الأدوات التلقائية
- إزالة مخططات التركيز للتصميم المرئي
- استخدام اللون كمؤشر الحالة الوحيد