วิกิพีเดีย:คู่มือรูปแบบ/การเข้าถึง/ข้อความทางเลือกสำหรับรูปภาพ

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

ในวิกิพีเดีย โดยทั่วไปข้อความแสดงแทนจะถูกจัดเตรียมผ่านการผสมผสานระหว่างคำบรรยาย ภาพ และข้อความที่ให้ไว้สำหรับaltพารามิเตอร์รูปภาพในมาร์กอัปมีเดียวิกิ ตัวอย่างต่อไปนี้สร้างรูปภาพที่อยู่ติดกัน:

ภาพวาดของนโปเลียน โบนาปาร์ต ในการศึกษาของเขาที่ตุยเลอรี
จักรพรรดินโปเลียนในการศึกษาของเขาที่ตุยเลอรีส์โดย Jacques-Louis David
[[ ไฟล์: Jacques-Louis David 017.jpg | นิ้วหัวแม่มือ| ตั้งตรง= 0.75 | alt =ภาพวาดของนโปเลียน โบนาปาร์ต ในการศึกษาของเขาที่ตุยเลอรีส์| '' [[ จักรพรรดินโปเลียนในการศึกษาของพระองค์ที่ตุยเลอรี]] ''โดย[[ ฌาค-หลุยส์ เดวิด]]]]

ข้อความaltพารามิเตอร์ ("ภาพวาดของนโปเลียน โบนาปาร์ตในการศึกษาของพระองค์ที่ตุยเลอรีส์") ปกติไม่ปรากฏให้ผู้อ่านเห็น อย่างไรก็ตาม เว็บเบราว์เซอร์อาจแสดงภาพนั้นเมื่อปิดภาพ หรืออ่านออกเสียงโดยโปรแกรมอ่านหน้าจอสำหรับผู้ที่มีความบกพร่องทางการมองเห็น และเครื่องมือค้นหาสามารถใช้เพื่อกำหนดเนื้อหาของภาพได้ [3]เพื่อให้สอดคล้องกับแนวทางอินเทอร์เน็ตอื่น ๆ คำว่า " altข้อความ" (ในcodeแบบอักษร) ถูกใช้ที่นี่เพื่ออ้างถึงข้อความที่ให้ไว้สำหรับพารามิเตอร์รูปภาพและaltสร้างข้อความสำหรับแอตทริบิวต์ HTML alt คำว่า "ข้อความแสดงแทน" หมายถึงข้อความที่เทียบเท่ากับรูปภาพ ไม่ว่าข้อความนั้นจะอยู่ที่ใดก็ตาม [4]

สำหรับรูปภาพที่ลิงก์ไปยังหน้าคำอธิบายรูปภาพ (ซึ่งก็คือรูปภาพเกือบทั้งหมดในวิกิพีเดีย) ข้อความaltต้องไม่เว้นว่าง และไม่ควรaltไม่มีพารามิเตอร์ เนื่องจากโปรแกรมอ่านหน้าจอเพื่ออธิบายวัตถุประสงค์ของลิงก์ จะใช้ค่าเริ่มต้นในการอ่านชื่อไฟล์รูปภาพเมื่อไม่มีaltข้อความ [5]สิ่งนี้มักจะไม่เป็นประโยชน์ ในตัวอย่างนโปเลียนข้างต้น โปรแกรมอ่านหน้าจอจะอ่านว่า "ลิงก์กราฟิกสแลช Jacques ยัติภังค์ Louis ขีดเส้นใต้ David ขีดเส้นใต้ศูนย์หนึ่งเจ็ด" หากเราไม่ได้ระบุaltพารามิเตอร์ [6]

