กลับไปหน้าบทความ

อ่าน 6 นาที

คุณลักษณะ alt

แอตทริบิวต์altเป็นแอตทริบิวต์ HTMLที่ใช้ใน เอกสาร HTMLและXHTMLเพื่อระบุข้อความ ทางเลือก ( alt text ) ที่จะแสดงแทนที่องค์ประกอบที่ไม่สามารถแสดงผลได้ แอตทริบิวต์ alt...

คุณลักษณะ alt

บทความนี้ดีมาก คลิกที่นี่เพื่อดูข้อมูลเพิ่มเติม

แอตทริบิวต์altเป็นแอตทริบิวต์ HTMLที่ใช้ใน เอกสาร HTMLและXHTMLเพื่อระบุข้อความ ทางเลือก ( alt text ) ที่จะแสดงแทนที่องค์ประกอบที่ไม่สามารถแสดงผลได้ แอตทริบิวต์ alt ใช้สำหรับคำอธิบายสั้นๆ โดยคำอธิบายที่ยาวกว่าจะใช้แอตทริบิวต์ longdescองค์กรมาตรฐานสำหรับเวิลด์ไวด์เว็บคอนซอร์เทียมเวิลด์ไวด์เว็บ (W3C) แนะนำว่ารูปภาพทุกรูปที่แสดงผ่าน HTML ควรมีแอตทริบิวต์ alt แม้ว่าแอตทริบิวต์ alt ไม่จำเป็นต้องมีข้อความก็ตาม การขาดแอตทริบิวต์ alt ที่เหมาะสมในรูปภาพบนเว็บไซต์ได้นำไปสู่คดีความที่เกี่ยวข้องกับการเข้าถึงหลายคดี

แอตทริบิวต์ alt ใช้เพื่อเพิ่มการเข้าถึงและความเป็นมิตรต่อผู้ใช้ รวมถึงผู้ใช้อินเทอร์เน็ตที่ตาบอดซึ่งต้องใช้ซอฟต์แวร์พิเศษในการท่องเว็บ การใช้แอตทริบิวต์ alt สำหรับรูปภาพที่แสดงภายใน HTML เป็นส่วนหนึ่งของแนวทางการเข้าถึงเนื้อหาเว็บ ของ W3C (WCAG) โปรแกรม อ่านหน้าจอและเว็บเบราว์เซอร์แบบข้อความจะอ่านแอตทริบิวต์ alt แทนรูปภาพ ข้อความภายในแอตทริบิวต์ alt จะแทนที่รูปภาพเมื่อคัดลอกและวางเป็นข้อความ และทำให้รูปภาพอ่านได้ ง่ายขึ้น ซึ่งช่วยปรับปรุงการเพิ่มประสิทธิภาพกลไกค้นหา (SEO)

ประวัติศาสตร์

คุณลักษณะนี้ได้รับการแนะนำครั้งแรกในร่าง HTML 1.2 ในปี 1993 เพื่อรองรับเบราว์เซอร์แบบข้อความ[ 1 ]ในHTML 4.01ซึ่งเผยแพร่ในปี 1999 คุณลักษณะนี้ถูกกำหนดให้เป็นข้อกำหนดสำหรับแท็ก img และ area [ 2 ] ส่วนแท็ก input และ แท็กappletที่เลิกใช้แล้วนั้นเป็นตัวเลือก[ 3 ]

Internet Explorer 7และเวอร์ชันก่อนหน้าแสดงข้อความในแอตทริบิวต์ alt เป็น ข้อความ tooltipซึ่งไม่สอดคล้องกับมาตรฐาน HTML ของWorld Wide Web Consortium (W3C) [ 4 ]พฤติกรรมนี้ทำให้ผู้พัฒนาเว็บ หลายคน ใช้แอตทริบิวต์ alt ผิดวิธีเมื่อต้องการแสดง tooltip ที่มีข้อมูลเพิ่มเติมเกี่ยวกับรูปภาพ แทนที่จะใช้แอตทริบิวต์ title ที่มีไว้สำหรับการใช้งานนั้น[ 5 ] [ 6 ]ตั้งแต่Internet Explorer 8ที่วางจำหน่ายในปี 2009 แอตทริบิวต์ alt จะไม่แสดงเป็น tooltip ใน Internet Explorer อีกต่อไป[ 7 ]

การใช้งาน

ภาพตัวอย่างสิ่งที่แสดงเมื่อแสดงข้อความอธิบายภาพ (alt text)
ตัวอย่างการแสดงข้อความในแอตทริบิวต์ alt แทนรูปภาพที่ไม่สามารถใช้งานได้ โดยมีโค้ด HTML อยู่ด้านล่าง
ภาพหน้าจอของบทความวิกิพีเดียที่ใช้ข้อความอธิบายภาพ (alt text) ในเบราว์เซอร์ Lynx
บทความวิกิพีเดียเกี่ยวกับหมาป่าบนเว็บเบราว์เซอร์ Lynxแสดงข้อความของแอตทริบิวต์ alt เป็นสีส้มแทนรูปภาพ

