المهارات web-accessibility
📦

web-accessibility

مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة📁 الوصول إلى نظام الملفات

بناء واجهات ويب قابلة للوصول

تستبعد العديد من واجهات الويب المستخدمين الذين يعتمدون على لوحات المفاتيح أو قارئات الشاشة أو إعدادات التباين العالي. ترشد هذه المهارة إلى التنفيذ والمراجعة والاختبار المرتكز على WCAG لمكونات واجهة المستخدم القابلة للوصول.

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

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل
Review the Skillstore skill "web-accessibility" from https://skillstore.io/skills/supercent-io-web-accessibility.md and its manifest at https://skillstore.io/api/skills/supercent-io-web-accessibility/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/supercent-io-web-accessibility.md manifest موقَّع GET /api/skills/supercent-io-web-accessibility/manifest lockfile موقَّع GET /api/skills/supercent-io-web-accessibility/lockfile

اختبرها

جارٍ استخدام "web-accessibility". يحتاج نموذج منتج إلى مراجعة إتاحة الوصول قبل الإطلاق.

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

  • يتحقق مما إذا كان لكل حقل تسمية مرئية مرتبطة.
  • يوصي برسائل خطأ وصفية يتم الإعلان عنها عبر المناطق الحية.
  • يضيف خطوات تحقق باستخدام لوحة المفاتيح وقارئ الشاشة.

جارٍ استخدام "web-accessibility". تغلق نافذة React منبثقة بالفأرة لكنها لا تحتوي على سلوك للوحة المفاتيح.

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

  • يتطلب انتقال التركيز إلى النافذة المنبثقة عند فتحها.
  • يضيف سلوك الإغلاق باستخدام Escape وإعادة التركيز بعد الإغلاق.
  • يحدد تسميات مربع الحوار وقائمة تحقق للاختبار باستخدام لوحة المفاتيح فقط.

جارٍ استخدام "web-accessibility". تحتاج واجهة علامات تبويب إلى دعم WCAG AA.

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

  • يحدد أدوار tab و tablist و tabpanel.
  • يضيف توقعات التنقل باستخدام مفاتيح الأسهم وHome وEnd.
  • يتضمن اختبارات لترتيب التركيز وإعلانات الحالة المحددة.

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

آمن
v5 • ٧‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 74 static findings were reviewed against SKILL.md and SKILL.toon. The alerts are false positives from Markdown code fences, inline accessibility examples, documentation links, and relative documentation references. No prompt injection, malicious intent, executable shell commands, credential handling, or runtime network or filesystem behavior was found.

2
الملفات التي تم فحصها
655
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة

عوامل الخطر

⚙️ الأوامر الخارجية (56)
SKILL.md:35-44 SKILL.md:44-53 SKILL.md:53 SKILL.md:54 SKILL.md:55 SKILL.md:56 SKILL.md:59-79 SKILL.md:79-82 SKILL.md:82-95 SKILL.md:95-106 SKILL.md:106-109 SKILL.md:109-110 SKILL.md:110-111 SKILL.md:111-114 SKILL.md:114-209 SKILL.md:209-216 SKILL.md:216-217 SKILL.md:217-218 SKILL.md:218-219 SKILL.md:219-220 SKILL.md:220-229 SKILL.md:229-271 SKILL.md:271-274 SKILL.md:274-281 SKILL.md:281-289 SKILL.md:289-302 SKILL.md:302-331 SKILL.md:331-344 SKILL.md:344-383 SKILL.md:383-389 SKILL.md:389-393 SKILL.md:393 SKILL.md:404-405 SKILL.md:405 SKILL.md:406-407 SKILL.md:407-420 SKILL.md:420-430 SKILL.md:430-432 SKILL.md:432-435 SKILL.md:435 SKILL.md:440-456 SKILL.md:456-531 SKILL.md:531-535 SKILL.md:535-568 SKILL.md:568-570 SKILL.md:570-585 SKILL.md:585-586 SKILL.md:586-596 SKILL.md:596-602 SKILL.md:602 SKILL.md:631 SKILL.toon:17 SKILL.toon:18 SKILL.toon:19 SKILL.toon:20 SKILL.toon:21
🌐 الوصول إلى الشبكة (4)
SKILL.md:614 SKILL.md:615 SKILL.md:616 SKILL.md:617
📁 الوصول إلى نظام الملفات (2)
SKILL.md:627 SKILL.md:628
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار
تقييم الأمان

نسخ رابط التقرير

https://skillstore.io/skills/supercent-io-web-accessibility/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/supercent-io-web-accessibility/security.svg)](https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/supercent-io-web-accessibility?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/supercent-io-web-accessibility/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/supercent-io-web-accessibility.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

supercent-io. (2026). web-accessibility security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/supercent-io-web-accessibility/audits/5

اقتباس BibTeX

