𝗔𝗜 𝗜𝘀 𝗕𝗿𝗲𝗮𝗸𝗶𝗻𝗴 𝗧𝗵𝗲 𝗪𝗲𝗯 𝗙𝗼𝗿 𝟭 𝗶𝗻 𝟲 𝗣𝗲𝗼𝗽𝗹𝗲
AI ตัวหนึ่งสร้างฟอร์มบนเว็บที่สมบูรณ์แบบได้ภายในสี่วินาที มันมีเลเบลที่ดูสะอาดตาและปุ่มสีน้ำเงินที่สวยงาม
จากนั้นผมลองเปิดโปรแกรมอ่านหน้าจอ (screen reader) ผลคือไม่มีอะไรเลย ไม่มีชื่อฟิลด์ ไม่มีข้อความแจ้งเตือนข้อผิดพลาด มีเพียงความเงียบเท่านั้น
AI สร้างส่วนที่มองเห็นได้ของเว็บไซต์ได้รวดเร็วกว่าที่เคย แต่กลับข้ามส่วนที่คน 1 ใน 6 คนต้องพึ่งพาไป
ตัวเลขสถิตินี้น่ากลัวมาก • 95.9% ของเว็บไซต์ชั้นนำมีข้อผิดพลาดด้านการเข้าถึง (accessibility) • คดีความด้านการเข้าถึงเพิ่มขึ้น 27% ในปี 2025 • 41% ของโค้ดใหม่ในปัจจุบันถูกสร้างโดย AI
AI เก่งมากในการใช้ framework อย่าง Radix หรือ shadcn เครื่องมือเหล่านี้ช่วยจัดการงานหนักๆ อย่างการนำทางด้วยคีย์บอร์ด (keyboard navigation)
แต่ framework ไม่สามารถทำได้ทุกอย่าง AI ยังคงล้มเหลวในเลเยอร์ที่คุณต้องเป็นคนดูแลเอง:
- การเขียน alt text ที่มีความหมายสำหรับรูปภาพ
- การสร้างเลเบลฟอร์มที่ชัดเจน
- การเลือกสีที่มีความต่างระดับสี (contrast) เพียงพอ
- การตั้งค่าภาษาของหน้าเว็บให้ถูกต้อง
AI ข้ามสิ่งที่มันมองไม่เห็น หากคุณตรวจสอบเพียงแค่การออกแบบทางสายตา คุณจะพลาดประสบการณ์ที่พังทลายสำหรับผู้พิการทางสายตาหรือผู้ที่มีความบกพร่องทางการเคลื่อนไหว
นี่ไม่ใช่แค่เรื่องของจริยธรรมอีกต่อไป แต่มันคือความเสี่ยงทางกฎหมาย เส้นตายของ ADA Title II กำลังจะมาถึงในช่วงปี 2026 ถึง 2028 คุณไม่สามารถแก้ไขเรื่องนี้ได้ด้วย overlay widget แต่คุณต้องแก้ไขที่ตัวโค้ด
วิธีสร้างงานให้ดีขึ้นด้วย AI:
- ใช้รากฐานที่รองรับการเข้าถึงได้ เช่น Radix หรือ shadcn
- ใช้เครื่องมืออัตโนมัติอย่าง Axe ในขั้นตอนการทำงานของคุณ
- ทำการทดสอบด้วย screen reader ด้วยตัวเอง เครื่องมืออัตโนมัติอาจหาเลเบลที่หายไปได้ แต่ไม่สามารถบอกได้ว่าเลเบลนั้นสื่อความหมายหรือไม่
- ให้คำแนะนำด้านการเข้าถึง (accessibility feedback) แก่ AI ในขณะที่มันกำลังเขียนโค้ด ไม่ใช่หลังจากที่ส่งมอบงานไปแล้ว
อย่าเชื่อแค่ผลลัพธ์ที่ได้ หากคุณไม่ทดสอบด้วย screen reader คุณกำลังส่งมอบผลิตภัณฑ์ที่ใช้งานไม่ได้จริง
หากคุณใช้ AI ในการสร้างงาน มันช่วยส่งเสริมหรือทำลายการเข้าถึง (accessibility) ของคุณกันแน่? คุณได้ทดสอบเลเยอร์ที่มองไม่เห็นแล้วหรือยัง?