إمكانية الوصول للويب عمليًا
افحص صفحة حجز حقيقية وأصلحها حتى يستطيع الجميع استخدامها: بلوحة المفاتيح وبقارئ الشاشة وبكل الطرق.
- 4.9 (498 تقييمًا)
- 3,900 متعلّم
- متوسط
- 5 س 15 د إجمالًا
- حُدّثت في سبتمبر 2026
ما ستتعلّمه
- شرح WCAG 2.2 بمستوى AA وما تطلبه من صفحاتك
- هيكلة الصفحات بالـ landmarks والعناوين وأزرار وروابط حقيقية
- بناء نماذج فيها labels وخيارات مجمّعة وأخطاء تُعلَن
- إدارة تركيز لوحة المفاتيح في نوافذ الحوار والـ SPAs والـ widgets المخصّصة
- استخدام ARIA بشكل صحيح: الأدوار والحالات والـ live regions وأنماط APG
- فحص صفحة باستخدام axe ولوحة المفاتيح وVoiceOver وNVDA
لمن هذه الدورة
يعيش نحو شخص من كل ستة أشخاص مع إعاقة ملموسة، وكثيرون غيرنا تحدّ قدرتهم ظروف مؤقتة أو عابرة: معصم مكسور، أو شاشة تحت شمس قوية، أو قطار مزدحم بالضجيج. ومع ذلك تكاد كل صفحة رئيسية على الويب تفشل في فحوص إمكانية الوصول (accessibility) الأساسية. تعلّمك هذه الدورة المهارات التي تسدّ هذه الفجوة، ويقدّمها مسؤول إمكانية وصول عمل عشر سنوات إلى جانب مستخدمي قارئ الشاشة.
ستفحص وتُصلح Ticketly، صفحة لحجز تذاكر الفعاليات تبدأ معطوبة بكل الطرق المعتادة. ستستبدل كومة الـ div بـ HTML دلالي، وتربط كل حقل في النماذج بـ label، وتجعل منتقي المقاعد يعمل من لوحة المفاتيح، وتبني نوافذ حوار وتبويبات تتّبع ARIA Authoring Practices، وتُصلح التباين والحركة، ثم تختم بفحص شامل باستخدام axe ولوحة المفاتيح وقارئات شاشة حقيقية.
- لمن هذه الدورة
- مطوّرو الواجهات الأمامية والمصمّمون الذين يبنون للويب ويريدون إطلاق واجهات يستطيع الأشخاص ذوو الإعاقة استخدامها فعلًا.
- قبل أن تبدأ
- الارتياح في كتابة HTML وCSS وقراءة معالجات الأحداث البسيطة في JavaScript؛ لا تحتاج إلى أي معرفة سابقة بإمكانية الوصول.
تدريب عملي
- عدّل HTML وCSS وJavaScript وشاهد النتيجة فورًا.
- تمارين موجَّهة: اكتشف الخطأ، وأكمل الأمر، ورتّب الخطوات.
محتوى الدورة
5 وحدات · 18 درسًا · 5 س 15 د إجمالًا
- لمن تبني؟12 دقيقة
- كيف تقرأ التقنيات المساعدة صفحتك17 دقيقة
- WCAG 2.2 ومبادئ POUR والقانون17 دقيقة
- اختبار الوحدة5 أسئلة
- الـ Landmarks والعناوين18 دقيقة
- الأزرار والروابط والـ div القابل للنقر17 دقيقة
- نماذج سهلة الوصول20 دقيقة
- الصور والنص البديل وجداول البيانات17 دقيقة
- اختبار الوحدة5 أسئلة
- الوصول بلوحة المفاتيح والتركيز المرئي18 دقيقة
- إدارة التركيز: نوافذ الحوار والتطبيقات أحادية الصفحة20 دقيقة
- ARIA: الأدوار والحالات والـ Live Regions18 دقيقة
- أنماط الـ Widgets: الـ Disclosure والتبويبات وزر القائمة21 دقيقة
- اختبار الوحدة5 أسئلة
- اللون والتباين18 دقيقة
- التكبير وإعادة التدفّق وحجم الهدف والحركة17 دقيقة
- الأسماء والأوصاف المتاحة (Accessible Names)18 دقيقة
- اللغة البسيطة واللغة والاتجاه17 دقيقة
- اختبار الوحدة5 أسئلة
- الاختبار الآلي باستخدام axe16 دقيقة
- الاختبار بلوحة المفاتيح وقارئات الشاشة18 دقيقة
- فحص صفحة وبناء فريق يراعي إمكانية الوصول16 دقيقة
- اختبار الوحدة5 أسئلة
مدرّبك

ليلى حدّاد
قائدة فريق إمكانية الوصول · Openfield
- تقييم المدرّب 4.9
- 3,900 متعلّم
- دورة واحدة
بدأت ليلى مطوّرة واجهات أمامية، واكتشفت إمكانية الوصول يوم راسلها عميل كفيف ليخبرها أنه لا يستطيع إتمام الشراء. أصلحت المشكلة في الليلة نفسها، ومنذ ذلك الحين وهي تختبر عملها بقارئات الشاشة. تقود اليوم إمكانية الوصول في Openfield على مستوى المنتج كله، من مراجعات التصميم حتى الفحوص الآلية في الـ CI.
ماذا يقول المتعلّمون
4.9
498 تقييم
Mohammed Al-Harbi
قبل 8 أشهر
شغّلت VoiceOver لأول مرة وسمعت نموذج التسجيل عندنا يُقرأ هكذا: «edit text، edit text، button». بعد درسين صار لكل حقل label حقيقي.
Olivia Brennan
قبل 5 أشهر
أصلح درس إدارة الـ focus النافذة المنبثقة عندنا: ينتقل التركيز إليها، ويبقى داخلها، ثم يعود إلى الزر الذي فتحها. والانتقال إلى عنصر dialog الأصلي أنجز نصف العمل وحده.
Ravi Shankar
قبل شهرين
عملية ولا تميل إلى الوعظ أبدًا. كنت أريد المزيد عن العناصر التفاعلية المعقّدة مثل الـ combobox، فهي لا تحظى إلا بمعالجة قصيرة.