Web Accessibility Academy · درس

مضمّن، أو عند فقدان التركيز، أو عند الإرسال: التوقيت مهم

تحققوا من صحة الإدخال في أوقات لا ترهق المستخدم

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

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

متى تُجري التحقق؟

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

الإرسال هو الأساس

يُعد التحقق من كل شيء عند إجراء submit متوقعًا ولا يقاطع المستخدم أبدًا. وهو الخيار الافتراضي الأكثر أمانًا لمعظم النماذج.

لماذا قد يسبب التحقق الفوري ضررًا؟

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

التحقق عند فقدان التركيز هو الحل الأنسب

يتيح التحقق عندما يغادر المستخدم الحقل، عند حدوث blur، إكمال الكتابة أولًا ثم تقديم الملاحظات في استراحة طبيعية.

input.addEventListener("blur", validateField);

لا تُعلن الخطأ مبكرًا جدًا

قد يستولي خطأ يظهر أثناء الكتابة على قارئ الشاشة. انتظر لحظة مناسبة فعلًا، مثل blur أو submit، قبل الإعلان عنه.

أكد الخطأ ثم أعد التحقق أثناء الكتابة

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

أتح للمستخدم وقتًا كافيًا

تطلب WCAG ألّا تستعجل المستخدمين. تجنب المهلات التي تمسح الإدخال، ودع المستخدمين يكملون الحقل وفق وتيرتهم.

اذكر الحقول المطلوبة مبكرًا

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

<input required aria-required="true">

اجعل الرسائل محددة

أيًا كان التوقيت، وضّح الخطأ وطريقة إصلاحه. فالـرسالة الواضحة أفضل من رسالة غامضة تظهر في اللحظة المثالية.

اعتمد على المتصفح

يُجري تحقق HTML الأصلي عند الإرسال افتراضيًا. وتوفر السمات المضمّنة مثل type و required توقيتًا مناسبًا مجانًا.

<input type="email" required>

كن متسقًا

اختر استراتيجية توقيت واحدة وطبّقها في النموذج كله. يتيح السلوك المتوقع للمستخدمين تعلّم النمط والثقة به.

تحقق سريع

ما توقيت التحقق الافتراضي الأكثر إتاحة؟

مراجعة

أجرِ التحقق عند حدوث blur أو عند الإرسال، لا مع كل ضغطة مفتاح، وأعد التحقق أثناء الكتابة بعد بدء الإصلاح، واذكر القواعد مبكرًا، وحافظ على الاتساق. ✅

البدء مجانًا

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

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

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

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

هل درس «مضمّن، أو عند فقدان التركيز، أو عند الإرسال: التوقيت مهم» مجاني؟

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

ماذا ستتعلم في «مضمّن، أو عند فقدان التركيز، أو عند الإرسال: التوقيت مهم»؟

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

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

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

كم من الوقت يستغرق درس «مضمّن، أو عند فقدان التركيز، أو عند الإرسال: التوقيت مهم»؟

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

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

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

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

  1. ربط الأخطاء بالحقول باستخدام aria-describedby
  2. تحديد الحالة غير الصالحة باستخدام aria-invalid
  3. نقل التركيز إلى أول خطأ
  4. مضمّن، أو عند فقدان التركيز، أو عند الإرسال: التوقيت مهم
← العودة إلى Web Accessibility Academy