0Pricing
Web Accessibility Academy icon

Web Accessibility Academy

HTMLFrontendWebEnterprise

بناء مواقع شاملة يمكن للجميع استخدامها. أتقن HTML الدلالي و ARIA ودعم لوحة المفاتيح وقارئات الشاشة والامتثال WCAG 2.2.

🤖 مدعوم بالذكاء الاصطناعي📚 30 دورة👥 100,000+ متعلم⭐ تقييم 4.9
نظرة عامة على الدورة

Web Accessibility (a11y): Build for Everyone

بناء مواقع شاملة يمكن للجميع استخدامها. أتقن HTML الدلالي و ARIA ودعم لوحة المفاتيح وقارئات الشاشة والامتثال WCAG 2.2. تغطي هذه المسارات 30 دورة صغيرة تدريجية من المستوى المطلق للمبتدئين (A1) إلى المتقدم (B2)، مع دروس قصيرة مركزة واختبارات سريعة لتعزيز كل مفهوم.

What You Will Learn

تبدأ بالأساسيات وتبني ما يصل إلى المواضيع المتوسطة والمتقدمة، حيث تبني كل دورة على السابقة. كل درس عملي وسريع الهضم، مع مدرس ذكاء اصطناعي متاح 24/7 عند احتياجك للمساعدة.

How It Works

يتم تقسيم كل دورة إلى أربعة دروس مركزة وسريعة الهضم. أكمل بضعة دروس يوميًا وستتقن المسار كاملاً في أسابيع، وليس شهور.

ابدأ التعلم →

كيف ستتعلم

🎯
دروس تفاعلية
تمارين برمجة عملية مع ردود فعل فورية
🤖
معلم الذكاء الاصطناعي
احصل على مساعدة فورية من معلمنا الذكي عندما تعلق
💻
محرر مدمج
اكتب وشغّل الأكواد مباشرة في متصفحك
🏆
الشهادة
احصل على شهادة عند إكمالك للدورة
المنهج الدراسي

30 دورة

كل الدورات في مسار تعلم Web Accessibility Academy.

01

لماذا تهم إمكانية الوصول: أشخاص حقيقيون وحواجز حقيقية

A14 دروس

اشرح من تساعدهم إمكانية الوصول، ووضّح المبررات التجارية والأخلاقية للبناء الشامل

02

صفحتك الأولى الميسّرة: عقلية POUR

A14 دروسPRO

طبّق مبادئ WCAG الأربعة للحكم على مدى إمكانية الوصول إلى أي صفحة

03

HTML الدلالي: دع المتصفح يتولى العمل

A14 دروسPRO

اختر عناصر ذات معنى كي تكون الصفحة ميسّرة قبل إضافة أي سمة

04

العناوين وبنية المستند بالطريقة الصحيحة

A14 دروسPRO

أنشئ مخطط عناوين منطقيًا يستطيع مستخدمو قارئات الشاشة التنقل عبره

05

المعالم: رسم خريطة للصفحة لقارئات الشاشة

A14 دروسPRO

استخدم مناطق المعالم كي يتمكن المستخدمون من الانتقال مباشرةً إلى الجزء الذي يحتاجونه

06

نص بديل يصف الصور فعلًا

A24 دروسPRO

اكتب بدائل للصور تنقل المعنى بدلًا من إحداث فوضى

07

الروابط مقابل الأزرار: توقّف عن الخلط بينهما

A24 دروسPRO

اختر العنصر التفاعلي المناسب كي يتطابق السلوك مع الدلالة

08

النماذج الميسّرة: تسميات يثق بها المستخدمون

A24 دروسPRO

أنشئ نماذج يكون لكل عنصر تحكم فيها اسم واضح ويسهل تشغيله

09

الألوان والتباين: اجعل النص مقروءًا

A24 دروسPRO

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

10

التنقل بلوحة المفاتيح: لا حاجة إلى الفأرة

A24 دروسPRO

اجعل كل تفاعل قابلًا للوصول ومرئيًا باستخدام لوحة المفاتيح فقط

11

أساسيات ARIA: الأدوار والحالات والخصائص

B14 دروسPRO

استخدم ARIA بطريقة صحيحة لإضافة معنى لا يستطيع HTML الأصلي التعبير عنه

12

الأسماء والأوصاف الميسّرة

B14 دروسPRO

تحكم بدقة في ما تعلنه التقنيات المساعدة لأي عنصر

13

إدارة التركيز وترتيب التركيز

B14 دروسPRO

انقل التركيز واحتوِه كي تظل الواجهات الديناميكية سهلة الاستخدام

14

روابط التخطي وكتل التجاوز

B14 دروسPRO

مكّن مستخدمي لوحة المفاتيح من تجاوز المحتوى المتكرر والوصول إلى ما يهم

15

التحقق من النماذج الميسّرة والأخطاء

B14 دروسPRO

