Alternative Text คืออะไร ?
ALT Text หรือ Alternative Text คือข้อความคำอธิบายที่ใช้แทนภาพบนเว็บไซต์หรือแอปพลิเคชัน เพื่อให้ผู้ใช้ที่ไม่สามารถมองเห็นภาพนั้นได้ สามารถเข้าใจได้ว่าภาพนั้นคืออะไร หรือเกี่ยวกับอะไร โดย ALT Text จะถูกอ่านออกมาโดยโปรแกรมอ่านหน้าจอ (screen reader) สำหรับผู้ที่มีความบกพร่องทางการมองเห็น นอกจากนี้ ALT Text ยังมีบทบาทสำคัญในการปรับปรุง SEO ของเว็บไซต์ เนื่องจากเครื่องมือค้นหาไม่สามารถเข้าใจภาพได้โดยตรง แต่สามารถเข้าใจเนื้อหาของภาพผ่าน ALT Text ที่กำหนดไว้
การเขียน ALT Text ควรเป็นการอธิบายภาพอย่างสั้น กระชับ และตรงประเด็น ไม่ควรยาวเกินไปหรือใส่ข้อมูลที่ไม่จำเป็น และควรหลีกเลี่ยงการใช้คำว่า “ภาพของ” หรือ “รูปภาพ” เพราะโปรแกรมอ่านหน้าจอจะทราบอยู่แล้วว่าข้อความนี้เป็นคำอธิบายของภาพ
ALT Text ให้มาเพิ่มตรงไหน ?
ALT Text (Alternative Text) เป็นข้อความที่ใช้ในการอธิบายรูปภาพหรือกราฟิกบนเว็บไซต์หรือเอกสารออนไลน์ เพื่อให้คนที่ไม่สามารถมองเห็นรูปภาพนั้น ๆ ได้เข้าใจว่าเป็นรูปภาพอะไร และเพื่อช่วยให้เครื่องมืออ่านหน้าจอ (screen readers) สามารถบอกข้อมูลนั้นแก่ผู้ใช้ที่มีความบกพร่องทางการมองเห็น
การเพิ่ม ALT Text คุณสามารถทำได้ดังนี้
1. HTML: ในกรณีที่คุณใช้ HTML เพื่อเพิ่มรูปภาพบนเว็บไซต์ คุณสามารถเพิ่ม ALT Text ได้ใน tag โดยเพิ่ม attribute alt เช่น
- <img src=”logo.jpg” alt=”โลโก้บริษัท” />
ตัวอย่าง
- <img src=”logo.jpg” alt=”โลโก้บริษัท” />
2. WordPress: เมื่อคุณอัปโหลดรูปภาพไปยัง WordPress คุณสามารถเพิ่ม ALT Text ในหน้าต่างการแก้ไขรูปภาพได้ โดยช่องสำหรับใส่ ALT Text จะอยู่ในส่วนของ “รายละเอียดไฟล์สื่อ” หรือ “Attachment Details”
3. Microsoft Word หรือ Google Docs: ในโปรแกรมจัดการเอกสารต่าง ๆ คุณสามารถคลิกขวาที่รูปภาพ จากนั้นเลือก “รูปภาพ > แก้ไข Alt Text” (ใน Word) หรือ “เพิ่ม Alt Text” (ใน Google Docs)
การเขียน ALT Text ควรเขียนให้สั้น กระชับ และอธิบายสิ่งที่อยู่ในภาพอย่างชัดเจน
เทคนิคเขียน Alternative Text ทำได้อย่างไร ?
การเขียน Alternative Text (Alt Text) เป็นสิ่งสำคัญในการทำให้เนื้อหาออนไลน์สามารถเข้าถึงได้มากขึ้น โดยเฉพาะสำหรับผู้ที่ใช้เครื่องมืออ่านหน้าจอ (screen reader) เนื่องจากพวกเขาไม่สามารถเห็นรูปภาพได้ การเขียน Alt Text ที่ดีจะช่วยให้ผู้ใช้งานเข้าใจถึงเนื้อหาหรือจุดประสงค์ของภาพนั้นๆ ต่อไปนี้เป็นเทคนิคในการเขียน Alt Text ที่มีประสิทธิภาพ
1. อธิบายสิ่งที่อยู่ในภาพ
เขียนคำอธิบายที่ชัดเจนและกระชับเกี่ยวกับสิ่งที่ปรากฏในภาพ เช่น “เด็กผู้ชายกำลังถือบอล” หรือ “โลโก้ของบริษัท”
2. เน้นที่เนื้อหาสำคัญ
หากภาพนั้นมีข้อมูลสำคัญที่ควรรับรู้ เช่น แผนภูมิ หรือกราฟ ควรอธิบายข้อมูลที่สำคัญใน Alt Text เช่น “แผนภูมิแท่งแสดงยอดขายประจำปีที่เพิ่มขึ้น”
3. หลีกเลี่ยงการใช้คำที่ไม่จำเป็น
ไม่จำเป็นต้องใช้คำว่า “รูปภาพของ…” หรือ “ภาพนี้เป็น…” เพราะผู้ใช้งานเครื่องมืออ่านหน้าจอจะทราบว่าเป็นรูปภาพอยู่แล้ว
4. พิจารณาบริบท
คำนึงถึงบริบทของภาพกับเนื้อหาที่ล้อมรอบ หากภาพมีบทบาทสำคัญในบทความหรือเนื้อหาที่กำลังเขียน ควรเขียน Alt Text ที่สะท้อนถึงบทบาทนั้น
5. อย่าทิ้ง Alt Text ว่าง
หากภาพนั้นไม่มีความสำคัญหรือเป็นภาพที่ใช้เพื่อการตกแต่งเท่านั้น สามารถใส่ Alt Text ว่าง (Alt=””) เพื่อให้เครื่องมืออ่านหน้าจอข้ามภาพนั้นไป
6. ใช้คำที่เข้าใจง่าย
ใช้ภาษาที่เข้าใจง่ายและตรงไปตรงมา เพื่อให้ผู้ใช้งานสามารถเข้าใจได้ทันที
7. ระบุรายละเอียดเท่าที่จำเป็น
ไม่ต้องอธิบายทุกรายละเอียดในภาพ แต่เน้นเฉพาะส่วนที่มีความสำคัญต่อการสื่อความหมาย