อย่าใช้แอตทริบิวต์ `maxlength` ของ HTML
(adamsilver.io)ปัญหา
- แอตทริบิวต์
maxlengthจะตัดการป้อนข้อมูลกลางคัน แต่ไม่ให้ฟีดแบ็กใด ๆ กับผู้ใช้ - จากมุมมองของผู้ใช้ หากการป้อนข้อมูลหยุดลงกลางทาง อาจรู้สึกว่า UI มีบั๊ก
- ผู้ใช้โปรแกรมอ่านหน้าจอ (ผู้พิการทางสายตา) จะไม่สามารถรู้ได้เมื่อถึงขีดจำกัดการป้อนข้อมูล
- ผู้ใช้จำนวนมากมักไม่ได้มองหน้าจอขณะพิมพ์ แต่ดูที่แป้นพิมพ์ จึงอาจไม่ทันสังเกตว่าข้อความที่ป้อนถูกตัดทิ้ง
- เมื่อคัดลอกข้อความยาว ๆ มาวาง เนื้อหาอาจถูกตัดกลางทางและทำให้บันทึกข้อมูลผิดพลาดได้
วิธีแก้
- แทนที่จะจำกัดการป้อนด้วย
maxlengthควรเปิดให้ป้อนข้อมูลได้ทั้งหมด และหากเกินข้อจำกัดค่อยแสดงข้อความผิดพลาดเพื่อให้ผู้ใช้แก้ไขได้ - หากเป็นไปได้ ควรกำหนดขีดจำกัดการป้อนข้อมูลให้เผื่อไว้มากพอ
- ควรแสดงจำนวนอักขระที่เหลือ เพื่อให้ผู้ใช้รับรู้ข้อจำกัดและปรับการป้อนได้อย่างเหมาะสม
ยังไม่มีความคิดเห็น