สุภาพกับเร่งด่วน: เลือกระดับความเร่งด่วน

Live region คือองค์ประกอบที่โปรแกรมอ่านหน้าจอเฝ้าดูอยู่ จึงอ่านออกเสียงข้อความใด ๆ ที่เปลี่ยนแปลงภายในองค์ประกอบนั้น โดยผู้ใช้ไม่ต้องย้าย focus ไปยังองค์ประกอบดังกล่าว

แอตทริบิวต์ aria-live มีค่าที่ใช้บ่อยสองค่า ได้แก่ polite และ assertive ค่าทั้งสองกำหนดวิธีส่งการอัปเดต 🔊

เมื่อใช้ polite โปรแกรมอ่านหน้าจอจะอ่านสิ่งที่กำลังพูดอยู่ให้จบก่อน แล้วจึงอ่านการอัปเดตของคุณ จะไม่ตัดผู้ใช้กลางประโยค

เมื่อใช้ assertive โปรแกรมอ่านหน้าจอจะหยุดสิ่งที่กำลังอ่านและประกาศการอัปเดตของคุณทันที ใช้เฉพาะเมื่อการรอจะทำให้ผู้ใช้เสียประโยชน์

เลือกใช้ polite เกือบทุกครั้ง การอัปเดตเรื่องการบันทึก การเรียงลำดับ การกรอง และความคืบหน้า สามารถรอได้ครู่หนึ่งโดยไม่ทำให้ใครสับสน

ใช้ assertive เฉพาะกับสิ่งที่ผู้ใช้ต้องได้ยินทันที เช่น การชำระเงินไม่สำเร็จหรือเซสชันกำลังจะหมดอายุ

ค่า off บอกโปรแกรมอ่านหน้าจอให้เพิกเฉยต่อการเปลี่ยนแปลงในองค์ประกอบนั้น นี่คือค่าเริ่มต้นโดยนัยสำหรับองค์ประกอบที่คุณไม่ได้กำหนดให้เป็น live

องค์ประกอบ live ควรอยู่ใน DOM ก่อนที่ข้อความจะเปลี่ยน โปรแกรมอ่านหน้าจอเฝ้าดู region ที่มีอยู่แล้ว ดังนั้นให้เพิ่มองค์ประกอบเปล่าไว้ก่อน แล้วค่อยเติมข้อความภายหลัง

ประกาศโดยอัปเดต เนื้อหาข้อความภายใน region เดิม การเปลี่ยน region ทั้งหมดอาจทำให้การประกาศล้มเหลวโดยไม่มีสัญญาณใด ๆ

หากส่งการอัปเดตแบบ assertive หลายครั้งอย่างรวดเร็ว การอัปเดตเหล่านั้นจะขัดแย้งและพูดทับการอัปเดตก่อนหน้า ส่วน polite จะจัดคิวตามลำดับแทน

เลือกระดับโดยถามว่าการขัดจังหวะช่วยได้มากเพียงใด การอัปเดตส่วนใหญ่ใช้ polite ส่วนข้อผิดพลาดและคำเตือนที่ผู้ใช้ต้องดำเนินการให้ใช้ assertive

คุณเพิ่มข้อความยืนยันเล็ก ๆ ว่ารายการถูกเรียงลำดับแล้ว ระดับความสุภาพใดเหมาะสมที่สุด

คุณได้เรียนรู้ว่า polite จะรอ ส่วน assertive จะขัดจังหวะ ให้ใช้ polite เป็นค่าเริ่มต้น สงวน assertive ไว้สำหรับความเร่งด่วนจริง และคง region ไว้ใน DOM ✅