أبلغ عن أخطاء النماذج كي يتمكن كل مستخدم من العثور عليها وإصلاحها

16

جداول البيانات الميسّرة

B14 دروسPRO

نسّق الجداول كي تكون العلاقة بين الخلايا والعناوين واضحة

17

SVG والأيقونات والرسومات الزخرفية الميسّرة

B14 دروسPRO

أظهر الرسومات ذات المعنى وأخفِ الرسومات الزخرفية البحتة

18

النوافذ المنبثقة ومربعات الحوار الميسّرة

B14 دروسPRO

أنشئ مربعات حوار تحصر التركيز، وتُغلق بسلاسة، وتعلن عن نفسها

19

إنشاء علامات تبويب وأكورديونات ميسّرة

B14 دروسPRO

نفّذ عناصر الكشف الشائعة باستخدام ARIA ومفاتيح صحيحة

20

اختبار قارئات الشاشة: NVDA وVoiceOver

B14 دروسPRO

اختبر عملك بالطريقة التي يختبره بها المستخدمون المكفوفون فعليًا

21

WCAG 2.2 AA: مطابقة تصمد أمام الاختبار

B24 دروسPRO

اربط معايير النجاح الحقيقية بإصلاحات ملموسة لموقع متوافق مع AA

22

إمكانية الوصول في React وتطبيقات SPA

B24 دروسPRO

حافظ على إمكانية الوصول في تطبيقات الصفحة الواحدة رغم التوجيه من جانب العميل وإعادة التصيير

23

مناطق ARIA الحية: أعلن عن التغييرات الديناميكية

B24 دروسPRO

أبلغ مستخدمي قارئات الشاشة بالتغييرات التي تحدث دون إعادة تحميل

24

ممارسات تأليف ARIA للعناصر المعقدة

B24 دروسPRO

أنشئ عناصر مخصصة متينة باتباع أنماط APG المُجرّبة

25

تقليل الحركة والرسوم المتحركة الآمنة

B24 دروسPRO

احترم تفضيلات الحركة وتجنب التسبب في الانزعاج أو نوبات الصرع

26

تصوير البيانات الميسّر

B24 دروسPRO

اجعل المخططات والرسوم البيانية قابلة للإدراك بما يتجاوز اللون والشكل

27

الاختبار المؤتمت: axe وLighthouse وPlaywright

B24 دروسPRO

اكتشف تلقائيًا فئة من أخطاء إمكانية الوصول في خط أنابيبك

28

عمليات التدقيق اليدوية والمعالجة

B24 دروسPRO

نفّذ تدقيقًا يدويًا منظمًا، ورتّب الإصلاحات الأهم حسب الأولوية

29

المشهد القانوني: ADA وEN 301 549 وغيرهما

B24 دروسPRO

افهم القوانين والمعايير التي تجعل إمكانية الوصول جزءًا من خارطة الطريق

30

بناء ثقافة وقائمة تحقق لإتاحة الوصول

B24 دروسPRO

ادمج إتاحة الوصول في فريقك لتستمر بعد انتهاء مشروع واحد.

الأسئلة الشائعة

الأسئلة الشائعة

هل دورة Web Accessibility Academy مجانية؟

نعم. يمكنك البدء في دورة Web Accessibility Academy مجانًا وإكمال دروسها التفاعلية بلا تكلفة. اشتراك PRO اختياري يفتح لك أدوات ذكاء اصطناعي متقدمة وشهادة قابلة للمشاركة.

هل أحتاج إلى خبرة سابقة لتعلم HTML؟

لا. تبدأ الدورة بالأساسيات وتنتقل تدريجيًا إلى مواضيع أكثر تقدمًا، لذا يمكنك البدء حتى بدون خبرة سابقة في HTML.

كيف ستتعلم HTML على CoddyKit؟

تتعلم من خلال العمل. دروس تفاعلية قصيرة تجمع بين شرح واضح وتمرين برمجة عملي يعمل في الوقت الفعلي، ومعلم ذكاء اصطناعي يعمل 24/7 يقدم مساعدة مخصصة عندما تعلق.

هل أحصل على شهادة عند إكمال Web Accessibility Academy؟

نعم. متعلمو PRO يمكنهم الخضوع لامتحان والحصول على شهادة إكمال قابلة للمشاركة برمز تحقق لدورة Web Accessibility Academy.

هل يمكنني تعلم HTML على هاتفي؟

نعم. CoddyKit متاح على الويب وكتطبيقات iOS و Android أصلية، لذا يمكنك تعلم HTML على أي جهاز وسيتم مزامنة تقدمك عبرها جميعًا.

ابدأ Web Accessibility Academy الآن

انضم إلى آلاف المتعلمين الذين يتقنون البرمجة مع دروس مدعومة بالذكاء الاصطناعي.

ابدأ مجاناً →استعرض جميع الدورات