ข้อความในแอตทริบิวต์ alt ใช้เพื่อแทนที่รูปภาพเมื่อไม่สามารถโหลดรูปภาพได้ โดยไม่เปลี่ยนแปลงความหมายที่ตั้งใจไว้ของเนื้อหาหน้าเว็บ[ 8 ]แนวทางการเข้าถึงเนื้อหาเว็บของ W3C ระบุว่าแอตทริบิวต์ alt ใช้เพื่อสื่อความหมายและเจตนาของรูปภาพ มากกว่าที่จะเป็นคำอธิบายตามตัวอักษรของรูปภาพเอง[ 9 ]ตัวอย่างเช่น แอตทริบิวต์ alt สำหรับรูปภาพโลโก้ของสถาบันควรสื่อว่าเป็นโลโก้ของสถาบัน มากกว่าที่จะอธิบายรายละเอียดว่าโลโก้มีลักษณะอย่างไร[ 10 ] [ 11 ]แอตทริบิวต์ alt มีจุดประสงค์เพื่อใช้สำหรับคำอธิบายสั้นๆ และกระชับของรูปภาพ คำอธิบายที่ยาวกว่าสามารถให้ได้โดยใช้แอตทริบิวต์ longdesc ซึ่งให้ข้อมูลโดยละเอียดมากขึ้นและเสริม แต่ไม่ได้แทนที่แอตทริบิวต์ alt [ 2 ]

โปรแกรมอ่านหน้าจอ เช่นOrcaจะอ่านข้อความ alt แทนรูปภาพ[ 12 ]เว็บเบราว์เซอร์แบบข้อความ เช่นLynxจะแสดงข้อความ alt แทนรูปภาพ (หรือจะแสดงแอตทริบิวต์ค่าหากรูปภาพเป็นปุ่มที่คลิกได้ ) [ 13 ]โดยทั่วไปแล้ว เบราว์เซอร์แบบกราฟิกจะแสดงเฉพาะรูปภาพ และจะแสดงข้อความ alt ก็ต่อเมื่อผู้ใช้ดูคุณสมบัติของรูปภาพ หรือได้กำหนดค่าเบราว์เซอร์ไม่ให้แสดงรูปภาพ หรือหากเบราว์เซอร์ไม่สามารถดึงข้อมูลหรือถอดรหัสรูปภาพได้[ 14 ]

การใช้คำอธิบายในแอตทริบิวต์ alt ช่วยปรับปรุงการเพิ่มประสิทธิภาพเครื่องมือค้นหาและอนุญาตให้เครื่องมือค้นหารูปภาพโดยเฉพาะ เช่นGoogle Imagesค้นหาและแสดงรูปภาพที่เกี่ยวข้องซึ่งใช้บนเว็บไซต์ในผลการค้นหา[ 15 ]สำหรับผลการค้นหาที่ไม่ใช่รูปภาพ ข้อความภายในแอตทริบิวต์ alt จะถูกอ่านโดยเครื่องมือค้นหาในลักษณะเดียวกับที่ข้อความปกติบนหน้าเว็บถูกอ่าน[ 16 ]

W3C แนะนำว่ารูปภาพที่ไม่ได้ให้ข้อมูลใดๆ แต่เป็นเพียงภาพตกแต่ง ควรระบุไว้ในCSSแทนที่จะระบุไว้ในโค้ด HTML หากภาพตกแต่งถูกแสดงผลโดยใช้ HTML ที่ไม่ได้เพิ่มเนื้อหาและไม่ได้ให้ข้อมูลเพิ่มเติมใดๆ W3C แนะนำให้ใส่แอตทริบิวต์ alt ว่างเปล่าในรูปแบบ <img src="..."> alt=""[ 17 ] วิธีนี้จะทำให้หน้าเว็บสามารถนำทางได้ง่ายขึ้นสำหรับผู้ใช้โปรแกรมอ่านหน้าจอหรือเบราว์เซอร์ที่ไม่แสดงภาพกราฟิก โดยการข้ามรูปภาพที่ไม่ได้สื่อความหมายใดๆ หากไม่มีการระบุแอตทริบิวต์ alt เบราว์เซอร์ที่ไม่สามารถแสดงภาพได้จะไม่มองข้ามภาพ แต่จะอ่านหรือแสดง URL หรือเครื่องหมายระบุอื่นๆ แทน[ 18 ]ซึ่งทำให้เกิดความคลุมเครือ เนื่องจากโดยทั่วไปผู้ใช้ไม่สามารถระบุได้จากการอ่าน URL เพียงอย่างเดียวว่ารูปภาพนั้นเกี่ยวข้องกับข้อความหรือไม่ หรือเป็นเพียงองค์ประกอบตกแต่งของเว็บเพจ[ 19 ] การตรวจสอบ Google Lighthouseในปี 2021 พบว่าแอตทริบิวต์ alt text ที่ตรวจสอบ 27% ว่างเปล่า แม้ว่ารูปภาพส่วนใหญ่เหล่านั้นจะเป็นรูปภาพข้อมูลที่ไม่ใช่เพื่อการตกแต่งก็ตาม[ 20 ]

