รูปแบบต่อต้านการใช้จุดยึดที่ไม่มี href

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

anchorจะนับเป็นลิงก์จริงก็ต่อเมื่อมี href หากไม่มี href เบราว์เซอร์จะไม่ถือว่าเป็นองค์ประกอบแบบโต้ตอบเลย

anchor ที่ไม่มี href จะไม่สามารถรับโฟกัสได้ ดังนั้นผู้ใช้แป้นพิมพ์ที่กดแท็บไปตามหน้าจะข้ามผ่านและไม่มีทางเข้าถึงได้

แม้จะบังคับให้รับโฟกัสได้ ลิงก์ ปลอมก็จะไม่ตอบสนองต่อ Enter และ Space ตามค่าเริ่มต้น ผู้ใช้แป้นพิมพ์จึงยังเรียกใช้ไม่ได้

หากไม่มี href โปรแกรมอ่านหน้าจออาจไม่ประกาศ anchor ว่าเป็นลิงก์เลย ทำให้ผู้ใช้ไม่รู้ว่าสามารถใช้งานได้

บางคนแก้ปัญหาด้วยการใส่ href ที่มีเพียงเครื่องหมายแฮช วิธีนี้ทำให้รับโฟกัสได้ แต่ยังเลื่อนหน้าไปด้านบน ซึ่งทำให้รู้สึกสะดุด

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

หากตัวควบคุมทำหน้าที่นำทางจริง ให้ใช้ anchor ต่อไป แต่ต้องใส่ href จริงที่ชี้ไปยังปลายทาง

นักพัฒนามักเลือกใช้ anchor เพราะต้องการรูปแบบเส้นใต้ แต่คุณสามารถตกแต่งปุ่มแทนได้โดยไม่ลดทอนการเข้าถึง

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

อย่าสร้างการโต้ตอบปลอม ใช้ ปุ่มจริงสำหรับการดำเนินการ หรือใช้ anchor ที่มี href สำหรับการนำทาง และหลีกเลี่ยงวิธีแก้ขัด

anchor ที่ไม่มี href คือลิงก์ปลอม: ไม่สามารถรับโฟกัสและไม่ทำงานกับแป้นพิมพ์ ใช้ปุ่มสำหรับการดำเนินการ และใช้ href จริงสำหรับการนำทาง ✅