ข้อความ alt ของรูปภาพสินค้า คือจุดที่ภาพไดอะแกรมบอกขนาดของคุณเงียบหายไปเฉย ๆ รูปโหลดขึ้นมาครบ ตัวเลขขนาดอยู่ตรงนั้นด้วยฟอนต์ขนาด 48 พอยต์ แต่ผู้อ่านทุกรายที่ไม่ใช่ดวงตามนุษย์ — โปรแกรมอ่านหน้าจอ บอตเก็บข้อมูลของเสิร์ชเอนจิน เอนจินตอบคำถาม AI — ได้ค่าว่างเปล่ากลับไป
รายงานเบนช์มาร์กด้านการเข้าถึงของเว็บอีคอมเมิร์ซจาก Baymard Institute ใส่ตัวเลขให้เรื่องนี้ไว้ชัดเจน: 55% ของเว็บอีคอมเมิร์ซไม่ได้ใช้ข้อความ alt สื่อสารเนื้อหาหลักของภาพที่ให้ข้อมูล, 64% ฝังตัวหนังสือลงไปในรูปตรง ๆ และ 9% นำเสนอข้อมูลที่ซับซ้อนในรูปแบบภาพเพียงอย่างเดียว ถ้าคุณขายเฟอร์นิเจอร์ อุปกรณ์ฮาร์ดแวร์ หรือวัสดุก่อสร้าง 9% ก้อนสุดท้ายนั้นแทบจะแน่นอนว่าคือคุณ เพราะตารางไซซ์ของคุณเป็นไฟล์ JPEG
ด้านล่างคือรูปแบบการเขียน alt หกแบบที่ดึงมาจากแกลเลอรีหน้าสินค้าจริง พร้อมเหตุผลว่าแต่ละแบบพังตรงไหน และควรเขียนอะไรแทน
ข้อความ alt ของรูปภาพสินค้า ต้องทำหน้าที่อะไรจริง ๆ
ข้อความ alt ของรูปภาพสินค้า คือข้อความทางเลือกที่เก็บอยู่ในแอตทริบิวต์ alt ของรูป — เป็นถ้อยคำที่โปรแกรมอ่านหน้าจออ่านออกมาแทนภาพ และเป็นคำอธิบายเดียวของภาพนั้นที่ระบบซึ่งมองภาพไม่ได้จะเข้าถึงได้
มันมีผู้อ่านสองกลุ่ม และผู้ขายส่วนใหญ่คิดเผื่อไว้แค่กลุ่มแรก
| ผู้อ่าน | ใช้ข้อความ alt ทำอะไร | ได้อะไรกลับไปเมื่อ alt เขียนผิด |
|---|---|---|
| ผู้ใช้โปรแกรมอ่านหน้าจอ | เนื้อหาทั้งหมดของภาพ | ความเงียบ หรือชื่อไฟล์ที่ถูกสะกดทีละตัวอักษร |
| บอตเก็บข้อมูลของเสิร์ชเอนจิน | บริบทของภาพและหัวข้อของหน้า | ไม่มีสัญญาณใด ๆ ภาพไม่ติดอันดับคำไหนเลย |
| เอนจินตอบคำถาม AI | เวอร์ชันเดียวที่เครื่องอ่านได้ว่าภาพนั้นแสดงอะไร | เท่าที่ HTML ของคุณเขียนไว้ ซึ่งบางทีก็ไม่มีอะไรเลย |
| ระบบ PIM หรือไฟล์ฟีดของคุณเอง | คำบรรยายภาพที่ส่งต่อไปยังมาร์เก็ตเพลสและแคตตาล็อก | ช่องว่างเปล่าที่คู่ค้าช่องทางขายกรอกให้แบบมั่ว ๆ |
Web Accessibility Initiative ของ W3C พูดถึงต้นตอของปัญหาไว้ตรงไปตรงมา: เมื่อตัวหนังสือถูกอบรวมเข้าไปในรูป "ถือเป็นแนวปฏิบัติที่ดีที่จะใช้ข้อความจริงซึ่งจัดรูปแบบด้วย CSS แทนการนำเสนอข้อความในรูปแบบภาพ" และในกรณีที่เลี่ยงภาพของตัวหนังสือไม่ได้จริง ๆ ข้อความทางเลือกต้องมีตัวหนังสือชุดเดียวกันเป๊ะกับที่ปรากฏในภาพ ตัวเลขขนาดที่พิมพ์อยู่ในไฟล์ JPEG ไม่ใช่ข้อมูลสินค้า มันคือรูปถ่ายของข้อมูลสินค้า และไม่มีอะไรอ่านมันได้นอกจากดวงตามนุษย์
ตอนนี้เรื่องนี้มีมิติทางกฎหมายในยุโรปเพิ่มเข้ามาแล้ว European Accessibility Act — ไดเรกทิฟ (EU) 2019/882 — ระบุบริการอีคอมเมิร์ซไว้ในมาตรา 2(2)(f) ว่าเป็นบริการที่อยู่ในขอบเขต และประเทศสมาชิกบังคับใช้มาตั้งแต่วันที่ 28 มิถุนายน 2025 วิสาหกิจรายย่อยที่ให้บริการได้รับการยกเว้นตามมาตรา 4(5) โดยมาตรา 3(23) นิยามวิสาหกิจรายย่อยว่าคือกิจการที่มีบุคลากรน้อยกว่า 10 คน และมียอดขายต่อปีหรือยอดรวมงบดุลไม่เกิน 2 ล้านยูโร ถ้าคุณใหญ่กว่านั้นและขายให้ผู้บริโภคในสหภาพยุโรป ไฟล์ JPEG ตารางไซซ์ก็ไม่ใช่แค่ปัญหาคอนเวอร์ชันอีกต่อไป
รูปแบบที่ผิดข้อ 1: ใช้ชื่อไฟล์
alt="IMG_4821.jpg" alt="sofa-3-final-v2-USE-THIS" alt="chair_dim_01"
นี่คือสิ่งที่ได้เมื่อเอกซ์ปอร์ตรูปออกจากโฟลเดอร์แล้วอัปโหลดทีเดียวทั้งชุดโดยไม่มีใครเขียนคำบรรยาย บนหน้าที่ไม่มีแอตทริบิวต์ alt โปรแกรมอ่านหน้าจอส่วนใหญ่จะย้อนไปอ่านชื่อไฟล์แทน ลูกค้าจึงได้ยินว่า "ไอ เอ็ม จี อันเดอร์สกอร์ สี่ แปด สอง หนึ่ง จุด เจ พี จี" แล้วก็เลื่อนผ่านไป
วิธีแก้ไม่ได้ฉลาดอะไรเลย มันคือประโยคหนึ่งประโยคที่บรรยายสินค้าชิ้นนั้นในภาพใบนั้น
| แทนที่จะเขียน | ให้เขียน |
|---|---|
alt="IMG_4821.jpg" |
alt="โต๊ะอาหารไม้โอ๊ก ยาว 180 ซม. มองจากด้านหน้า" |
alt="chair_dim_01" |
alt="ไดอะแกรมขนาดเก้าอี้อาหาร: ความสูงที่นั่ง 46 ซม. ความสูงรวม 88 ซม. ความกว้างที่นั่ง 45 ซม." |
รูปแบบที่ผิดข้อ 2: ยัดคีย์เวิร์ด
alt="sofa couch settee 3 seater sofa cheap sofa modern sofa living room sofa buy sofa online"
เอกสารเรื่องรูปภาพของ Google เองพูดถึงเรื่องนี้ตรง ๆ ว่าข้อความ alt คือ "แอตทริบิวต์ที่สำคัญที่สุดในการให้ข้อมูลเมตาเพิ่มเติมเกี่ยวกับรูปภาพ" และการยัดคีย์เวิร์ดลงไป "ทำให้ประสบการณ์ผู้ใช้แย่ลง และอาจทำให้เว็บไซต์ของคุณถูกมองว่าเป็นสแปม" ตัวอย่างที่ Google เผยแพร่ว่าเป็นตัวอย่าง ที่ดี ยาวแค่สี่คำ: alt="Dalmatian puppy playing fetch"
ยังมีต้นทุนอีกข้อที่ไม่มีใครพูดถึง โปรแกรมอ่านหน้าจอจะอ่านสตริงทั้งก้อน ด้วยความเร็วอ่านของผู้ใช้ และข้ามไม่ได้ คีย์เวิร์ดซ้ำ ๆ เก้าคำก็คือเสียงรบกวนเก้าวินาที ก่อนที่เขาจะได้รู้อะไรเกี่ยวกับสินค้าของคุณสักอย่าง
เขียนคำอธิบายที่ตรงความจริงเพียงอันเดียว คีย์เวิร์ดที่คุณอยากติดอันดับจริง ๆ จะอยู่ในนั้นเองอย่างเป็นธรรมชาติ หนึ่งครั้ง
รูปแบบที่ผิดข้อ 3: ตารางไซซ์ที่มีอยู่แค่ในรูป
ข้อนี้แพงที่สุด และเป็นค่าตั้งต้นของวงการเฟอร์นิเจอร์ เสื้อผ้า และวัสดุก่อสร้าง นั่นคือเอาตารางวัดขนาดทั้งตารางไปเอกซ์ปอร์ตเป็น PNG ขนาด 1200 px แล้วโยนเข้าแกลเลอรี
W3C จัดกรณีนี้เป็น ภาพที่ซับซ้อน และระบุว่าต้องมีข้อความทางเลือกสองส่วน — คำอธิบายสั้นที่บอกว่าภาพนี้คืออะไรและชี้ไปยังคำอธิบายยาว กับคำอธิบายยาวที่เป็น "การนำเสนอข้อมูลสำคัญที่ภาพสื่อออกมาในรูปแบบตัวหนังสือ" ซึ่งต้องให้ทุกคนเข้าถึงได้ ไม่ใช่ซ่อนไว้
ในทางปฏิบัติ คำว่า "ให้ทุกคนเข้าถึงได้" คือคำตอบทั้งหมด อย่าพยายามยัดค่าวัดสิบสองค่าลงในแอตทริบิวต์ alt ให้เผยแพร่ตารางนั้นเป็นตาราง HTML จริง ๆ บนหน้า แล้วให้แอตทริบิวต์ alt ชี้ไปที่ตารางนั้น
alt="ตารางไซซ์ของโซฟาซีรีส์ Larsen ตัวเลขขนาดชุดเดียวกันอยู่ในตารางด้านล่าง"
จากนั้นวางตารางไว้ด้านล่างจริง ๆ มันไม่ได้ทำให้คุณเสียอะไรเลย ตารางที่มาร์กอัปไว้จะถูกจัดทำดัชนีได้ ถูกเอนจินตอบคำถาม AI หยิบไปอ้างอิงได้ แปลภาษาได้ และย่อขยายบนมือถือได้ ซึ่ง PNG ขนาด 1200 px ที่ใช้ตัวอักษร 9 พอยต์ทำไม่ได้ หน้าอ้างอิงอย่าง ขนาดมาตรฐานของโซฟา มีอยู่ในรูปแบบตัวหนังสือก็ด้วยเหตุผลนี้เป๊ะ ๆ ถ้าคุณอยากได้ตัวเลขบนตัวรูปด้วยสำหรับคนซื้อที่ไม่เคยเลื่อนหน้าลงมา ก็เก็บไว้ทั้งสองอย่าง รูปกับตารางไม่ได้แข่งกัน รูปที่ไม่มีตารางต่างหากคือปัญหา
รูปแบบที่ผิดข้อ 4: บรรยายภาพถ่ายแทนที่จะบอกตัวเลข
alt="โซฟาผ้าสีเทาในห้องนั่งเล่นโปร่งสว่าง" — แต่ใส่ไว้บนไดอะแกรมบอกขนาด
นี่คือความผิดพลาดที่เนียนที่สุด เพราะประโยคนี้ถูกต้องในทางเทคนิค มันบรรยายภาพหนึ่งภาพ เพียงแต่มันไม่ได้บรรยาย ภาพนี้ ซึ่งเหตุผลทั้งหมดของการมีอยู่คือมันแบกค่าวัดห้าค่าที่คำอธิบายสินค้าไม่มี
สองกฎที่ครอบคลุมเกือบทุกกรณี
- ถ้าหน้าที่ของภาพคือดูดี ก็บรรยายว่ามันดูเป็นอย่างไร
- ถ้าหน้าที่ของภาพคือแบกข้อมูล ข้อความ alt ต้องแบกข้อมูลนั้น — ทั้งตัวเลข หน่วย และบอกว่าแต่ละตัวเลขวัดอะไร
จุดที่คนพลาดคือตอนที่สินค้าตัวเดียวกันมีทั้งสองแบบ ภาพหลักกับไดอะแกรมบอกขนาดของโซฟาตัวเดียวกันต้องใช้ข้อความ alt คนละเรื่องกันเลย และการก๊อบปี้ alt ของภาพหลักไปแปะบนไดอะแกรม ก็คือการโยนทิ้งภาพเดียวในหน้านั้นที่ตอบคำถามว่า "วางแล้วพอดีไหม"
รูปแบบที่ผิดข้อ 5: เขียน alt ยาวเป็นย่อหน้าให้ภาพตกแต่ง
พื้นหลังลายเท็กซ์เจอร์ เส้นคั่น ลวดลายแบรนด์บนหัวโมดูล A+ มีคนไปเขียน alt="พื้นหลังลายไม้โอ๊กธรรมชาติสวยงาม" ให้ทุกภาพ แล้วตอนนี้ผู้ใช้โปรแกรมอ่านหน้าจอก็ต้องฟังคำบรรยายฉากหลังสามประโยคคั่นระหว่างรูปสินค้าจริงทุกใบ
ภาพตกแต่งควรใช้แอตทริบิวต์ alt ที่ว่างเปล่า — alt="" — ซึ่งบอกเทคโนโลยีสิ่งอำนวยความสะดวกให้ข้ามภาพนั้นไปเลย นั่นต่างจากการไม่ใส่แอตทริบิวต์ ซึ่งทำให้ภาพกลายเป็นสิ่งไม่ระบุชื่อที่ยังถูกประกาศออกมาอยู่ดี ว่างเปล่ากับไม่มีนั้นหน้าตาเหมือนกันในระบบ CMS ของคุณ แต่ทำงานตรงข้ามกัน
มีข้อตัดสินหนึ่งที่ควรพูดให้ชัด ภาพเทียบขนาด ไม่ใช่ ภาพตกแต่ง รูปสินค้าของคุณวางคู่กับกระดาษ A4 มาตรฐานกำลังทำงานให้ข้อมูลอยู่ และข้อความ alt ของมันก็ควรบอกแบบนั้น
รูปแบบที่ผิดข้อ 6: ใช้ alt ข้อความเดียวกับรูปทั้งสิบสองใบ
เครื่องมือแก้ไขทีละหลายรายการทำให้เรื่องนี้ง่ายเกินไป ทุกรูปในหน้าสินค้าได้ alt="โซฟา Larsen 3 ที่นั่ง" เหมือนกันหมด ผู้ใช้โปรแกรมอ่านหน้าจอจึงได้ยินคำเดิมสิบสองรอบ และไม่มีทางรู้เลยว่ารูปที่ 4 คือไดอะแกรมบอกขนาด รูปที่ 7 คือภาพระยะใกล้ของเนื้อผ้า และรูปที่ 9 คือกล่องบรรจุ
ให้ไล่ตาม หน้าที่ ไม่ใช่ตามลำดับ นี่คือเทมเพลตที่เราส่งให้คนที่ลงขายสินค้าซึ่งขนาดเป็นเรื่องสำคัญ
| บทบาทของภาพ | รูปแบบข้อความ alt |
|---|---|
| ภาพหลัก | {product name}, {finish/colour}, {view} |
| ไดอะแกรมบอกขนาด | ไดอะแกรมขนาด {product}: {measurement 1}, {measurement 2}, {measurement 3} |
| ภาพเทียบขนาด | {product} วางคู่กับ {reference object} เพื่อเทียบขนาด |
| รายละเอียด / วัสดุ | ภาพระยะใกล้ของ {material/joint/finish} บน {product} |
| ติดตั้งแล้ว / ใช้งานจริง | {product} ติดตั้งใน {context} แสดง {clearance or fit detail} |
| กล่องบรรจุ | กล่องบรรจุของ {product}: {L} x {W} x {H} {unit}, {weight} |
| ตารางไซซ์ | ตารางไซซ์ของ {range} ตัวเลขชุดเดียวกันอยู่ในตารางด้านล่าง |
| ภาพตกแต่ง | alt="" |
ตรวจเช็กใน 60 วินาที
ลองรันกับหน้าสินค้าขายดีห้าอันดับแรกก่อนจะไปทำที่อื่น
- ไม่มีแอตทริบิวต์ alt ไหนที่มีนามสกุลไฟล์อยู่ (
.jpg,.png,.webp) - ไม่มีรูปสองใบในหน้าสินค้าเดียวกันที่ใช้ข้อความ alt เหมือนกันเป๊ะ
- ข้อความ alt ของไดอะแกรมบอกขนาดทุกใบมีตัวเลขอย่างน้อยหนึ่งตัวพร้อมหน่วย
- รูปตารางไซซ์ทุกใบมีข้อมูลชุดเดียวกันเป็นตาราง HTML กำกับอยู่ด้วย
- ภาพตกแต่งใช้
alt=""ไม่ใช่ไม่ใส่แอตทริบิวต์ และไม่ใช่ใส่คำบรรยาย - ไม่มีแอตทริบิวต์ alt ไหนที่พูดคีย์เวิร์ดเดิมซ้ำเกินหนึ่งครั้ง
- ข้อความ alt เขียนด้วยภาษาของหน้าร้าน ไม่ใช่มีแค่ภาษาอังกฤษ
- ตัวเลขขนาดใน alt ตรงกับตัวเลขในตารางสเปก — ตรวจดูเถอะ ส่วนใหญ่ไม่ตรง
ข้อสุดท้ายจับข้อผิดพลาดได้มากกว่าข้ออื่นทั้งหมดรวมกัน พอตัวเลขถูกวาดลงไปบนรูปแล้ว มันก็ขาดจากเรกคอร์ดต้นทางที่มันมา และมันจะผิดอยู่อย่างนั้นข้ามทุกรอบการแก้สเปก ความพังแบบเดียวกันโผล่ในไฟล์ฟีดด้วย ดู ข้อมูลโครงสร้างขนาดสินค้า สำหรับฟิลด์ที่ถูกปล่อยว่างด้วยเหตุผลเดียวกัน
เรื่องนี้เกี่ยวอะไรกับการถูกอ้างอิง
เสิร์ชเอนจินจัดทำดัชนีแอตทริบิวต์ alt มายี่สิบปีแล้ว สิ่งที่เปลี่ยนไปคือใครอีกบ้างที่อ่านมัน เอนจินตอบคำถาม AI ที่กำลังประกอบคำตอบเรื่อง "ความลึกของโซฟาสำหรับห้องเล็ก" เปิดไฟล์ JPEG ของคุณไม่ได้ มันทำงานได้จากตัวหนังสือใน HTML ของคุณเท่านั้น — คำอธิบายสินค้า ตารางสเปก และแอตทริบิวต์ alt ทุกอย่างที่คุณวาดลงบนรูปแล้วไม่ได้เขียนไว้ที่อื่นเลย คือสิ่งที่มันมองไม่เห็น
นี่คือเหตุผลเชิงปฏิบัติของวินัยทั้งหมดข้างต้น โดยไม่ต้องอ้างกฎหมายการเข้าถึงและไม่ต้องอ้างโปรแกรมอ่านหน้าจอเลย ตัวเลขขนาดที่คุณเผยแพร่เป็นตัวหนังสือ คือตัวเลขที่คุณจะถูกยกไปอ้างอิงได้
คำถามที่พบบ่อย
ข้อความ alt ของรูปภาพสินค้าควรยาวแค่ไหน
ยาวพอจะบอกได้ว่าภาพแสดงอะไร และสั้นพอจะฟังจบในลมหายใจเดียว สำหรับภาพหลักมักอยู่ที่ประมาณ 5 ถึง 12 คำ สำหรับไดอะแกรมบอกขนาดจะยาวกว่านั้น เพราะตัวเลขคือเนื้อหา ถ้าเขียนแล้วเลยสองบรรทัดไปมาก แปลว่าภาพนั้นเป็นภาพซับซ้อนและต้องใช้วิธีสองส่วน — alt สั้น ๆ บวกกับข้อมูลเต็มที่เผยแพร่เป็นตัวหนังสือบนหน้าเว็บ
ข้อความ alt ช่วยเรื่อง SEO ไหม
ช่วย แต่ช่วยในฐานะบริบท ไม่ใช่คันโยกจัดอันดับที่ดึงแล้วขึ้น Google อธิบายว่าข้อความ alt คือแหล่งข้อมูลเมตาที่สำคัญที่สุดเกี่ยวกับรูปภาพ และการยัดคีย์เวิร์ดถูกระบุไว้ชัดว่าเป็นพฤติกรรมสแปม เขียนมันให้คนที่มองภาพไม่เห็นอ่าน แล้วประโยชน์ทาง SEO จะตามมาเองจากการทำสิ่งนั้นให้ดี
รูปตารางไซซ์ควรเขียน alt ว่าอย่างไร
เขียนประโยคสั้น ๆ ที่ระบุว่าภาพคืออะไรและชี้ไปยังตารางจริง เช่น "ตารางไซซ์ของโซฟาซีรีส์ Larsen ตัวเลขขนาดชุดเดียวกันอยู่ในตารางด้านล่าง" แล้วเผยแพร่ตารางนั้นเป็น HTML จริง ๆ การพยายามยัดตารางค่าวัดทั้งผืนลงในแอตทริบิวต์ alt ให้ผลลัพธ์ที่ผู้ใช้โปรแกรมอ่านหน้าจอตามไม่ทัน และบอตก็แยกออกมาเป็นแถวไม่ได้
ภาพสินค้าที่เป็นภาพตกแต่งต้องมี alt ไหม
ต้องมีแอตทริบิวต์ alt ที่ว่างเปล่า คือ alt="" ซึ่งไม่เหมือนกับการไม่ใส่แอตทริบิวต์ ค่าว่างบอกเทคโนโลยีสิ่งอำนวยความสะดวกให้ข้ามภาพไป ส่วนการไม่ใส่ทำให้ภาพกลายเป็นสิ่งไม่รู้จักที่ยังถูกประกาศออกมา และมักประกาศด้วยชื่อไฟล์
European Accessibility Act ใช้กับร้านออนไลน์ของฉันไหม
ถ้าคุณให้บริการอีคอมเมิร์ซแก่ผู้บริโภคในสหภาพยุโรปและไม่ใช่วิสาหกิจรายย่อย ใช่ — บริการอีคอมเมิร์ซถูกระบุไว้ในมาตรา 2(2)(f) ของไดเรกทิฟ (EU) 2019/882 ซึ่งมีผลบังคับใช้ตั้งแต่วันที่ 28 มิถุนายน 2025 ข้อยกเว้นสำหรับวิสาหกิจรายย่อยในมาตรา 4(5) ครอบคลุมผู้ให้บริการที่มีบุคลากรน้อยกว่า 10 คน และมียอดขายต่อปีหรือยอดรวมงบดุลไม่เกิน 2 ล้านยูโร ควรไปตรวจกฎหมายที่แต่ละประเทศนำไปบัญญัติเองสำหรับรายละเอียด เพราะการกำกับดูแลและบทลงโทษกำหนดกันในระดับประเทศสมาชิก
ทำไมป้ายบอกขนาดของฉันถูกตัดขอบก่อนที่ใครจะได้อ่าน
นั่นเป็นคนละปัญหาแต่มีรากเดียวกัน คือข้อมูลที่อยู่แค่ในพิกเซล แกลเลอรีของมาร์เก็ตเพลสจะครอปตามอัตราส่วนของตัวเอง และป้ายที่วางไว้ใกล้ขอบก็หายไป ดู อัตราส่วนภาพสินค้า สำหรับกติกาพื้นที่ปลอดภัยของแต่ละช่องทาง
แหล่งอ้างอิง
- Baymard Institute — ใช้ข้อความ "ALT" สื่อสารเนื้อหาหลักของภาพที่ "ให้ข้อมูล" (55% ของเว็บไซต์ไม่ได้ทำ)
- W3C Web Accessibility Initiative — บทเรียนเรื่องรูปภาพ: ภาพของตัวหนังสือ
- W3C Web Accessibility Initiative — บทเรียนเรื่องรูปภาพ: ภาพที่ซับซ้อน
- W3C Web Accessibility Initiative — บทเรียนเรื่องรูปภาพ: ภาพตกแต่ง
- Google Search Central — แนวปฏิบัติที่ดีสำหรับ Google Images รวมถึงคำแนะนำเรื่องข้อความ alt
- EUR-Lex — ไดเรกทิฟ (EU) 2019/882 (European Accessibility Act): มาตรา 2(2)(f), มาตรา 3(23), มาตรา 4(5), มาตรา 31
- คณะกรรมาธิการยุโรป — European Accessibility Act: สินค้าและบริการที่อยู่ในขอบเขต
แก้ครั้งเดียว แทนที่จะแก้ทีละรูป
รูปแบบที่ผิดทุกข้อข้างต้นคือความพังอันเดียวกันที่สวมหมวกคนละใบ นั่นคือมีค่าวัดหนึ่งค่าถูกวาดลงไปในรูป แล้วไม่เคยถูกเขียนไว้ที่ไหนเลยที่เครื่องจะอ่านได้ คุณแก้เรื่องนี้ด้วยนิสัยการเขียน alt ที่ดีขึ้นอย่างเดียวไม่ได้ เพราะตัวเลขที่คุณกำลังบรรยายนั้นถูกพิมพ์ทับลงบนรูปด้วยมือ และมันเริ่มเคลื่อนออกจากสเปกไปแล้ว
เวอร์ชันที่อยู่ได้ยาวคือมองเลเยอร์บอกขนาดเป็นข้อมูล ไม่ใช่งานกราฟิก วัดจากขอบจริงของสินค้า เพื่อให้ตัวเลขเป็นตัวเลขที่วัดมา ไม่ใช่ที่กะเอาด้วยสายตา เก็บเลเยอร์คำอธิบายให้ยังมีชีวิตและแก้ไขได้ แทนที่จะแบนรวมลงไปเป็น JPEG จากนั้นเอกซ์ปอร์ตสองอย่างจากแหล่งเดียวกัน — รูปที่มีป้ายกำกับในขนาดตามสเปกของแต่ละช่องทาง และรายการค่าวัดในรูปแบบตัวหนังสือที่คุณเอาไปวางในตารางสเปกและในแอตทริบิวต์ alt นี่คือความต่างระหว่างซอฟต์แวร์ทำคำอธิบายภาพที่วัดจริง กับเครื่องสร้างภาพด้วย AI ที่ปั้นตัวเลขดูน่าเชื่อมาวางข้างสินค้าของคุณ อย่างแรกบอกคุณได้ว่ามันวัดอะไร อย่างหลังแต่งขึ้นมาเอง ถ้ายังไงคุณก็จะรื้อทำชุดภาพสินค้าใหม่อยู่แล้ว ชีตสเปกสินค้า คือที่ที่เหมาะที่สุดในการทำให้ตัวเลขมีชีวิต เพราะมันคือเอกสารที่ทั้งผู้ซื้อและแคตตาล็อกของคุณเองอ่านจากที่เดียวกัน
