·standards-accessibility
</>

standards-accessibility

أنشئ واجهات مستخدم يمكن الوصول إليها باستخدام لغة HTML الدلالية وسمات ARIA المناسبة والتنقل عبر لوحة المفاتيح وتباين الألوان وتوافق قارئ الشاشة. استخدم هذه المهارة عند إنشاء أو تعديل مكونات الواجهة الأمامية، أو قوالب HTML، أو مكونات React/Vue/Svelte، أو النماذج، أو العناصر التفاعلية، أو قوائم التنقل، أو الوسائط، أو أي عناصر واجهة المستخدم. يتم تطبيقه عند العمل مع ملفات HTML، أو مكونات JSX/TSX، أو ملفات القوالب، أو ضمان إمكانية الوصول إلى لوحة المفاتيح، أو تنفيذ إدارة التركيز، أو إضافة نص بديل إلى الصور، أو إنشاء تسميات النماذج، أو الاختبار باستخدام قارئات الشاشة، أو إدارة سمات ARIA، أو الحفاظ على نسب تباين الألوان، أو إنشاء تسلسلات هرمية للعناوين. يُستخدم في أي مهمة تتضمن الامتثال لإمكانية الوصول إلى واجهة المستخدم، أو معايير WCAG، أو أنماط التصميم الشاملة.

3التثبيتات·0الرائج·@maxritter

التثبيت

$npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility

كيفية تثبيت standards-accessibility

ثبّت مهارة الذكاء الاصطناعي standards-accessibility بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: maxritter/claude-codepro.

Core Rule: Build accessible interfaces that work for all users, including those using assistive technologies.

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.

Use native HTML elements that convey meaning to assistive technologies.

أنشئ واجهات مستخدم يمكن الوصول إليها باستخدام لغة HTML الدلالية وسمات ARIA المناسبة والتنقل عبر لوحة المفاتيح وتباين الألوان وتوافق قارئ الشاشة. استخدم هذه المهارة عند إنشاء أو تعديل مكونات الواجهة الأمامية، أو قوالب HTML، أو مكونات React/Vue/Svelte، أو النماذج، أو العناصر التفاعلية، أو قوائم التنقل، أو الوسائط، أو أي عناصر واجهة المستخدم. يتم تطبيقه عند العمل مع ملفات HTML، أو مكونات JSX/TSX، أو ملفات القوالب، أو ضمان إمكانية الوصول إلى لوحة المفاتيح، أو تنفيذ إدارة التركيز، أو إضافة نص بديل إلى الصور، أو إنشاء تسميات النماذج، أو الاختبار باستخدام قارئات الشاشة، أو إدارة سمات ARIA، أو الحفاظ على نسب تباين الألوان، أو إنشاء تسلسلات هرمية للعناوين. يُستخدم في أي مهمة تتضمن الامتثال لإمكانية الوصول إلى واجهة المستخدم، أو معايير WCAG، أو أنماط التصميم الشاملة. المصدر: maxritter/claude-codepro.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-10

Browse more skills from maxritter/claude-codepro

إجابات سريعة

ما هي standards-accessibility؟

أنشئ واجهات مستخدم يمكن الوصول إليها باستخدام لغة HTML الدلالية وسمات ARIA المناسبة والتنقل عبر لوحة المفاتيح وتباين الألوان وتوافق قارئ الشاشة. استخدم هذه المهارة عند إنشاء أو تعديل مكونات الواجهة الأمامية، أو قوالب HTML، أو مكونات React/Vue/Svelte، أو النماذج، أو العناصر التفاعلية، أو قوائم التنقل، أو الوسائط، أو أي عناصر واجهة المستخدم. يتم تطبيقه عند العمل مع ملفات HTML، أو مكونات JSX/TSX، أو ملفات القوالب، أو ضمان إمكانية الوصول إلى لوحة المفاتيح، أو تنفيذ إدارة التركيز، أو إضافة نص بديل إلى الصور، أو إنشاء تسميات النماذج، أو الاختبار باستخدام قارئات الشاشة، أو إدارة سمات ARIA، أو الحفاظ على نسب تباين الألوان، أو إنشاء تسلسلات هرمية للعناوين. يُستخدم في أي مهمة تتضمن الامتثال لإمكانية الوصول إلى واجهة المستخدم، أو معايير WCAG، أو أنماط التصميم الشاملة. المصدر: maxritter/claude-codepro.

كيف أثبّت standards-accessibility؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/maxritter/claude-codepro --skill standards-accessibility بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/maxritter/claude-codepro

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-05