ลิงก์ข้ามหลายจุดสำหรับหน้าขนาดใหญ่

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

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

ชุดที่ใช้กันทั่วไปคือ ข้ามไปยังเนื้อหา ข้ามไปยังการนำทาง ข้ามไปยังการค้นหา ควรทำให้สั้น เพื่อไม่ให้รายการทางลัดกลายเป็นภาระเสียเอง

ห่อหุ้пลิงก์ข้ามของคุณไว้ในพื้นที่ nav ขนาดเล็ก เพื่อให้โปรแกรมอ่านหน้าจออ่านเป็นชุดทางลัดที่สอดคล้องกันชุดเดียวด้านบนของหน้า

กำหนด aria-label ให้ตัวห่อ เช่น ลิงก์ข้าม หากไม่มีชื่อ nav สองชุดในหน้าเดียวกันจะฟังดูเหมือนกันสำหรับผู้ใช้โปรแกรมอ่านหน้าจอ

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

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

อย่าเพิ่มทางลัดสำหรับทุกสิ่ง ลิงก์ข้ามที่มากเกินไป จะกลายเป็นบล็อกเนื้อหาซ้ำอีกชุดหนึ่งที่ต้องกด Tab ผ่าน

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

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

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

สำหรับหน้าขนาดใหญ่ ให้เสนอลิงก์ ข้าม สั้น ๆ ใน nav ที่มีชื่อกำกับ โดยแต่ละลิงก์มีเป้าหมายของตนเองที่รับโฟกัสได้ ควรจัดชุดให้สั้นและวางเนื้อหาไว้ก่อน 🎯