ข้อผิดพลาดในการตั้งชื่อที่ทำให้ตัวควบคุมเงียบ

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

ปุ่มที่มีเพียงไอคอนมักไม่มีชื่อที่คำนวณได้ ให้เพิ่ม aria-label เพื่อให้การควบคุมที่ไม่มีข้อความยังประกาศการทำงานได้

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

aria-labelledby ที่ชี้ไปยัง id ที่ไม่มีอยู่หรือสะกดผิดจะไม่สร้างชื่อใด ๆ ทำให้ป้ายกำกับที่ตั้งใจไว้หายไปโดยไม่มีสัญญาณเตือน

การตั้ง aria-label เป็นสตริงว่างจะลบชื่อออกทั้งหมด องค์ประกอบจึงไม่มีอะไรให้โปรแกรมอ่านหน้าจอประกาศ

การใส่ aria-hidden ให้กับข้อความเดียวที่อยู่ในปุ่มจะลบแหล่งที่มาของชื่อ ทำให้การควบคุมนั้นไม่มีชื่อสำหรับโปรแกรมอ่าน

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

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

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

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

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

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