รูปภาพที่มีการตกแต่งเพียงอย่างเดียว (ไม่ได้ให้ข้อมูลและมีวัตถุประสงค์เพื่อความสวยงามเท่านั้น) ไม่จำเป็นต้องมีข้อความแสดงแทน คำบรรยายภาพมักจะตรงตามข้อกำหนดสำหรับข้อความแสดงแทนโดยสมบูรณ์ อย่างไรก็ตาม สถานการณ์เดียวที่altยอมรับข้อความว่างได้คือเมื่อรูปภาพดังกล่าวถูกยกเลิกการเชื่อมโยง ซึ่งแทบจะเป็นไปไม่ได้เลย วิธีแก้ไขประการ หนึ่งคือการจัดเตรียมสิ่งที่มีประโยชน์ให้น้อยที่สุด เช่น|alt=photograph, |alt=paintingหรือ |alt=sculptureวิธีแก้ไขอีกวิธีหนึ่ง หากคำบรรยายไม่ได้อธิบายหรือระบุรูปภาพได้อยู่แล้ว ก็คือให้altข้อความอธิบายให้สั้นที่สุดเท่าที่จะทำได้

ผู้ชม

ผู้ชมสำหรับข้อความแสดงแทนรวมถึง :

  • ผู้อ่านที่มีความบกพร่องทางการมองเห็นในระดับที่แตกต่างกันซึ่งเรียกดูวิกิพีเดียโดยใช้โปรแกรมอ่านหน้าจอที่แปลข้อความเป็นคำพูดหรืออักษรเบรลล์เช่นJAWS , NVDAหรือOrca [3]
  • ผู้อ่านที่ใช้เบราว์เซอร์ที่ไม่รองรับรูปภาพ (เช่นLynx ) หรือได้รับการกำหนดค่าไม่ให้แสดงรูปภาพเหล่านั้น (เช่น เนื่องจากมีข้อมูลจำกัด) [3]
  • บอทเครื่องมือค้นหา [3]

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

วิธีการเขียนข้อความแสดงแทน

พื้นฐาน

ข้อความทางเลือกควรสั้น เช่น "นักบาสเกตบอล" หรือ "โทนี่ แบลร์จับมือกับจอร์จ ดับเบิลยู บุช" หากจำเป็นต้องยาวกว่านี้ รายละเอียดที่สำคัญควรปรากฏในสองสามคำแรก เพื่อให้ผู้ใช้โปรแกรมอ่านหน้าจอสามารถข้ามไปข้างหน้าได้เมื่อเข้าใจประเด็นสำคัญแล้ว คำอธิบายที่ยาวมากสามารถเหลือไว้สำหรับเนื้อหาของบทความได้ [1] MediaWikiไม่สนับสนุนแอตทริบิวต์ longdescของ HTML ผู้อ่านทุกคนจะทราบว่าองค์ประกอบนี้เป็นรูปภาพ ดังนั้นโดยทั่วไปจึงไม่จำเป็นต้องเพิ่ม "รูปถ่ายของ"

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

ความสำคัญของบริบท

เอลิซาเบธที่ 2 ทรงปราศรัยต่อสาธารณชน
เว้นแต่จะปรากฏในบทความเกี่ยวกับแฟชั่น ข้อความaltสำหรับรูปภาพของสมเด็จพระราชินีนาถเอลิซาเบธที่ 2 นี้ ไม่ควรเป็น "หญิงชราสวมหมวกสีดำ"

การทำความเข้าใจบริบทของภาพเป็นสิ่งสำคัญ แนวทางการเข้าถึงเนื้อหาเว็บของ World Wide Web Consortium (W3C) (WCAG) 2.0 แนะนำให้บรรณาธิการพิจารณาคำถามสี่ข้อ: [7]

  • เหตุใดเนื้อหานี้จึงไม่ใช่ข้อความที่นี่
  • นำเสนอข้อมูลอะไรบ้าง?
  • มันบรรลุจุดประสงค์อะไร?
  • ถ้าฉันไม่สามารถใช้เนื้อหาที่ไม่ใช่ข้อความได้ ฉันจะใช้คำใดในการสื่อถึงฟังก์ชันหรือข้อมูลเดียวกัน

ตัวอย่างเช่น สามารถใช้ ภาพของนโปเลียน โบนาปาร์ต ได้

  • บทความเกี่ยวกับผู้นำทางการทหารที่ยิ่งใหญ่ซึ่งแสดงให้เห็นตัวอย่างผู้นำดังกล่าว ข้อความแสดงแทนควรตั้งชื่อหัวเรื่อง
  • บทความเกี่ยวกับนโปเลียนที่แสดงให้เห็นว่าเขาหน้าตาเป็นอย่างไร ข้อความทางเลือกควรอธิบายโดยย่อเกี่ยวกับรูปลักษณ์ของเขาหากเป็นเรื่องสำคัญสำหรับบทความ
  • บทความเกี่ยวกับภาพวาดของเขา - ข้อความทางเลือกควรอธิบายภาพโดยย่อ

