الإعلان عن Toasts وأدوات التحميل والعدادات

تغيّر الرسائل المنبثقة وعناصر التحميل وأعداد النتائج الصفحة من دون إعادة تحميلها. ومن دون منطقة حية، يفوّت مستخدمو قارئات الشاشة هذه التغييرات تمامًا.

الـtoast رسالة منبثقة قصيرة. امنح الحاوية الخاصة بها الدور status كي ينطق قارئ الشاشة النص عند ظهوره. 🍞

اعرض منطقة toast واحدة فارغة عند التحميل، ثم احقن الرسائل فيها. أما إنشاء منطقة جديدة في كل مرة، فكثيرًا ما يفشل في الإعلان عنها.

عند تحميل البيانات، أعلن عن ذلك. فإظهار رسالة status لطيفة مثل Loading results يُبقي المستخدمين على اطلاع بدلًا من تركهم للتخمين. ⏳

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

بعد البحث أو التصفية، انطق عدد العناصر المطابقة. تساعد رسالة العدد المختصرة المستخدمين الذين لا يستطيعون تفحص الصفحة بصريًا على فهم النتيجة.

يؤدي تحديث قائمة النتائج من دون عدد إلى جعل مستخدمي قارئات الشاشة غير متأكدين من حدوث أي تغيير. ويكفي نطق رقم واحد لحل ذلك.

تقطع الإعلانات الحية تدفق القراءة، لذا اجعل كل رسالة موجزة. فعبارة Saved أفضل من Your changes were successfully saved just now.

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

لن تعلن المنطقة الحية المضبوطة على display none عن محتواها. ولإخفائها بصريًا، استخدم class مخصصًا للإخفاء البصري مع إبقائها في شجرة إمكانية الوصول.

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

تعلمت كيفية نطق الرسائل المنبثقة وعناصر التحميل والأعداد من خلال منطقة لطيفة مستمرة، مع إبقاء الرسائل قصيرة وعدم استخدام display none مطلقًا. ✅