Placeholder ไม่ใช่ป้ายกำกับ

การใส่ข้อความบอกใบ้ลงในช่องแล้วละเว้นป้ายกำกับอาจดูน่าดึงดูด แต่ ตัวยึดตำแหน่งเป็นเพียงคำบอกใบ้ ไม่ใช่ชื่อ ⚠️

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

ผู้ใช้ที่มีความท้าทายด้านความจำหรือสมาธิต้อง จดจำคำบอกใบ้หลังจากที่มันหายไป ป้ายกำกับที่แสดงอยู่เสมอช่วยลดภาระนี้ได้

ข้อความในตัวยึดตำแหน่งมักเป็นสีเทาอ่อน ซึ่งมักไม่ผ่านกฎด้าน คอนทราสต์ ผู้มีสายตาเลือนรางอาจอ่านไม่ออกเลย

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

การรองรับ ตัวยึดตำแหน่งในฐานะชื่อสำหรับโปรแกรมอ่านหน้าจอนั้นไม่สม่ำเสมอและแตกต่างกันไปตามเบราว์เซอร์ คุณไม่สามารถมั่นใจได้ว่ามันจะถูกอ่านประกาศ

ตัวยึดตำแหน่งใช้เป็นคำบอกใบ้ เพิ่มเติมได้ เช่น ตัวอย่างรูปแบบ แต่ควรใช้คู่กับป้ายกำกับจริง และอย่าใช้ตัวยึดตำแหน่งเพียงอย่างเดียว

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

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

ตรวจสอบอย่างรวดเร็ว: ลองพิมพ์ลงในช่อง หากไม่สามารถบอกได้อีกต่อไปว่าช่องนั้น ต้องการอะไร แสดงว่าตัวยึดตำแหน่งกำลังทำหน้าที่แทนป้ายกำกับ

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

ตัวยึดตำแหน่งเป็นคำบอกใบ้ที่จางหายไป ไม่ใช่ชื่อ ควรมีป้ายกำกับจริง และใช้ตัวยึดตำแหน่งเพื่อช่วยเรื่องรูปแบบเพิ่มเติมเท่านั้น 💡