รูปภาพที่มีคำ

หากรูปภาพมีคำที่สำคัญต่อความเข้าใจของผู้อ่าน ข้อความแสดงแทนควรมีคำเหล่านั้น [1] หากมี อักขระที่ไม่ใช่ภาษาละติน ให้พิจารณาจัดให้มีการทับศัพท์ โปรแกรมอ่านหน้าจอที่ไม่ รองรับ Unicodeมีการรองรับอักขระนอกภาษาละติน-1 ที่แตกต่างกันอย่าง กว้างขวาง

คำบรรยายและข้อความใกล้เคียง

อ้างถึงคำบรรยายภาพ
เปรียบเทียบแปรงสีฟัน 3 ประเภทที่แตกต่างกัน

[การใช้งาน|alt=refer to caption. บทความและคำบรรยายอธิบายหัวเรื่อง และคำอธิบายaltอาจเป็นเพียงการซ้ำซ้อน]

สำหรับรายละเอียดของมาร์กอัปวิกิที่สร้างองค์ประกอบเหล่านี้ โปรดดูที่วิกิพีเดีย:ไวยากรณ์รูปภาพขยาย#ข้อความแสดงแทนและคำอธิบายภาพ

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

ในกรณีที่คำบรรยายอธิบายหรือกระตุ้นอารมณ์ภาพได้เพียงพอ หรือในกรณีที่ทำให้ชัดเจนว่ารูปภาพมีหน้าที่อะไร ทางเลือกหนึ่งคือ|alt=refer to captionเขียน ในกรณีที่ข้อความใกล้เคียงในบทความมีฟังก์ชันเดียวกัน ก็สามารถเป็น|alt=refer to adjacent textได้ [4]

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

แผนที่และไดอะแกรม

แผนที่ ไดอะแกรม และแผนภูมิ สี ตำแหน่ง และขนาดขององค์ประกอบไม่สำคัญ ให้มุ่งความสนใจไปที่ข้อมูลที่นำเสนอแทน ตัวอย่างเช่น แผนภูมิอาจมีข้อความแสดงแทน "ยอดขายในเดือนมิถุนายนสูงกว่าในเดือนกรกฎาคม และเดือนสิงหาคมยังสูงกว่านั้น" และภาพเคลื่อนไหวแบบไดอะแกรมอาจมีข้อความแสดงแทน "ภาพเคลื่อนไหวของเครื่องยนต์ในรถยนต์ที่กำลังเคลื่อนไหว" สูตรโครงสร้างของสารประกอบเคมีสามารถอธิบายได้อย่างชัดเจนโดยใช้ระบบการตั้งชื่อของ IUPACและ กล่องข้อมูล ยาหรือเคมีจะรวมข้อมูลนี้ไว้ด้วย

ภาพตกแต่ง

  • มอส:พีดีไอ
  • มอส:แบลนคาลต์

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

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