การฟ้องร้อง

มีการฟ้องร้องหลายคดีเกี่ยวกับการเข้าถึงเว็บไซต์และการขาดแอตทริบิวต์ alt ที่เหมาะสมบนเว็บไซต์[ 18 ] คดี Maguire v Sydney Organising Committee for the Olympic Gamesเป็นคดีฟ้องร้องในปี 2000 ซึ่งชายตาบอดในออสเตรเลียฟ้องร้องคณะกรรมการจัดงานกีฬาโอลิมปิกซิดนีย์เนื่องจากเว็บไซต์ www.olympics.com ไม่สามารถเข้าถึงได้สำหรับเขาเนื่องจากขาดแอตทริบิวต์ alt บนรูปภาพ[ 21 ]คณะกรรมการสิทธิมนุษยชนแห่งออสเตรเลียตัดสินว่าเว็บไซต์ดังกล่าวเลือกปฏิบัติกับเขาเนื่องจากไม่ปฏิบัติตามมาตรฐานการเข้าถึงที่ทำให้บุคคลตาบอดสามารถใช้งานเว็บไซต์ได้[ 22 ]ในระหว่างการดำเนินคดี รัฐบาลกลาง รัฐ และดินแดนของออสเตรเลียได้ออกแถลงการณ์ร่วมกันผ่านกระทรวงบรอดแบนด์ การสื่อสาร และเศรษฐกิจดิจิทัลว่าพวกเขากำลังนำแนวทางการเข้าถึงของ W3C มาใช้กับเว็บไซต์ .gov.au ทั้งหมด[ 23 ]

ในสหรัฐอเมริกา มีคดีฟ้องร้องที่มีชื่อเสียงหลายคดีที่เกี่ยวข้องกับการขาดแอตทริบิวต์ alt บนรูปภาพ ซึ่งอ้างว่าเป็นการละเมิดพระราชบัญญัติคนพิการแห่งอเมริกา (ADA) [ 24 ]กระทรวงยุติธรรมของสหรัฐอเมริกาให้การขาดแอตทริบิวต์ alt เป็นตัวอย่างของอุปสรรคต่อการเข้าถึงเว็บไซต์[ 25 ] คดี National Federation of the Blind v. Target Corp.เป็นคดีฟ้องร้องแบบกลุ่มในปี 2006 ที่กล่าวหาว่าTarget.comละเมิด ADA เนื่องจากรูปภาพไม่ได้ใช้แอตทริบิวต์ alt [ 26 ]คดีฟ้องร้องนี้ได้สร้างบรรทัดฐานทางกฎหมายในสหรัฐอเมริกาสำหรับการเข้าถึงเว็บไซต์และการปฏิบัติตาม ADA [ 27 ]

  • การใช้ข้อความทางเลือกจาก WebAIM อย่างเหมาะสม
  • คำถามที่พบบ่อยฉบับย่อเกี่ยวกับข้อความทางเลือกของรูปภาพโดยเอียน ฮิกสัน
ดึงข้อมูลมาจาก " https://en.wikipedia.org/w/index.php?title=Alt_attribute&oldid=1361305390 "

สรุปเนื้อหา

ข้อมูลสำคัญจากบทความ

ข้อมูลสำคัญเกี่ยวกับ คุณลักษณะ alt

แอตทริบิวต์altเป็นแอตทริบิวต์ HTMLที่ใช้ใน เอกสาร HTMLและXHTMLเพื่อระบุข้อความ ทางเลือก ( alt text ) ที่จะแสดงแทนที่องค์ประกอบที่ไม่สามารถแสดงผลได้ แอตทริบิวต์ alt...

ประวัติศาสตร์

คุณลักษณะนี้ได้รับการแนะนำครั้งแรกในร่าง HTML 1.2 ในปี 1993 เพื่อรองรับเบราว์เซอร์แบบข้อความ [ 1 ] ใน HTML 4.

การใช้งาน

ข้อความในแอตทริบิวต์ alt ใช้เพื่อแทนที่รูปภาพเมื่อไม่สามารถโหลดรูปภาพได้ โดยไม่เปลี่ยนแปลงความหมายที่ตั้งใจไว้ของเนื้อหาหน้าเว็บ [ 8 ] แนวทางการเข้าถึงเนื้อหาเว็บของ W3C ระบุว่าแอตทริบิวต์ alt ใช้เพื่อสื่อความหมายและเจตนาของรูปภาพ...

การฟ้องร้อง

มีการฟ้องร้องหลายคดีเกี่ยวกับการเข้าถึงเว็บไซต์และการขาดแอตทริบิวต์ alt ที่เหมาะสมบนเว็บไซต์ [ 18 ] คดี Maguire v Sydney Organising Committee for the Olympic Games เป็นคดีฟ้องร้องในปี 2000 ซึ่งชายตาบอดในออสเตรเลียฟ้องร้อง คณะกรรมการจัดงานกีฬาโอลิมปิกซิดนีย์...