polite أم assertive: اختيار درجة الإلحاح

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

تمتلك السمة aria-live قيمتين مفيدتين ستستخدمهما باستمرار: polite وassertive. وهما تحددان كيفية إيصال التحديث. 🔊

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

مع assertive، يوقف قارئ الشاشة ما يقرؤه ويعلن التحديث فورًا. استخدمه فقط عندما يكون الانتظار مكلفًا للمستخدم.

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

استخدم assertive فقط للأمور التي يجب أن يسمعها المستخدم فورًا، مثل فشل الدفع أو قرب انتهاء الجلسة.

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

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

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

إذا أطلقت عدة تحديثات assertive بسرعة، فسوف تتنافس وتقطع بعضها بعضًا وتتحدث فوق التحديث السابق. أما polite فيضعها في قائمة انتظار بالترتيب.

اختر المستوى بسؤال نفسك عن مقدار فائدة المقاطعة. معظم التحديثات: polite. أما الأخطاء والتحذيرات التي يجب أن يتصرف المستخدم بشأنها فـ assertive.

أضفت تأكيدًا صغيرًا يفيد بفرز قائمة. ما مستوى اللباقة الأنسب؟

تعلمت أن polite ينتظر وأن assertive يقاطع. اجعل polite هو الخيار الافتراضي، واحتفظ بـ assertive للحالات العاجلة فعلًا، وأبقِ المنطقة في DOM. ✅