ในทั้งสองกรณี แอตทริบิวต์ Alt ว่างจะเหมาะสมที่สุด

  • สำหรับสาธารณสมบัติ CC0 หรือภาพที่ได้รับอนุญาตในทำนองเดียวกัน ให้ยกเลิกการเชื่อมโยงภาพและใช้แอตทริบิวต์ alt ที่ว่างเปล่า|link=|alt=: การรวมกันของการไม่มีลิงก์และแอตทริบิวต์ alt ที่ว่างเปล่าทำให้โปรแกรมอ่านหน้าจอข้ามรูปภาพ และทำให้เครื่องมือค้นหาข้ามรูปภาพในตัวอย่างข้อความของผลการค้นหา
  • สำหรับ CC BY-SA, GFDL หรือภาพที่ได้รับอนุญาตในทำนองเดียวกันไม่ ควร ใช้ ช่องว่าง |alt=และ|link=แอตทริบิวต์ เป็นนโยบายของวิกิพีเดียที่จะลิงก์รูปภาพเหล่านั้นเพื่อแสดงที่มา และรูปภาพที่เชื่อมโยงจะต้องมีแอตทริบิวต์ Alt ที่ไม่ว่างเปล่าเพื่อป้องกันลิงก์ว่าง ซึ่งส่งผลให้เกิดการประกาศที่สับสนในโปรแกรมอ่านหน้าจอ เมื่อต้องการแอตทริบิวต์ Alt ว่าง ให้ลองแทนที่รูปภาพ CC BY-SA ด้วยโดเมนสาธารณะที่เทียบเท่ากัน มิฉะนั้น ให้ใช้แอตทริบิวต์ alt แบบย่อ (เช่น, , หรือ) เพื่อลดข้อความที่ทำให้เกิดความสับสน|alt=photograph|alt=painting|alt=sculpture|alt=icon

ไอคอนที่สื่อข้อมูลที่ไม่พบในข้อความควรมีแอตทริบิวต์ Alt ที่อธิบายฟังก์ชัน ไม่ใช่ลักษณะที่ปรากฏ ตัวอย่างเช่น ไอคอนลูกศรที่ใช้นำทางไปยังหน้าต่อไปนี้ควรมีแอตทริบิวต์ alt เป็น|alt=next pagenot |alt=arrow pointing rightหากลูกศรมีลิงก์ข้อความอธิบายที่มีฟังก์ชันเดียวกันอยู่ด้วย แอตทริบิวต์ alt ที่ว่างเปล่าจะเหมาะสมกว่า [3]

ข้อความแสดงแทนในเทมเพลตและแกลเลอรี

เทมเพลต
เทมเพลตจำนวนมากเช่น {{ Infobox }} และ {{ Location map+ }} มีพารามิเตอร์ของตัวเองสำหรับระบุaltข้อความ หากเทมเพลตไม่มีพารามิเตอร์ดังกล่าว ให้พิจารณาขอให้เพิ่มเข้าไป

แกลเลอรี่
แท็<gallery>รองรับaltข้อความตั้งแต่ MediaWiki 1.18 [8] {{ แกลเลอรี }} และ {{ หลายภาพ }} ก็รองรับเช่นกัน สำหรับตัวอย่างการใช้ไวยากรณ์ของตารางเพื่อสร้างแกลเลอรี โปรดดูแกลเลอรี

ไทม์ไลน์
แท็ก <timeline> สร้างรูปภาพที่ไม่มีaltข้อความ เมื่อใช้ตารางแทน ให้เพิ่มสรุปตารางซึ่งโปรแกรมอ่านหน้าจอจะอ่านเพื่อให้เห็นภาพรวมของเนื้อหา

สูตรคณิตศาสตร์
<math>แท็กนี้ใช้เพื่อสร้างสูตรทางคณิตศาสตร์ สิ่งเหล่านี้อาจแสดงผลเป็นรูปภาพหรือใช้ข้อความ ขึ้นอยู่กับความซับซ้อนและการตั้งค่าของผู้ใช้ สำหรับสูตรอย่างง่าย ให้ใช้altพารามิเตอร์เพื่อแปลเป็นภาษาอังกฤษ สูตรที่ซับซ้อนมากขึ้นนั้นระบุได้ยาก และมาร์กอัปดั้งเดิมอาจเป็นตัวเลือกที่ดีที่สุด ซึ่งเป็นค่าเริ่มต้นหากไม่มีaltการระบุพารามิเตอร์

ลิงก์และการระบุแหล่งที่มา

การเขียน " |alt=" จะทำให้ซอฟต์แวร์ MediaWiki แสดงผล HTML ด้วยaltแอตทริบิวต์ว่างในimgแท็ก เมื่อรูปภาพเป็นลิงก์ โปรแกรมอ่านหน้าจอจะอ่านชื่อไฟล์ลิงก์ (เช่น "ขีดเส้นใต้เครื่องหมายทับสีเขียว") หากaltแอตทริบิวต์ HTML ว่างเปล่าหรือหายไป รูปภาพเกือบทั้งหมดในบทความวิกิพีเดียมีลิงก์ไปยังหน้าคำอธิบายรูปภาพ ซึ่งมีรูปภาพในเวอร์ชันที่ใหญ่กว่า ตลอดจนข้อมูลใบอนุญาตและการระบุแหล่งที่มา [หมายเหตุ 1]

