WebAIM Million 2026: เว็บทั่วโลกเข้าถึงยากขึ้น 95.9% ของหน้าแรกยังไม่ผ่าน

WebAIM องค์กรด้านการเข้าถึงเว็บจาก Utah State University ตรวจหน้าแรกของเว็บไซต์ยอดนิยม 1 ล้านหน้าทุกปี รอบล่าสุดเก็บข้อมูลในเดือนกุมภาพันธ์ 2569 และอัปเดตรายงานเมื่อวันที่ 30 มีนาคม 2569 ผลออกมาไม่ดีนัก

หน้าแรก 95.9% มีข้อผิดพลาดตามมาตรฐาน WCAG 2 ที่ตรวจพบได้ด้วยเครื่องมืออัตโนมัติ เพิ่มจาก 94.8% ในปี 2568 ค่าเฉลี่ยอยู่ที่ 56.1 จุดต่อหน้า เพิ่มขึ้นราว 10.1% จาก 51 จุดในปีก่อน และเนื่องจากเครื่องมืออัตโนมัติจับได้เพียงบางส่วน WebAIM จึงประเมินว่าสัดส่วนเว็บที่ผ่านมาตรฐานจริงน่าจะต่ำกว่า 4.1%

ความซับซ้อนของหน้าเว็บก็เพิ่มขึ้นเช่นกัน หน้าแรกเฉลี่ยมีองค์ประกอบ 1,437 ชิ้น เพิ่มขึ้น 14.3% ในปีเดียว ยิ่งหน้ามีองค์ประกอบมาก โอกาสเกิดจุดที่คนใช้โปรแกรมอ่านหน้าจอหรือคีย์บอร์ดใช้ไม่ได้ก็ยิ่งมากตาม

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

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

• ตัวอักษรคอนทราสต์ต่ำ: 83.9% ของหน้า
• รูปภาพไม่มีข้อความทดแทน (alt text): 53.1%
• ช่องกรอกฟอร์มไม่มีป้ายกำกับ: 51%
• ลิงก์ว่างที่ไม่มีข้อความบอกปลายทาง: 46.3%
• ปุ่มว่างที่ไม่มีชื่อ: 30.6%
• ไม่ได้ระบุภาษาของเอกสาร: 13.5%

ARIA คือชุดแอตทริบิวต์ที่ช่วยอธิบายองค์ประกอบบนหน้าให้เทคโนโลยีช่วยเหลืออ่านเข้าใจ ปีนี้พบการใช้งานรวมกว่า 133 ล้านจุด หรือเฉลี่ยมากกว่า 133 จุดต่อหน้า เพิ่มขึ้น 27% จากปีก่อน และมากกว่าปี 2562 ถึงหกเท่า หน้าที่ใช้ ARIA (ไม่นับ landmark) อยู่ที่ 82.7% เพิ่มจาก 79.4%

แต่หน้าที่ใช้ ARIA มีข้อผิดพลาดเฉลี่ย 59.1 จุด เทียบกับ 42 จุดในหน้าที่ไม่ใช้ WebAIM ระวังที่จะไม่สรุปว่า ARIA เป็นต้นเหตุ เพราะหน้าที่ใช้ ARIA มักซับซ้อนกว่าอยู่แล้ว แต่ตัวอย่างหนึ่งที่ชัดคือเมนูที่ใช้ role="menu" ถึง 22% สร้างอุปสรรคเพิ่ม เพราะใส่บทบาทไว้แต่ไม่ได้ทำโครงสร้างและการโต้ตอบที่จำเป็นให้ครบ

บทเรียนคือ ARIA ที่ใส่ผิดอาจแย่กว่าไม่ใส่เลย การใช้ HTML ที่ถูกความหมายตั้งแต่ต้น เช่น ปุ่มเป็น button และลิงก์เป็น a ยังเป็นทางที่ปลอดภัยที่สุด

รายงานไม่ได้วัดโค้ดที่เขียนด้วย AI โดยตรง แต่ในบทสรุป WebAIM ตั้งข้อสังเกตว่าข้อผิดพลาดที่เพิ่มขึ้นน่าจะสะท้อนการพึ่งพาเฟรมเวิร์กและไลบรารีภายนอกมากขึ้น รวมถึงการเขียนโค้ดโดยให้ AI ช่วยที่เรียกกันว่า “vibe coding” ซึ่ง WebAIM นำเสนอเป็นคำอธิบายที่เป็นไปได้ ไม่ใช่ข้อสรุปที่พิสูจน์แล้ว

บทสรุปรายงานของ Priority Pixels ยังรวบรวมค่าเฉลี่ยตามแพลตฟอร์มไว้ด้วย หน้าแรกที่ใช้ WordPress มีข้อผิดพลาดเฉลี่ย 52.8 จุด ส่วน Shopify อยู่ที่ 75.1 และ Magento 75.8 ตัวเลขนี้ไม่ได้บอกว่าแพลตฟอร์มใดดีกว่าโดยตรง เพราะธีม ปลั๊กอิน และการปรับแต่งของแต่ละเว็บมีผลมาก

ในมุมของเรา ปัญหาคอนทราสต์มีแนวโน้มรุนแรงกว่าในเว็บภาษาไทย เพราะฟอนต์ไทยหลายตัวมีเส้นบางและมีวรรณยุกต์กับสระบนล่างที่ขนาดเล็ก เมื่อนักออกแบบเลือกตัวอักษรสีเทาอ่อนบนพื้นขาวเพื่อให้ดู “มินิมอล” ข้อความไทยจะอ่านยากเร็วกว่าภาษาอังกฤษ

อีกจุดที่พบบ่อยคือหน้าเว็บไม่ได้ระบุ lang="th" ทำให้โปรแกรมอ่านหน้าจออาจอ่านข้อความไทยด้วยเสียงหรือกฎของภาษาอื่น และแบนเนอร์โปรโมชันที่เป็นรูปภาพล้วนโดยไม่มี alt text ซึ่งทำให้ทั้งผู้ใช้โปรแกรมอ่านหน้าจอและเครื่องมือค้นหาไม่รู้ว่าในรูปเขียนอะไร

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

เนื่องจากปัญหาหกข้อครอบคลุมเกือบทั้งหมด การไล่แก้ตามลำดับนี้จึงให้ผลคุ้มที่สุด เครื่องมือตรวจฟรีอย่าง WAVE ของ WebAIM หรือ Lighthouse ช่วยหาจุดเริ่มต้นได้ แต่ควรทดสอบด้วยคีย์บอร์ดและโปรแกรมอ่านหน้าจอจริงร่วมด้วย

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

• ตรวจคอนทราสต์ของสีตัวอักษรทั้งระบบ โดยเฉพาะข้อความเทาบนพื้นขาว
• ใส่ alt text ที่สื่อความหมายให้รูปที่มีข้อมูล และย้ายข้อความในแบนเนอร์มาเป็นข้อความจริง
• ตรวจว่าทุกช่องในฟอร์มมีป้ายกำกับ และทุกปุ่มไอคอนมีชื่อที่อ่านได้
• ระบุ lang="th" หรือภาษาที่ถูกต้องในทุกหน้า
• ใช้ HTML ที่ถูกความหมายก่อน แล้วค่อยเพิ่ม ARIA เท่าที่จำเป็น