accessibility-auditor
تدقيق إمكانية الوصول للويب
Également disponible depuis: davila7
غالبًا ما تستبعد تطبيقات الويب المستخدمين ذوي الإعاقة بسبب التصميم غير القابل للوصول. توفر هذه المهارة إرشادات الامتثال لمعايير WCAG 2.1 المستوى AA مع أمثلة محددة للشفرة البرمجية لخصائص ARIA والتنقل عبر لوحة المفاتيح ودعم قارئ الشاشة.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "accessibility-auditor". Review this button element for accessibility: <div onclick='submit()'>Submit</div>
Résultat attendu:
- مشكلة: استخدام عنصر غير دلالي للإجراء (WCAG 4.1.2 Name, Role, Value)
- الحل: استبدل <div> بعنصر <button> للحصول على دعم مدمج للوحة المفاتيح
- السبب: يوفر <button> إدارة التركيز والإعلان الصحيح عن الدور لقارئات الشاشة
- الشفرة: <button onclick='submit()'>Submit</button>
Utilisation de "accessibility-auditor". How do I make an image accessible?
Résultat attendu:
- الصور المعلوماتية: أضف نص alt وصفي ينقل معنى الصورة
- الصور الزخرفية: استخدم alt="" أو role="presentation" حتى تتخطاها قارئات الشاشة
- الصور المعقدة: قدم وصفًا تفصيليًا في نص alt أو عبر figcaption في عنصر figure
Audit de sécurité
SûrPure documentation skill containing markdown guidance for WCAG accessibility compliance. No executable code, network calls, or file operations. All static findings are false positives - the analyzer misidentified documentation code blocks and accessibility terminology as security threats.
Facteurs de risque
⚙️ Commandes externes (49)
🌐 Accès réseau (4)
Score de qualité
Ce que vous pouvez construire
بناء مكونات قابلة للوصول
احصل على إرشادات حول HTML الدلالي وأنماط ARIA ودعم لوحة المفاتيح أثناء برمجة مكونات واجهة المستخدم.
دعم التدقيق اليدوي
استخدم قوائم التحقق والأمثلة للتحقق يدويًا من أن صفحات الويب تلبي متطلبات WCAG 2.1 المستوى AA.
متطلبات إمكانية الوصول
فهم معايير إمكانية الوصول التي يجب أن يفي بها منتجك وكيفية التحقق من الامتثال.
Essayez ces prompts
Check this HTML code for WCAG 2.1 Level AA compliance. Look for semantic structure, ARIA usage, keyboard support, and proper labels.
Review this custom component for accessibility. Check role attributes, focus management, keyboard interaction, and screen reader announcements.
Audit this form for accessibility. Verify labels, error messages, required field indicators, and ARIA validation states work with screen readers.
Perform a full WCAG 2.1 Level AA audit of this page. Check headings, landmarks, images, links, color contrast, keyboard navigation, and focus indicators.
Bonnes pratiques
- استخدم عناصر HTML الدلالية قبل اللجوء إلى خصائص ARIA
- اختبر التنقل عبر لوحة المفاتيح يدويًا حيث أن الأدوات الآلية تكتشف حوالي 30% فقط من المشاكل
- تحقق من أن مخرجات قارئ الشاشة تطابق التجربة المرئية لجميع المستخدمين
Éviter
- استخدام div أو span للأزرار أو الروابط بدلاً من العناصر الدلالية
- الاعتماد على اللون فقط لنقل المعلومات (WCAG 1.4.1)
- تعطيل مؤشرات التركيز أو وظيفة التكبير
- تخطي مستويات العناوين (h1 مباشرة إلى h3)