บทความ Wikipedia บางครั้งมีรูปภาพที่ไม่ได้เชื่อมโยงไปยังหน้ารูปภาพ เช่น ไอคอนข้อมูล รูปภาพดังกล่าวควรได้รับการกำหนดค่าเพื่อให้โปรแกรมอ่านหน้าจอละเว้นรูปภาพเหล่านั้น สามารถทำได้โดยการเพิ่ม|link=|alt=มาร์กอัปรูปภาพวิกิ การลบลิงก์นั้นทำได้เฉพาะกับรูปภาพที่เป็นสาธารณสมบัติหรือCC0 ที่เทียบเท่า เท่านั้น ไม่ควรระงับลิงก์สำหรับรูปภาพใดๆ ที่ต้องระบุแหล่งที่มา

รูปภาพส่วนใหญ่ในบทความวิกิพีเดียไม่มีฟังก์ชันที่ใช้งานอยู่ ไม่ใช่ปุ่มหรือตัวเลือกเมนู ในกรณีที่รูปภาพทำหน้าที่เป็นลิงก์ไปยังบทความอื่น ให้ตั้งชื่อบทความในข้อความแสดงแทน เมื่อลิงก์ต่อไปนี้ดำเนินการ (เช่นsort ) ให้ระบุการดำเนินการ อย่าพูดว่า "คลิกที่นี่" หรือ "ลิงก์ไปยัง" เพราะผู้อ่านจะรู้อยู่แล้วว่ารูปภาพนั้นเป็นลิงก์และอาจไม่ได้คลิกปุ่มเมาส์บนรูปภาพนั้น [9]

ตัวอย่าง

