Web Accessibility Academy · درس

التحول إلى اليسار: a11y في التصميم والتذاكر

اكتشفوا المشكلات قبل كتابة أي سطر من الشيفرة

الدرس 1 من 413 خطوة

التحول إلى اليسار: a11y في التصميم والتذاكر درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.

ما المقصود بالتقديم إلى اليسار

يعني Shift left نقل أعمال إتاحة الوصول إلى مرحلة أبكر، نحو التصميم والتخطيط، بدل إضافتها في النهاية. 🌱

لماذا تضر الإصلاحات المتأخرة

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

ابدأ في ملف التصميم

تُتخذ معظم قرارات إتاحة الوصول في مرحلة التصميم، قبل كتابة الشيفرة بوقت طويل. فالتباين اللوني وترتيب التركيز والتسميات تبدأ كلها في النموذج الأولي.

أضف تعليقات إلى النماذج الأولية

أضف تعليقات إلى التصميمات: مستويات العناوين، وترتيب القراءة، والغرض من النص البديل، وما إذا كانت عناصر التحكم أزرارًا أم روابط.

التباين خيار تصميمي

ينبغي للمصممين فحص التباين أثناء اختيار الألوان، لا بعده. فاكتشاف لوحة ألوان غير مستوفية مبكرًا يوفر إعادة عمل مؤلمة لاحقًا.

أدرج a11y في بطاقات العمل

اكتب معايير القبول الخاصة بإتاحة الوصول داخل بطاقة العمل نفسها، لتصبح جزءًا من العمل لا إضافة اختيارية قد يتجاوزها أحد.

Acceptance criteria:
- All controls reachable by keyboard
- Focus is visible at every step
- Inputs have associated labels

اجعل a11y افتراضيًا

عندما تتضمن كل بطاقة معايير إتاحة الوصول، يتعامل الفريق معها بوصفها عملًا اعتياديًا، لا خدمة خاصة لعدد قليل من المستخدمين.

تتوسع المكونات القابلة لإعادة الاستخدام

أصلح إمكانية الوصول مرة واحدة في مكوّن مشترك، مثل زر أو نافذة منبثقة يمكن الوصول إليهما، وستستفيد كل صفحة تستخدمه من هذا التحسين.

المصممون والمطورون معًا

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

أقل تكلفة، وأكثر هدوءًا، وأفضل

عند اكتشاف مشكلات إمكانية الوصول مبكرًا، يكون التعامل معها قليل التكلفة وهادئًا. أما اكتشافها متأخرًا فيحوّل الأمر إلى حالة طوارئ. وكلما تصرفت مبكرًا، قلت التكلفة.

إنها عقلية

التحرك المبكر ليس أداة بقدر ما هو عادة: أن تسأل في كل مرة تخطط فيها لشيء جديد، من قد يواجه صعوبة في استخدامه؟

تحقق سريع

متى يكون التعامل مع إمكانية الوصول الأقل تكلفة؟

مراجعة سريعة

ينقل التحرك المبكر إمكانية الوصول إلى التصميم وبطاقات العمل، لتصبح أمرًا قليل التكلفة وطبيعيًا ومشتركًا، بدلًا من إصلاح مكلف يُضاف في النهاية. 🌱

البدء مجانًا

تعلم HTML مع معلم ذكاء اصطناعي — مجانًا

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

الدورات
30
الدروس
120

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

هل درس «التحول إلى اليسار: a11y في التصميم والتذاكر» مجاني؟

نعم — نص درس «التحول إلى اليسار: a11y في التصميم والتذاكر» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.

ماذا ستتعلم في «التحول إلى اليسار: a11y في التصميم والتذاكر»؟

اكتشفوا المشكلات قبل كتابة أي سطر من الشيفرة تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟

لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «التحول إلى اليسار: a11y في التصميم والتذاكر»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟

نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. التحول إلى اليسار: a11y في التصميم والتذاكر
  2. تعريف الإنجاز الذي يشمل a11y
  3. قائمة تحقق عملية لإمكانية الوصول لكل ميزة
  4. المناصرون والتدريب والتغيير المستدام
← العودة إلى Web Accessibility Academy