@techreport{supercent-io-supercent-io-web-accessibility-2026, author = {supercent-io}, title = {web-accessibility security audit report (audit version 5)}, institution = {Skillstore}, year = {2026}, number = {5}, url = {https://skillstore.io/skills/supercent-io-web-accessibility/audits/5}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "web-accessibility security audit report (audit version 5)" version: "unspecified" type: report authors: - name: "supercent-io" date-released: "2026-07-07" url: "https://skillstore.io/skills/supercent-io-web-accessibility/audits/5" identifiers: - type: other value: "skillstore:supercent-io-web-accessibility:audit:5" description: "Skillstore immutable audit report identifier"

مقارنة المتغيرات

2 متغيرات قابلة للتثبيت

تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.

سبب تصدر هذا المتغير

أعلى تقييم في Skillstore
Joseph OBrien موصى به

89jobrien-web-accessibility

تقييم Skillstore 82
موثوقية الأدلة مرتفع
استخدام Skillstore 51
تم التحديث

2026-09-09

supercent-io الحالي

supercent-io-web-accessibility

تقييم Skillstore 77
موثوقية الأدلة مرتفع
استخدام Skillstore 51
تم التحديث

2026-09-09

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع
55
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
69
المجتمع
78
الامتثال للمواصفات

ما الذي يمكنك بناؤه

إنشاء مكونات واجهة مستخدم قابلة للوصول

إنشاء أنماط قابلة للوصول للنماذج والنوافذ المنبثقة والقوائم المنسدلة وعلامات التبويب والتنقل قبل بدء التنفيذ.

مراجعة فجوات WCAG قبل الإصدار

تحويل مشكلة تتعلق بإتاحة الوصول إلى قائمة تحقق تغطي الدلالات والوصول بلوحة المفاتيح وARIA والتباين والاختبار.

تعريف معايير القبول

تحويل متطلبات المنتج إلى قواعد لإتاحة الوصول يمكن لفرق الهندسة تنفيذها واختبارها.

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

فحص مكون بسيط 
راجع هذا الزر أو الرابط من حيث إتاحة الوصول وفق WCAG AA. ضمّن متطلبات HTML الدلالي والتسمية والتركيز ولوحة المفاتيح.
تحسين نموذج 
اجعل هذا النموذج قابلا للوصول لقارئات الشاشة ومستخدمي لوحة المفاتيح. ضمّن التسميات والأخطاء والتلميحات والحقول المطلوبة ورسائل التحقق.
تصميم نمط نافذة منبثقة 
صمم نافذة منبثقة قابلة للوصول لإطاري. ضمّن سلوك حصر التركيز ومعالجة ESC وسمات ARIA وخطوات الاختبار.
تدقيق واجهة 
دقق هذه الصفحة مقابل WCAG 2.1 AA. أعد المشكلات مرتبة حسب الأولوية وتأثيرها على المستخدم والإصلاحات وتغطية الاختبارات اليدوية والآلية.

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

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

تجنب

  • لا تزل حدود التركيز دون توفير بديل مرئي.
  • لا تستخدم نص العنصر النائب كتسمية النموذج الوحيدة.
  • لا تعتمد على اللون وحده لتوصيل الأخطاء أو الحالة.

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

ما معيار إتاحة الوصول الذي تستهدفه هذه المهارة؟
تركز على إرشادات WCAG 2.1، وخصوصا احتياجات تنفيذ AA الشائعة لواجهات الويب.
هل يمكنها إنشاء مكونات React قابلة للوصول؟
نعم. تتضمن أمثلة بأسلوب React للقوائم المنسدلة والنوافذ المنبثقة والنماذج والإشعارات وعلامات التبويب.
هل تحل محل axe أو Lighthouse أو اختبار قارئ الشاشة؟
لا. تساعد في التخطيط للمشكلات وإصلاحها، لكن الاختبار الآلي واليدوي الحقيقي لا يزال مطلوبا.
هل تغطي إتاحة الوصول باستخدام لوحة المفاتيح؟
نعم. تغطي Tab و Shift+Tab و Enter و Space ومفاتيح الأسهم وEscape وترتيب التركيز وإدارة التركيز.
هل تشرح سمات ARIA؟
نعم. تغطي التسميات والأوصاف والمناطق الحية والمحتوى المخفي ومربعات الحوار وعلامات التبويب والحالات المحددة.
هل يمكن للفرق استخدامها في أعمال الامتثال؟
يمكنها دعم التحضير للامتثال، لكن الامتثال القانوني يتطلب مراجعة خبير وتحققا خاصا بالمؤسسة.

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

المؤلف

supercent-io

الترخيص

MIT

مراجعة Skillstore

r1

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/supercent-io/skills-template/tree/main/.agent-skills/web-accessibility/

مرجع

36e07d5e13068e5be64447e8f20b427cf2cbd21a

حداثة الصيانة

٢١‏/٧‏/٢٠٢٦

الاستخدام

23 تنزيلات · 154 مشاهدات

بنية الملفات

📄 SKILL.md

📄 SKILL.toon

المزيد من supercent-io

عرض الكل

مهارات ذات صلة

عرض الكل