หัวข้อคือการนำทาง ไม่ใช่แค่ข้อความตัวใหญ่

สำหรับผู้ใช้โปรแกรมอ่านหน้าจอ หัวข้อของคุณคือสารบัญ ไม่ใช่เพียงข้อความตัวหนา แต่เป็นวิธีที่ผู้คนใช้เคลื่อนที่ไปทั่วหน้า 🧭

การกดปุ่มเพียงครั้งเดียวจะย้ายโปรแกรมอ่านหน้าจอจาก หัวข้อหนึ่งไปยังหัวข้อถัดไป ผู้ใช้กวาดดูหน้าโดยกระโดดระหว่างหัวข้อ แทนที่จะอ่านข้อความทุกคำ

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

ผู้ใช้ยังสามารถข้ามไปมาระหว่าง หัวข้อระดับเดียวกันเท่านั้น เช่น ส่วน h2 ทั้งหมด ระดับที่ถูกต้องทำให้ทางลัดนี้แม่นยำและรวดเร็ว

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

มีเพียงแท็กจริงตั้งแต่ h1 ถึง h6 เท่านั้นที่เข้าร่วมรายการนำทาง การทำให้ข้อความใหญ่ขึ้นไม่ช่วยอะไร แท็กต่างหากที่เก็บความหมายไว้

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

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

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

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

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

ผู้ใช้โปรแกรมอ่านหน้าจอจำนวนมากเคลื่อนที่ไปทั่วหน้าเป็นหลักด้วยวิธีใด

คุณได้เรียนรู้ว่า หัวข้อจริงสร้างโครงร่างที่นำทางได้ ผู้ใช้กระโดดระหว่างหัวข้อเหล่านี้ ดังนั้นควรใช้แท็กหัวข้อจริงพร้อมคำอธิบายที่ชัดเจน ✅