ตั้งชื่อหลายภูมิภาคด้วย aria-label

หลายหน้ามีทั้งเมนูหลักและเมนูส่วนท้าย ทั้งสองอย่างเป็นจุดสังเกต เมนูนำทาง และหากไม่มีชื่อ โปรแกรมอ่านหน้าจอจะอ่านออกมาเหมือนกัน

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

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

เขียนว่า ส่วนท้าย ไม่ใช่ เมนูนำทางส่วนท้าย โปรแกรมอ่านหน้าจอประกาศคำว่า เมนูนำทาง อยู่แล้ว การเติมคำซ้ำจึงมีแต่เสียงรบกวน

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

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

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

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

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

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

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

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