Go to the profile of fufudogu
fufudogu

รู้ป่ะ! Facebook ทำ Automatic alt Text ให้กับทุกรูปที่เราโพสนะ

หลายวันก่อนพาตัวเองไปวิ่งที่สวนจตุจักรแล้วโพสรูปลงสเตตัสใน Facebook ปรากฏว่าเจ้าเพื่อนโปรแกรมเมอร์ตัวแสบไม่รุ้มันนึกฝันยังไงไปแงะ code มาดูก็เลยได้จ๊ะเอ๊ะกับสิ่งนี้ทำให้รู้ว่า

ทุกครั้งที่เราโพสรูปลงสเตตัสนั้น Facebook จะทำ Automatic alternative text (คำอธิบายรูปภาพ)ให้กับรูปของเราด้วย

คำอธิบายรูปคืออะไร (Alternative text)

มันก็คือคำอธิบายรูปยังไงล่ะ!… เอ๊ะ แต่บางคนอาจจะยังไม่รู้ว่ามันมีไว้ทำไมกันเมื่อเราก็เห็นรูปภาพอยู่แล้วไงนี่ เคยเจออะไรแบบนี้ไหมครับ ?

ตัวอย่างการไม่ใส่ alt ให้กับรูปภาพ

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

สำหรับ Web Accessibility นั้น คุณรู้หรือไม่ว่าเป็นประโยชน์สำหรับผู้มีปัญหาทางสายตาครับ(คนตาบอด) เพราะสำหรับคนตาบอดจะใช้หูฟังแทนตาเป็นประตูออกไปสู่โลกกว้าง

ลองนึกดูง่ายๆ ครับว่าเมื่อคนตาบอดเปิดเว็บไซต์ขึ้นมาแล้วภายในเว็บไซต์ไม่มีการใส่คำอธิบายรูปใดๆ มันจะสยองพอตัวเลย เพราะ Screen Reader จะอ่านเจอแต่ Image, Image, Image อ่อ… รู้แล้ว แต่มันคือรูปอะไรอ่ะ พระเจ้า!

Facebook Accessibility

Facebook ทดลองและทดสอบฟังชั่นนี้ว่า 10 เดือนก่อนที่จะปล่อยออกมาให้ได้ใช้กัน และทยอยปล่อยแค่บางประเทศและบางภาษาก่อนด้วย แต่วันนี้สามารถใช้ภาษาไทยแล้วนะ เย้!

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

  1. People
  2. Objects
  3. Scenes

โดยจะอธิบายจำนวนคนที่อยู่ในรูปและบอกถึงสีหน้าว่ากำลังยิ้มอยู่หรือไม่ จากนั้นจะบอกถึงสิ่งของภายในภาพ สุดท้ายคือสถานที่บอกว่ารูปนั้นอยู่ใน indoor หรือ outdoor และจะขึ้นต้นข้อความว่า “ในภาพอาจจะ…”

ดูตัวอย่างกัน

ในภาพอาจจะมี 4 คน คนที่ยิ้ม , สถานที่กลางแจ้ง
ในภาพอาจจะมี แมว และ สถานที่ในร่ม
ในภาพอาจจะมี ต้นไม้, สถานที่กลางแจ้ง, หนึ่งคนขึ้นไป และ ธรรมชาติ
ในภาพอาจจะมี รองเท้า และ สถานที่ในร่ม
ในภาพอาจจะมี ต้นพืช, ดอกไม้, ต้นไม้, สถานที่กลางแจ้ง และ ธรรมชาติ
ในภาพอาจจะมี อาหาร

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

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

อ้างอิง

  1. Under the hood: Building accessibility tools for the visually impaired on Facebook
  2. https://www.facebook.com/accessibility

ขอบคุณรูปตัวอย่างจากเพื่อนๆ

  1. Wiphan Tai
  2. Siriwat Noomz Uamngamsup