ตัวอย่างของข้อความแสดงแทน
วิกิโค้ด รับชมได้ปกติ โปรแกรมอ่านหน้าจอ เหตุผล
[[ ไฟล์: Dannebrog.jpg | นิ้วหัวแม่มือ| ศูนย์| ตั้งตรง= 0.75 | alt =ธงสีแดงที่แบ่งออกเป็นสี่ส่วนด้วยกากบาทสีขาว เยื้องไปทางซ้ายเล็กน้อย | การออกแบบ [[ ธงชาติ]]ที่เก่าแก่ที่สุดที่ยังคงใช้อยู่คือ[[ เดนมาร์ก]]ของศตวรรษที่ 13 '' [[ ธงชาติเดนมาร์ก| แดนเนบร็อก]] '' . ]]
ธงสีแดงแบ่งออกเป็นสี่ส่วนด้วยกากบาทสีขาวเบี่ยงไปทางซ้ายเล็กน้อย
การออกแบบ ธงชาติที่เก่าแก่ที่สุดที่ยังคงใช้อยู่คือDannebrog ของเดนมาร์กในศตวรรษที่ 13
ลิงค์ กราฟิกธงสีแดงแบ่งออกเป็นสี่ส่วนด้วยกากบาทสีขาว เยื้องไปทางซ้ายเล็กน้อย การออกแบบธงชาติลิงค์ที่เก่าแก่ที่สุด ที่ยังคงใช้อยู่คือ ลิงค์ลิงค์ Dannebrog ของเดนมาร์กในศตวรรษที่ 13 บทความ: Flag
จุดประสงค์ของภาพคือเพื่อแสดงลักษณะของธง Dannebrog ของเดนมาร์ก ภาพถ่ายอาจถูกแทนที่ด้วยกราฟิกแบบแบนและมีจุดประสงค์เดียวกัน ดังนั้นเสาธง การพลิ้วไหว และท้องฟ้าจึงไม่สำคัญ
[[ ไฟล์: Glass-half-full.jpeg | นิ้วหัวแม่มือ| ศูนย์| ตั้งตรง= 0.75 | alt =น้ำใสไหลออกมาจากพวยกา | ฟลูออไรด์ไม่ส่งผลต่อรูปลักษณ์ รสชาติ หรือกลิ่นของ[ [ น้ำดื่ม]] ]]
น้ำใสไหลออกมาจากพวยกา
ฟลูออไรด์ไม่ส่งผลต่อรูปลักษณ์ รส หรือกลิ่นของน้ำดื่ม
ลิงค์ กราฟิกน้ำใสไหลออกมาจากพวยกา ฟลูออไรด์ไม่ส่งผลต่อรูปลักษณ์ รส หรือกลิ่นของน้ำดื่ม ลิงค์ Article: Water fluoridation
นี่คือภาพสต็อกที่ได้รับเลือกมาตกแต่งเสียงกัดจากบทความเกี่ยวกับน้ำประปา รูปภาพเป็นลิงก์จึงจำเป็นต้องมีaltข้อความ เนื่องจากคำบรรยายไม่ได้ระบุถึงรูปภาพ คำอธิบายสั้นๆ จึงเหมาะสม
[[ ไฟล์: แบลร์ บุช ไวท์เฮาส์ (2004-11-12).jpg | นิ้วหัวแม่มือ| ศูนย์| ตั้งตรง= 0.75 | alt = Tony Blair และ George W. Bush จับมือกันที่งานแถลงข่าว | แบลร์และบุชเห็นด้วยกับยุทธศาสตร์เพื่อสันติภาพในตะวันออกกลางเมื่อวันที่ 12 พฤศจิกายน พ.ศ. 2547 ]]
Tony Blair และ George W. Bush จับมือกันในงานแถลงข่าว
แบลร์และบุชเห็นด้วยกับยุทธศาสตร์เพื่อสันติภาพในตะวันออกกลางเมื่อวันที่ 12 พฤศจิกายน พ.ศ. 2547
ลิงก์ กราฟิก Tony Blair และ George W. Bush จับมือกันที่งานแถลงข่าว แบลร์และบุชเห็นด้วยกับยุทธศาสตร์เพื่อสันติภาพในตะวันออกกลางเมื่อวันที่ 12 พฤศจิกายน พ.ศ. 2547 ภาพแสดงให้เห็นพวกเขาทักทายกันด้วยการจับมือกันระหว่างงานแถลงข่าว

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

