หากคุณต้องการซ่อนบางสิ่งบางอย่างจากผู้ใช้ที่ใช้โทรศัพท์แท็บเล็ตและเทคโนโลยีช่วยเหลือและแสดงเฉพาะผู้ใช้แป้นพิมพ์เท่านั้นให้ใช้แอตทริบิวต์ชื่อเรื่อง
รายละเอียด
มีปัญหากับแอตทริบิวต์ชื่อของ HTML เอง ปัญหาคือเพราะมันทำงานได้ไม่ดีพอในบางแง่มุมที่สำคัญแม้ว่ามันจะอยู่กับเรามานานกว่า 14 ปี ด้วยการเพิ่มขึ้นของอุปกรณ์สัมผัสบทบาทของคุณลักษณะนี้ได้ลดลงอีก การเข้าถึงแอตทริบิวต์ชื่อเรื่องได้กลายเป็นเรื่องเสียเงินและเนื่องจากขาดการสนับสนุนเบราว์เซอร์การสนับสนุนผู้อ่านหน้าจอและผู้ผลิตจึงให้ความสนใจ
แอตทริบิวต์ชื่อเรื่องจะซ้ำซ้อนเนื่องจากขาดการสนับสนุนในกรณีต่อไปนี้:
สำหรับผู้ที่เข้าถึงข้อมูลเนื้อหาเว็บในเบราว์เซอร์มือถือ โดยปกติแล้วเนื้อหาของแอตทริบิวต์ชื่อจะแสดงเป็นข้อความแจ้งเตือนในเบราว์เซอร์เดสก์ท็อป เท่าที่ฉันรู้ไม่มีเบราว์เซอร์มือถือรองรับการแสดงพรอมต์และไม่มีวิธีการภาพอื่น ๆ ในการเข้าถึงเนื้อหาของแอตทริบิวต์ชื่อเรื่อง
ให้ข้อมูลสำหรับผู้ที่ไม่สามารถใช้เมาส์ได้ โดยปกติแล้วเนื้อหาของแอตทริบิวต์ชื่อจะแสดงเป็นข้อความแจ้งเตือนในเบราว์เซอร์เดสก์ท็อป แม้ว่าพฤติกรรมของข้อความแจ้งเตือนมานานกว่า 10 ปี แต่ก็ไม่เคยมีเบราว์เซอร์ในการใช้วิธีการใช้แป้นพิมพ์เพื่อแสดงแอตทริบิวต์ชื่อเรื่อง
สำหรับใช้กับองค์ประกอบ HTML ส่วนใหญ่จะให้ข้อมูลสำหรับผู้ที่ใช้เทคโนโลยีช่วยเหลือต่างๆ เท่าที่ฉันรู้เครื่องอ่านหน้าจอไม่สนับสนุนการเข้าถึงข้อมูลแอตทริบิวต์ชื่อเรื่องอย่างสม่ำเสมอ
ผู้ใช้ไม่เป็นมิตรกับแอตทริบิวต์ชื่อดังนี้
ผู้ใช้โทรศัพท์มือถือ
เฉพาะผู้ใช้ที่ใช้คีย์บอร์ด
ผู้ใช้ที่ใช้แอมพลิฟายเออร์หน้าจอ
ผู้ใช้ตัวอ่านหน้าจอ
ผู้ใช้ที่มีความผิดปกติของทักษะยนต์
ผู้ใช้ที่มีความบกพร่องทางสติปัญญา
ตัวอย่างของคุณลักษณะชื่อที่มีประโยชน์:
ฉลากเฟรมหรือองค์ประกอบ iframe:
<frame title = การนำทาง>
จัดเตรียมแท็กที่ปรากฏในสถานการณ์พิเศษที่ต้องการโปรแกรมในการดำเนินการ การใช้แท็กข้อความที่มองเห็นได้โดยตรงจะปรากฏซ้ำซ้อน:
<ประเภทอินพุต = text title = search> <input type = submit value = search>
การควบคุมแท็กในตารางข้อมูล
ตัวอย่างของคุณลักษณะชื่อเรื่องไร้ประโยชน์หรือไม่มีประโยชน์มาก:
เพิ่มข้อมูลเพิ่มเติมไปยังลิงก์หรือเนื้อหาโดยรอบที่ไม่สามารถใช้เป็นข้อความ:
<a href = newsletter.pdf title = ไฟล์ pdf ขนาด 1 mb.> จดหมายข่าว </a>
แทนที่จะเป็นข้อมูลดังกล่าวควรเป็นส่วนหนึ่งของข้อความลิงก์หรือด้านข้างลิงก์
ให้ข้อมูลเดียวกันกับข้อความลิงก์:
<a href = newsletter.pdf title = จดหมายข่าว> จดหมายข่าว </a>
ขอแนะนำไม่ให้คัดลอกเนื้อหาลิงก์เป็นแอตทริบิวต์ชื่อเรื่อง สิ่งนี้เทียบเท่ากับการไม่ทำอะไรเลย
ชื่อเรื่องสำหรับภาพ:
<img src = castle1858.jpeg title = สีน้ำมันบนผืนผ้าใบ Maria Towle, 1858
Alt = ปราสาทตอนนี้มีหอคอยสองแห่งและผนังสองหลัง>
อาจเป็นข้อมูลชื่อเรื่องเป็นข้อมูลที่สำคัญที่สุดและควรเข้าถึงได้โดยผู้ใช้ทุกคน ถ้าเป็นเช่นนั้นเนื้อหานี้ควรอยู่ถัดจากรูปภาพ
ใช้เพื่อแทนที่แท็กของฟอร์มและลบแท็กข้อความที่มองเห็นได้:
<ประเภทอินพุต = text title = name>
ผู้ใช้ตัวอ่านหน้าจอจะเข้าถึงแท็กขององค์ประกอบของฟอร์มเนื่องจากแอตทริบิวต์ชื่อเรื่องจะรวมอยู่ในชื่อคุณสมบัติใน API Accessibility (ไม่รองรับเมื่อแท็กข้อความใช้องค์ประกอบแท็ก) ผู้ใช้อื่น ๆ อีกมากมายไม่ได้เป็นเช่นนี้ ขอแนะนำให้รวมแท็กข้อความที่มองเห็นได้หากเป็นไปได้
ให้ข้อมูลเดียวกันสำหรับองค์ประกอบแบบฟอร์มเป็นเนื้อหาแท็กที่มองเห็นได้:
<label for = n1> name </label> <input type = text title = name id = n1>
การทำซ้ำข้อความแท็กที่มองเห็นได้นั้นเป็นไปไม่ได้ยกเว้นการเพิ่มเสียงรบกวนทางปัญญาของผู้ใช้ อย่าทำ ข้อความฉลากที่มองเห็นได้ซ้ำดูเหมือนจะไม่มีผลใด ๆ นอกจากการเพิ่มเสียงรบกวนทางปัญญาที่น่ารำคาญหยุดการใช้งานนี้
ให้คำแนะนำเพิ่มเติมสำหรับองค์ประกอบแบบฟอร์ม:
<label for = n1> name </label> <input type = text title = โปรดใช้ uppercase.id = n1>
หากคำสั่งนี้มีความสำคัญต่อการใช้องค์ประกอบแบบฟอร์มที่ถูกต้องให้ให้ข้อมูลข้อความเกี่ยวกับองค์ประกอบเพื่อให้แน่ใจว่าผู้ใช้ทุกคนสามารถอ่านได้
เป็นส่วนขยายตัวย่อ:
<abbr title = World Wide Web Consortium> W3C </abbr>
แม้ว่าแอตทริบิวต์ชื่อเรื่องขององค์ประกอบ ABBR ได้รับการสนับสนุนโดยซอฟต์แวร์ Screen Reader แต่การใช้มันยังคงเป็นปัญหาเพราะกลุ่มผู้ใช้อื่นไม่สามารถใช้งานได้ ขอแนะนำให้ระบุชื่อเต็มในรูปแบบข้อความเมื่อตัวย่อปรากฏขึ้นเป็นครั้งแรกในเอกสารหรือจัดทำอภิธานศัพท์ของแบบฟอร์มชื่อเต็ม นี่ไม่ได้หมายความว่าไม่สามารถใช้แอตทริบิวต์ชื่อเรื่องได้เนื่องจากมีข้อ จำกัด และควรให้ชื่อเต็มของแบบฟอร์มข้อความ
HTML 5.1 มีคำแนะนำทั่วไปสำหรับการใช้แอตทริบิวต์ชื่อเรื่อง:
การพึ่งพาแอตทริบิวต์ชื่อเรื่องไม่ได้รับการสนับสนุนเนื่องจากตัวแทนผู้ใช้จำนวนมากไม่สามารถแสดงแอตทริบิวต์นี้ได้ตามข้อกำหนดข้อกำหนด (เช่นอุปกรณ์ตัวชี้เมาส์จำเป็นต้องทำให้การแสดงข้อมูลพรอมต์ไม่รวมผู้ใช้ที่ใช้คีย์บอร์ดและผู้ใช้หน้าจอสัมผัสเท่านั้น)
การแทนที่แอตทริบิวต์ alt ขององค์ประกอบ IMG หรือเป็นชื่อของภาพเป็นสิ่งต้องห้าม
ปัจจุบันต้องอาศัยแอตทริบิวต์ชื่อเรื่องเนื่องจากตัวแทนผู้ใช้จำนวนมากมีการสนับสนุนการเข้าถึงที่อ่อนแอสำหรับแอตทริบิวต์นี้ ...