accessibility-check
فحص التوافق مع إمكانية الوصول
تقوم هذه المهارة بتقييم مكونات واجهة المستخدم والصفحات وفقًا لإرشادات WCAG 2.1. تحدد مشاكل إمكانية الوصول وتوفر إصلاحات محددة. استخدمها لضمان أن واجهاتك قابلة للاستخدام من قبل الأشخاص ذوي الإعاقة.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“accessibility-check”。 Check accessibility of this button: <button class="btn">Click me</button>
预期结果:
- المشاكل المكتشفة: اسم يمكن الوصول إليه مفقود، لا توجد أنماط تركيز مرئية
- الإصلاح: أضف aria-label أو محتوى نصي، تأكد من وجود مؤشر تركيز مرئي بحد 2px
- معايير WCAG: 2.4.7 التركيز المرئي، 4.1.2 الاسم والدور والقيمة
- مثال على الكود: <button class="btn" aria-label="Submit form">Click me</button>
正在使用“accessibility-check”。 Audit this form for WCAG compliance: <input type="email" placeholder="Email" />
预期结果:
- المشاكل: عنصر تسمية صريح مفقود، النص البديل ليس اسمًا يمكن الوصول إليه
- الإصلاح: أضف عنصر <label> مع htmlFor يطابق معرف الإدخال
- معايير WCAG: 1.3.1 المعلومات والعلاقات، 3.3.2 التسميات أو التعليمات
- ينجح في اختبار التنقل بلوحة المفاتيح
正在使用“accessibility-check”。 Check color contrast of text with #999 color on #fff background
预期结果:
- نسبة التباين: 2.5:1 (يفشل في WCAG AA)
- يتطلب WCAG 1.4.3 حدًا أدنى 4.5:1 للنص العادي
- الإصلاح: غيّر لون النص إلى #595959 للحصول على نسبة 7:1
- استخدم أداة فحص تباين الألوان للتحقق
安全审计
安全This is a pure documentation skill containing WCAG 2.1 guidelines and accessibility audit templates. No executable code, network calls, filesystem access, or external commands are present. The skill operates solely through prompt-based content delivery. All 42 static findings are false positives from the scanner misinterpreting markdown formatting and documentation content as security threats.
风险因素
🌐 网络访问 (2)
📁 文件系统访问 (1)
质量评分
你能构建什么
مراجعة إمكانية الوصول في الكود
مراجعة مكونات React للتوافق مع WCAG قبل دمج طلبات السحب
تدقيق نظام التصميم
تدقيق مكتبات المكونات لفجوات إمكانية الوصول ومشاكل التصميم الشامل
التحقق من الامتثال
التحقق من أن المنتجات تلبي متطلبات إمكانية الوصول للامتثال القانوني
试试这些提示
تحقق من إمكانية الوصول لمكون الزر هذا. هل يمكن الوصول إليه عبر لوحة المفاتيح؟ هل لديه حالات تركيز مناسبة؟
قم بتدقيق هذا النموذج لمشاكل إمكانية الوصول. تحقق من التسميات ورسائل الأخطاء والتنقل بلوحة المفاتيح.
قم بإجراء تدقيق إمكانية الوصول WCAG 2.1 AA لهذه الصفحة. تحقق من معايير القابلية للإدراك والتشغيل والفهم والموثوقية.
قم بتشغيل كل من فحص إمكانية الوصول وتدقيق تجربة المستخدم على لوحة التحكم هذه. ركز على التباين والتنقل واستخدام ARIA.
最佳实践
- قم بإجراء فحوصات إمكانية الوصول قبل كل إصدار ميزة
- ادمج أدوات الاختبار الآلي مع الاختبار اليدوي بلوحة المفاتيح
- قم بتضمين الأشخاص ذوي الإعاقة في اختبار المستخدم عندما يكون ذلك ممكنًا
避免
- استخدام النص البديل بدلاً من تسميات النماذج المناسبة
- الاعتماد فقط على اللون لنقل المعلومات
- تخطي اختبار إمكانية الوصول حتى نهاية التطوير