ตัวอย่างข้อความแสดงแทนที่ผิดปกติ
วิกิข้อความ รับชมได้ปกติ โปรแกรมอ่านหน้าจอ เหตุผล
[[ ไฟล์: Commons-logo.svg | ไร้กรอบ| ตั้งตรง= 0.23 | ชายแดน| ศูนย์| link = Commons:พิเศษ:ค้นหา| ค้นหาวิกิมีเดียคอมมอนส์]]
ค้นหาในวิกิมีเดียคอมมอนส์
ลิงค์ กราฟิกค้นหา Wikimedia Commons วัตถุประสงค์ของรูปภาพ ซึ่งเป็นไอคอน คือ เพื่อเป็นลิงก์ไปยังหน้าค้นหาของคอมมอนส์ รูปลักษณ์ของไอคอนนั้นไม่สำคัญ แต่หน้าที่ของมันคือ โดยการเขียนข้อความแสดงแทนในช่อง "คำบรรยาย" ของมาร์กอัปรูปภาพ จะเป็นทั้งaltข้อความและชื่อลิงก์ ชื่อลิงก์ปรากฏเป็นคำแนะนำเครื่องมือในบางเบราว์เซอร์
<แผนที่รูปภาพ>
ไฟล์:Bryan-Sewall.jpg|thumb|upright=0.75|center|alt=1896 โปสเตอร์รณรงค์เพื่อประชาธิปไตย
วงกลม 950 850 700 [[ William Jennings Bryan | วิลเลียม เจ. ไบรอัน ]]
วงกลม 2950 850 700 [[ Arthur Sewall ]]
ค่าเริ่มต้น [ http://projects.vassar.edu/1896/democrats.html 1896 เว็บไซต์พรรคเดโมแครต]
 </imagemap>
William J. BryanArthur Sewall
รูปภาพพื้นฐานมีข้อความแสดงแทน "โปสเตอร์รณรงค์ประชาธิปไตย พ.ศ. 2439" วงกลมด้านซ้ายมีข้อความแสดงแทน "William J. Bryan" วงกลมด้านขวามีaltข้อความ "Arthur Sewall" สีน้ำเงิน( i )มีaltข้อความ "เกี่ยวกับภาพนี้" ทั้งหมดนี้ทำซ้ำเป็นข้อความชื่อลิงก์ ซึ่งให้คำแนะนำเครื่องมือในบางเบราว์เซอร์ ยกเว้นรูปภาพพื้นฐานซึ่งมีชื่อลิงก์ "1896 Democrats Website" บรรทัดแรกระบุข้อความของรูปภาพพื้นฐานaltซึ่งในกรณีนี้คือการระบุรูปภาพ แต่ละบรรทัดต่อมาจะระบุaltข้อความสำหรับลิงก์ภูมิภาค ซึ่งควรเป็นจุดประสงค์ของลิงก์ [10]
ดาวพุธ ดาวศุกร์ โลก ดาวอังคาร < br />[[ ไฟล์: Gray line.png | อื่น ๆ= | link = ]]< br />ดาวพฤหัสบดี ดาวเสาร์ ดาวยูเรนัส ดาวเนปจูน
  
ดาวพุธ ดาวศุกร์ โลก ดาวอังคาร ดาวพฤหัสบดี ดาวเสาร์ ดาวยูเรนัส ดาวเนปจูน

ดาวพุธ ดาวศุกร์ โลก ดาวอังคาร ดาวพฤหัสบดี ดาวเสาร์ ดาวยูเรนัส ดาวเนปจูน รูปภาพมีโครงสร้างภาพแต่ไม่มีข้อมูลที่จำเป็น เนื่องจากรูปภาพเป็นสาธารณสมบัติ จึงไม่จำเป็นต้องระบุแหล่งที่มาและสามารถวางลิงก์ได้ ทำให้เราสามารถระบุแอตทริบิวต์ว่างได้altดังนั้นชื่อไฟล์จึงไม่ถูกอ่านโดยโปรแกรมอ่านหน้าจอ การรวมกันของการไม่มีลิงก์และaltแอตทริบิวต์ว่างจะทำให้โปรแกรมอ่านหน้าจอข้ามรูปภาพไปโดยสิ้นเชิง
[[ ไฟล์: Ambox คำเตือน pn.svg | 28x28px | อื่น ๆ= | link = ]]  < strong >คำเตือน: </ strong >อย่าวิ่งด้วยกรรไกร
คำเตือนห้ามวิ่งด้วยกรรไกร คำเตือน ห้ามวิ่งด้วยกรรไกร รูปภาพจะทำซ้ำข้อมูลที่สื่อโดยคำที่อยู่ติดกัน "คำเตือน" อย่างเคร่งครัด เนื่องจาก "คำเตือน" เป็นข้อความแสดงแทนที่เพียงพอaltแอตทริบิวต์ว่างจึงเหมาะสม

หมายเหตุ

  1. WebAIM กล่าวว่า "รูปภาพที่เป็นสิ่งเดียวที่อยู่ภายในลิงก์จะต้องไม่มีaltแอตทริบิวต์ที่ขาดหายไปหรือเป็นโมฆะ เนื่องจากโปรแกรมอ่านหน้าจอจะต้องอ่านบางอย่างเพื่อระบุลิงก์" [3]โปรแกรมจำลองโปรแกรมอ่านหน้าจอ Fangs ยืนยันสิ่งนี้

อ้างอิง

  1. ↑ เอบีซี W3C. G94: การจัดเตรียมทางเลือกข้อความสั้นสำหรับเนื้อหาที่ไม่ใช่ข้อความซึ่งมีจุดประสงค์เดียวกันและนำเสนอข้อมูลเดียวกันกับเนื้อหาที่ไม่ใช่ข้อความ 11 ธันวาคม 2551 [สืบค้นเมื่อ 4 เมษายน 2553]
  2. Lazar J, Allen A, Kleinman J, Malarkey C. สิ่งที่ทำให้ผู้ใช้โปรแกรมอ่านหน้าจอบนเว็บหงุดหงิด: การศึกษาผู้ใช้ตาบอด 100 ราย [PDF] Int J Hum คอมพิวเตอร์โต้ตอบ 2007;22(3):247–69. ดอย :10.1080/10447310709336964.
  3. ↑ abcdef 2020 WebAIM ศูนย์คนพิการมหาวิทยาลัยแห่งรัฐยูทาห์ ข้อความแสดงแทน [สืบค้นเมื่อ 30 กันยายน 2020].
  4. ↑ ab G74: การระบุคำอธิบายแบบยาวในข้อความใกล้กับเนื้อหาที่ไม่ใช่ข้อความ โดยมีการอ้างอิงตำแหน่งของคำอธิบายแบบยาวในคำอธิบายแบบสั้น เทคนิค WCAG 2.0
    WebAim เขียนว่า: "[T] คุณลักษณะ alt (บางครั้งเรียกว่าแท็ก alt แม้ว่าในทางเทคนิคจะไม่ถูกต้อง) ไม่ใช่กลไกเดียวในการจัดเตรียมเนื้อหาและฟังก์ชันของรูปภาพ ข้อมูลนี้ยังสามารถระบุเป็นข้อความที่อยู่ติดกับรูปภาพได้อีกด้วย หรือภายในหน้าที่มีรูปภาพนั้น ... คำว่าข้อความทางเลือกที่ใช้ในบทความนี้หมายถึงข้อความที่เทียบเท่ากับรูปภาพไม่ว่าข้อความนั้นจะอยู่ที่ใด มันไม่ได้อ้างอิงถึงแอตทริบิวต์ alt ของรูปภาพเท่านั้น แท็ก ดู WebAIM Alternative Text Basics เข้าถึงเมื่อ 30 กันยายน 2020
  5. W3C. F89: ความล้มเหลว (...) เนื่องจากการใช้ alt alt บนรูปภาพโดยที่รูปภาพเป็นเนื้อหาเดียวในลิงก์ เทคนิคสำหรับ WCAG 2.0 เข้าถึงเมื่อวันที่ 5 พฤศจิกายน 2014
  6. WebAIM กล่าวว่า: "รูปภาพที่เป็นสิ่งเดียวที่อยู่ภายในลิงก์จะต้องไม่มีaltแอตทริบิวต์ที่ขาดหายไปหรือเป็นโมฆะ เนื่องจากโปรแกรมอ่านหน้าจอจะต้องอ่านบางอย่างเพื่อระบุลิงก์" ดู WebAIM บริบทคือทุกสิ่ง เข้าถึงเมื่อวันที่ 30 กันยายน 2020
  7. W3C. การทำความเข้าใจเกณฑ์ความสำเร็จ 1.1.1; ทำความเข้าใจกับ WCAG 2.0; 11 ธันวาคม 2551 [สืบค้นเมื่อ 4 เมษายน 2553]
  8. บั๊กวิกิมีเดีย 18682
  9. เพทรี, เฮเลน; แฮร์ริสัน, จันทรา; และเดฟ ซันดีป อธิบายภาพบนเว็บ: การสำรวจแนวทางปฏิบัติในปัจจุบันและแนวโน้มในอนาคต, Centre for Human Computer Interaction Design, City University London, เข้าถึงเมื่อวันที่ 8 มิถุนายน 2010
  10. W3C. H24: การจัดเตรียมข้อความทางเลือกสำหรับองค์ประกอบพื้นที่ของแผนที่รูปภาพ เทคนิค WCAG 2.0

ลิงค์ภายนอก

  • ข้อกำหนดในการจัดเตรียมข้อความเพื่อใช้เป็นทางเลือกสำหรับรูปภาพ – ในข้อกำหนด HTML 5
  • เครื่องมือ Altviewer สำหรับตรวจสอบข้อความแสดงแทนในบทความ
ดึงมาจาก "https://en.wikipedia.org/w/index.php?title=Wikipedia:Manual_of_Style/Accessibility/Alternative_text_for_images&oldid=1211628077"