ลิงก์พาไปยังสถานที่ ปุ่มใช้สั่งการ

นี่คือกฎที่ใช้แก้ได้เกือบทุกกรณี: ลิงก์พาคุณไปที่อื่น ส่วนปุ่มทำให้บางอย่างเกิดขึ้นตรงนี้ 🧭

ลิงก์ใช้สำหรับการนำทาง เมื่อคลิกแล้วหน้าเว็บหรือ URL จะเปลี่ยนไป เช่น ไปยังบทความอื่นหรือส่วนใหม่

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

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

เรื่องนี้ไม่ใช่แค่รูปลักษณ์ ปุ่มทำงานเมื่อกด Space หรือ Enter แต่ลิงก์ทำงานเมื่อกด Enter เท่านั้น ปุ่มแต่ละประเภทจึงใช้แป้นต่างกันตามบทบาท

ถามคำถามเดียว: ตัวควบคุมนี้เปลี่ยนตำแหน่งที่ฉันอยู่ หรือเปลี่ยนสิ่งที่แสดงบนหน้าจอ การนำทางหมายถึงลิงก์ ส่วนการดำเนินการหมายถึงปุ่ม

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

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

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

หากต้องการส่งแบบฟอร์ม ให้ใช้ ปุ่มที่มีชนิดเป็น submit นี่คือการดำเนินการ ไม่ใช่การนำทาง ดังนั้นการใช้ลิงก์จึงไม่ถูกต้อง

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

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