قائمة تحقق عملية لإمكانية الوصول لكل ميزة
امنحوا الفريق قائمة متكررة قبل الإطلاق
قائمة تحقق عملية لإمكانية الوصول لكل ميزة درس مجاني في Web Accessibility Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Web Accessibility Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
لماذا نستخدم قائمة تحقق
تحوّل قائمة التحقق الخاصة بكل ميزة إمكانية الوصول من هدف غامض إلى بضعة أمور ملموسة تتحقق منها قبل كل إطلاق. 📋
اجعلها قصيرة
تكون قائمة التحقق العملية قصيرة بما يكفي لتنفيذها خلال دقائق. فإذا استغرقت ساعة، فسيتجاوزها الناس سرًا تحت ضغط المواعيد النهائية.
العنصر: لوحة المفاتيح فقط
العنصر الأول: افصل الفأرة واستخدم الميزة بواسطة لوحة المفاتيح وحدها. فكل ما يمكنك النقر عليه يجب أن تتمكن من الوصول إليه باستخدام Tab.
العنصر: وضوح التركيز
أثناء التنقل باستخدام Tab، تأكد من أن مؤشر التركيز ظاهر بوضوح دائمًا، وأن الترتيب يتبع تسلسل قراءة المحتوى.
العنصر: الترميز الدلالي
تحقق من استخدام العناصر الصحيحة للعناوين والقوائم والأزرار والروابط، حتى تكون البنية سليمة قبل إضافة أي ARIA.
<button type="button">Save</button>
<a href="/help">Help</a>العنصر: أسماء عناصر التحكم
يحتوي كل حقل إدخال على تسمية فعلية، ويحمل كل زر أيقونة اسمًا يمكن الوصول إليه، حتى تعلنها برامج قراءة الشاشة بوضوح.
<label for="email">Email</label>
<input id="email" type="email">العنصر: الصور والنص البديل
تحمل الصور التوضيحية نصًا ذا معنى في alt، بينما تستخدم الصور الزخرفية نص alt فارغًا حتى يتجاوزها قارئ الشاشة.
العنصر: اللون والتباين
تحقق من استيفاء النص للحد الأدنى من التباين، وألا تُنقل أي معلومة باللون وحده، مثل خطأ يظهر باللون الأحمر فقط.
العنصر: فحص سريع باستخدام قارئ الشاشة
أجرِ فحصًا سريعًا واحدًا باستخدام قارئ شاشة للتأكد من أن الميزة تعلن محتواها بطريقة منطقية، وألا يظهر أي محتوى مهم على أنه فارغ.
العنصر: التكبير وإعادة التدفق
كبّر الصفحة إلى 200 بالمئة وتحقق من أنها تعيد التدفق من دون فقدان المحتوى أو فرض تمرير غير مريح في اتجاهين.
كيّفها مع التقنيات التي تستخدمها
اعتبر هذه القائمة نقطة بداية. أضف عناصر خاصة بعناصر الواجهة والأنماط التي يستخدمها منتجك غالبًا، واحذف ما لا ينطبق عليه مطلقًا.
تحقق سريع
ما الذي يجعل قائمة التحقق الخاصة بكل ميزة تُستخدم فعلًا؟
مراجعة سريعة
تحافظ قائمة تحقق قصيرة لكل ميزة، تشمل لوحة المفاتيح والتركيز والدلالات والأسماء والنص البديل والتباين وفحص قارئ الشاشة، على أن يكون كل إطلاق قابلًا للوصول. 📋
الأسئلة الشائعة
هل درس «قائمة تحقق عملية لإمكانية الوصول لكل ميزة» مجاني؟
نعم — نص درس «قائمة تحقق عملية لإمكانية الوصول لكل ميزة» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Web Accessibility Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Web Accessibility Academy 4 دروس في المجموع.
ماذا ستتعلم في «قائمة تحقق عملية لإمكانية الوصول لكل ميزة»؟
امنحوا الفريق قائمة متكررة قبل الإطلاق تتمرن على Web Accessibility Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Web Accessibility Academy؟
لا تُشترط خبرة سابقة. Web Accessibility Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «قائمة تحقق عملية لإمكانية الوصول لكل ميزة»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Web Accessibility Academy هذا؟
نعم. كل درس في Web Accessibility Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- التحول إلى اليسار: a11y في التصميم والتذاكر
- تعريف الإنجاز الذي يشمل a11y
- قائمة تحقق عملية لإمكانية الوصول لكل ميزة
- المناصرون والتدريب والتغيير المستدام