ข้ามไปเนื้อหาหลัก

ออกแบบ​บริการ​สำหรับ​ผู้​สูง​อายุ WCAG 2.2 กับ​ช่อง​ทาง​ติดต่อ​คนจริง

อัปเดตล่าสุด 29 กันยายน 2569
เวลาอ่านประมาณ 11 นาที
ออกแบบ​บริการ​สำหรับ​ผู้​สูง​อายุ WCAG 2.2 กับ​ช่อง​ทาง​ติดต่อ​คนจริง

KEY TAKEAWAYS

3 ประเด็น

W3C ระบุ​ว่า​ผู้​สูง​อายุ​จำนวน​มาก​มี​ความ​สามารถ​ที่​ลด​ลง​ตาม​วัย​ใน​สี่​ด้าน

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

เอกสาร WCAG 2.2 ฉบับ​วัน​ที่ 12 ธันวาคม 2024 มี​เกณฑ์​ใหม่​ที่​ตรง​กับ​ผู้​สูง​อายุ​หลาย​ข้อ

เช่น ปุ่ม​ขนาด​อย่าง​น้อย 24×24 CSS pixel ไม่​บังคับ​ให้​กรอก​ข้อมูล​เดิม​ซ้ำ และ​ไม่​บังคับ​ให้​จำ​รหัส​ผ่าน​เป็น​ทาง​เดียว​ใน​การ​ยืนยัน​ตัว​ตน

เกณฑ์​ข้อ 3.2.6 Consistent Help กำหนด​ให้​ช่อง​ทาง​ช่วย​เหลือ​อยู่​ลำดับ​เดิม​ทุก​หน้า

รวม​ถึง​ช่อง​ทาง​ติดต่อ​คนจริง บริการ​ที่​ผสม​หน้า​จอ​กับ​พนักงาน​จึง​มี​มาตรฐาน​สากล​รองรับ

ออกแบบ​บริการ​สำหรับ​ผู้​สูง​อายุ​ด้วย​เกณฑ์ WCAG 2.2 ปุ่ม​อย่าง​น้อย 24 pixel ขยาย​ตัว​อักษร 200% ไม่​ให้​กรอก​ซ้ำ และ​วาง​ช่อง​ทาง​ติดต่อ​คนจริง​ไว้​ตำแหน่ง​เดิม​ทุก​หน้า​ตาม​เกณฑ์ 3.2.6

บท​นี้​อธิบาย​ว่า​ธุรกิจ​ออกแบบ​เว็บไซต์ แอป และ​ช่อง​ทาง​บริการ​อย่างไร​ให้​ลูกค้า​ผู้​สูง​อายุ​ใช้​งาน​ได้​จน​จบ​ขั้น​ตอน โดย​ใช้​มาตรฐาน​สากล​ที่​ทีม​ออกแบบ​วัด​และ​ตรวจ​ซ้ำ​ได้​เป็น​หลัก เหมาะ​กับ​เจ้าของ​ธุรกิจ​ที่​มี​ลูกค้า​วัย​เกษียณ ทีม​พัฒนา​เว็บไซต์​และ​แอป และ​ทีม​บริการ​ลูกค้า​ที่​ต้อง​รับ​สาย​หรือ​แช​ต​จาก​ลูกค้า​กลุ่ม​นี้ แหล่ง​หลัก​คือ​เอกสาร WCAG 2.2 และ​หน้า​แนวทาง​สำหรับ​ผู้​ใช้​สูง​วัย​ของ W3C กับ​ตัวอย่าง​ช่อง​ทาง​ลง​ทะเบียน​สวัสดิการ​ของ​กระทรวง​การ​คลัง

ผู้​สูง​อายุ​ไทย​ตาม​ทะเบียน​เดือน​สิงหาคม 2569 มี​มากกว่า 14 ล้าน​คน และ​ส่วน​ใหญ่​ยัง​ทำ​กิจวัตร​ประจำ​วัน​ได้​เอง ราย​ละเอียด​ตัวเลข​แยก​ช่วง​อายุ​และ​จังหวัด​อยู่​ในบท​การ​ตลาด​ผู้​สูง​อายุ​ไทย 14.49 ล้าน​คน แยก​ตาม​ช่วง​อายุ​และ​จังหวัด บท​นี้​ต่อ​จาก​ตัวเลข​ชุด​นั้น ไป​ที่​คำถาม​ว่า​หน้า​จอ​และ​ช่อง​ทาง​บริการ​ควร​หน้าตา​แบบ​ไหน

ผู้​สูง​อายุ​เจอ​อุปสรรค​อะไร​บน​หน้า​จอ

หน้า Older Users and Web Accessibility ของ W3C สรุป​ว่า​ผู้​สูง​อายุ​จำนวน​มาก​มี​ความ​สามารถ​ที่​ลด​ลง​ตาม​วัย ซึ่ง​กระทบ​การ​ใช้​เว็บ​ใน​สี่​ด้าน

ด้าน สิ่ง​ที่​เปลี่ยน ผล​ต่อ​การ​ใช้​งาน
การ​มอง​เห็น ความ​ไว​ต่อ​คอ​นท​รา​สต์ การ​แยก​สี และ​การ​มอง​ระยะ​ใกล้​ลด​ลง อ่าน​หน้า​เว็บ​ยาก
การ​เคลื่อนไหว ความ​คล่อง​ของ​นิ้ว​และ​การ​ควบคุม​กล้าม​เนื้อ​มัด​เล็ก​ลด​ลง กด​เป้า​หมาย​ขนาด​เล็ก​ยาก
การ​ได้ยิน ได้ยิน​เสียง​สูง​ยาก และ​แยก​เสียง​ซ้อน​ยาก ฟัง​คลิป​ที่​มี​ดนตรี​ประกอบ​ยาก
การ​รับ​รู้ ความ​จำ​ระยะ​สั้น​ลด​ลง สมาธิ​สั้น​ลง และ​ถูก​ดึง​ความ​สนใจ​ง่าย ทำ​ตาม​เมนู​หรือ​ทำ​ธุรกรรม​ให้​จบ​ยาก

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

ทำไม​ทีม​ออกแบบ​ควร​ใช้​มาตรฐาน​การ​เข้า​ถึง​แทน​การ​เดา​ว่า​ผู้​สูง​อายุ​ต้องการ​อะไร

เพราะ​มาตรฐาน​วัดผล​ได้ และ​ตรวจ​ซ้ำ​ได้​ทุก​ครั้ง​ที่​แก้​หน้า​เว็บ การ​เดา​จาก​ภาพ​จำ​มี​ความ​เสี่ยง​สอง​ทาง ทาง​หนึ่ง​คือ​ออกแบบ​หน้าที่​ดู​ง่าย​เกิน​จน​ลูกค้า​รู้สึก​ถูก​มอง​ว่า​ใช้​เทคโนโลยี​ไม่​เป็น อีก​ทาง​คือ​ละเลย​จุด​ที่​ทำให้​กด​พลาด​จริง เช่น ปุ่ม​ชิด​กัน​เกิน​ไป เกณฑ์​ของ WCAG บอก​ขนาด สัดส่วน และ​พฤติกรรม​ของ​หน้า​จอ​เป็น​ตัวเลข ทีม​จึง​คุย​กัน​ด้วย​ข้อ​เท็จ​จริง​เดียวกัน

เกณฑ์ WCAG 2.2 ที่​ตรง​กับ​ผู้​สูง​อายุ

Web Content Accessibility Guidelines (WCAG) 2.2 เป็น​ข้อ​แนะนำ​ของ W3C ลง​วัน​ที่ 12 ธันวาคม 2024 เกณฑ์​ต่อ​ไป​นี้​ตรง​กับ​อุปสรรค​สี่​ด้าน​ใน​ตาราง​ก่อน​หน้า ช่อง​ระดับ​บอก​ว่า​เกณฑ์​อยู่​ใน​ระดับ A AA หรือ AAA

เกณฑ์ ระดับ สาระ
1.4.3 Contrast (Minimum) AA ข้อความ​กับ​พื้น​หลัง​มี​คอ​นท​รา​สต์​อย่าง​น้อย 4.5:1
1.4.4 Resize Text AA ข้อความ​ขยาย​ได้ 200% โดย​ไม่​เสีย​เนื้อหา​หรือ​การ​ใช้​งาน
2.2.1 Timing Adjustable A หน้าที่​จำกัด​เวลา​ต้อง​ให้​ปิด ปรับ หรือ​ขอ​ต่อ​เวลา​ได้
2.5.7 Dragging Movements AA ทุก​ฟังก์ชัน​ที่​ต้อง​ลาก​ต้อง​มี​ทาง​ทำ​ด้วย​การ​แตะ​ครั้ง​เดียว
2.5.8 Target Size (Minimum) AA เป้า​หมาย​ที่​กด​ได้​มี​ขนาด​อย่าง​น้อย 24×24 CSS pixel หรือ​เว้น​ระยะ​ตาม​ที่​กำหนด
3.2.6 Consistent Help A ช่อง​ทาง​ช่วย​เหลือ​ที่​ซ้ำ​หลาย​หน้า​ต้อง​อยู่​ลำดับ​เดิม
3.3.7 Redundant Entry A ข้อมูล​ที่​กรอก​แล้ว​ใน​ขั้น​ตอน​เดียวกัน​ต้อง​เติม​ให้​อัตโนมัติ​หรือ​ให้​เลือก​ได้
3.3.8 Accessible Authentication (Minimum) AA ขั้น​ตอน​ยืนยัน​ตัว​ตน​ต้อง​มี​ทาง​ที่​ไม่​ต้อง​ใช้​ความ​จำ​หรือ​แก้​ปริศนา

เกณฑ์ 2.5.7 2.5.8 3.2.6 3.3.7 และ 3.3.8 เป็น​เกณฑ์​ใหม่​ใน WCAG 2.2 ทีม​ที่​เคย​ตรวจ​เว็บ​ด้วย WCAG 2.1 จึง​ควร​ตรวจ​ห้า​ข้อ​นี้​เพิ่ม

คลิป​สอน​ใช้​งาน​สำหรับ​ลูกค้า​สูง​วัย​ต้อง​มี​อะไร​บ้าง

ต้อง​มี​คำ​บรรยาย​ใต้​ภาพ และ​เสียง​พูด​ต้อง​ได้ยิน​ชัด​กว่า​เสียง​ประกอบ เกณฑ์ 1.2.2 Captions (Prerecorded) ระดับ A ให้​สื่อ​วิดีโอ​ที่​อัด​ไว้​ล่วง​หน้า​มี​คำ​บรรยาย​ครบ​ทุก​เสียง​ใน​คลิป ส่วน​เกณฑ์ 1.4.7 Low or No Background Audio ระดับ AAA ใช้​กับ​ไฟล์​เสียง​ล้วน​ที่​เน้น​เสียง​พูด ให้​ไม่มี​เสียง​พื้น​หลัง ปิด​เสียง​พื้น​หลัง​ได้ หรือ​เสียง​พื้น​หลัง​เบา​กว่า​เสียง​พูด​อย่าง​น้อย 20 เดซิ​เบล เกณฑ์​ข้อ​หลัง​ตรง​กับ​ที่ W3C เขียน​ว่า​ผู้​สูง​อายุ​แยก​เสียง​ซ้อน​ได้​ยาก เมื่อ​มี​ดนตรี​ประกอบ ร้าน​ที่​ทำ​คลิป​สอน​ใช้​แอป​จึง​ควร​ลด​เสียง​ดนตรี​ลง​หรือ​ตัด​ออก​ใน​ช่วง​ที่​มี​คน​พูด

ข้อความ​แจ้ง​ข้อ​ผิด​พลาด​ควร​เขียน​แบบ​ไหน

บอก​ให้​ชัด​ว่า​ช่อง​ไหน​ผิด​และ​ผิด​อย่างไร เกณฑ์ 3.3.1 Error Identification ระดับ A ให้​ระบบ​ที่​ตรวจ​พบ​ข้อ​ผิด​พลาด​อัตโนมัติ​ชี้​ช่อง​ที่​ผิด​และ​อธิบาย​เป็น​ข้อความ ส่วน​เกณฑ์ 3.3.2 Labels or Instructions ให้​มี​ป้าย​หรือ​คำ​แนะนำ​ทุก​ช่อง​ที่​ต้อง​กรอก ข้อความ​อย่าง "ข้อมูล​ไม่​ถูก​ต้อง" ที่​ไม่​บอก​ว่า​ช่อง​ไหน ทำให้​ผู้​ใช้​ที่​ความ​จำ​ระยะ​สั้น​ลด​ลง​ต้อง​ไล่​ตรวจ​ทุก​ช่อง​ใหม่ ข้อความ​ที่​ดี​กว่า​คือ "เบอร์​โทรศัพท์​ต้อง​มี 10 หลัก ตอน​นี้​กรอก​ไว้ 9 หลัก"

ปุ่ม​ขนาด 24 pixel พอ​สำหรับ​ลูกค้า​สูง​วัย​หรือ​ยัง

เป็น​ขั้น​ต่ำ​ของ​ระดับ AA WCAG 2.2 ยัง​มี​เกณฑ์ 2.5.5 Target Size (Enhanced) ระดับ AAA ที่​ให้​เป้า​หมาย​มี​ขนาด​อย่าง​น้อย 44×44 CSS pixel ร้าน​ที่​ลูกค้า​ส่วน​ใหญ่​อายุ​เกิน 60 ปี ควร​เลือก​ปุ่ม​ที่​กด​บ่อย​ที่สุด​สาม​ถึง​ห้า​ปุ่ม ได้แก่ ปุ่ม​ชำระ​เงิน ปุ่ม​โทร​หา​พนักงาน และ​ปุ่ม​ยืนยัน​นัด​หมาย แล้ว​ขยาย​ปุ่ม​กลุ่ม​นี้​ให้​ถึง​ระดับ 44 pixel ซึ่ง​ทำได้​ไม่​ยาก และ​เป็น​จุด​ที่​ลูกค้า​กด​พลาด​แล้ว​เสีย​มาก​ที่สุด

ช่อง​ทาง​คนจริง​ควร​อยู่​ตรง​ไหน

เกณฑ์ 3.2.6 Consistent Help ระบุ​กลไก​ช่วย​เหลือ​ไว้​สี่​แบบ คือ​ราย​ละเอียด​ติดต่อ​คน กลไก​ติดต่อ​คน ทาง​เลือก​ให้​ช่วย​ตัว​เอง และ​กลไก​ติดต่อ​แบบ​อัตโนมัติ​ทั้งหมด ถ้า​หน้า​เว็บ​มี​กลไก​เหล่า​นี้​ซ้ำ​หลาย​หน้า​ใน​ชุด​เดียวกัน ต้อง​อยู่​ลำดับ​เดียวกัน​เมื่อ​เทียบ​กับ​เนื้อหา​อื่น เว้น​แต่​ผู้​ใช้​เป็น​คน​เปลี่ยน​เอง

กลไก​ช่วย​เหลือ​ตาม​เกณฑ์ 3.2.6 ตัวอย่าง​ใน​ธุรกิจ​ไทย
ราย​ละเอียด​ติดต่อ​คน เบอร์​โทรศัพท์​ร้าน เวลา​ที่​มี​คน​รับ​สาย
กลไก​ติดต่อ​คน ปุ่ม​แชต​ที่​มี​พนักงาน​ตอบ ปุ่ม LINE ที่​แอ​ดมิน​ตอบ
ทาง​เลือก​ให้​ช่วย​ตัว​เอง หน้า​คำถาม​ที่​พบ​บ่อย คลิป​สอน​ใช้​งาน
กลไก​ติดต่อ​อัตโนมัติ​ทั้งหมด แช​ตบอต

เกณฑ์​นี้​ไม่​ได้​บังคับ​ให้​เว็บไซต์​ต้อง​มี​ช่อง​ทาง​คนจริง แต่​ถ้า​มี​แล้ว ต้องหา​เจอ​ที่​เดิม​ทุก​หน้า สำหรับ​ผู้​ใช้​ที่​ความ​จำ​ระยะ​สั้น​ลด​ลง ตำแหน่ง​ที่​คงที่​ช่วย​ให้​กลับ​มา​หา​ปุ่ม​เดิม​ได้​เมื่อ​ติดขัด​กลาง​ทาง

ลูกค้า​สูง​วัย​ติด​ขั้น​ตอน​กลาง​ทาง ธุรกิจ​ควร​ให้​ติดต่อ​คนจริง​ทาง​ไหน

ทาง​ที่​ลูกค้า​ไม่​ต้อง​เล่า​เรื่อง​ใหม่​ตั้งแต่​ต้น ถ้า​ลูกค้า​กด​ปุ่ม​โทร​จาก​หน้า​ชำระ​เงิน พนักงาน​ควร​เห็น​ว่า​ลูกค้า​ค้าง​อยู่​ขั้น​ไหน ถ้า​ช่อง​ทาง​คนจริง​เป็น LINE ข้อความ​แรก​ควร​ส่ง​ชื่อ​ขั้น​ตอน​ที่​ลูกค้า​ติด​มา​ให้​พนักงาน​อัตโนมัติ หลัก​นี้​สอดคล้อง​กับ​เกณฑ์ 3.3.7 ที่​ไม่​ให้​ลูกค้า​กรอก​ข้อมูล​เดิม​ซ้ำ​ใน​ขั้น​ตอน​เดียวกัน

บริการ​ของ​รัฐ​ที่​เปิด​หลาย​ช่อง​ทาง​พร้อม​กัน

โครงการ​บัตร​สวัสดิการ​รอบ​ปี 2569 ของ​กระทรวง​การ​คลัง​เป็น​ตัวอย่าง​บริการ​ที่​ออกแบบ​ให้​คน​เลือก​ช่อง​ทาง​เอง​ได้ ประกาศ​ของ​กระทรวง​การ​คลัง​เลข​ที่ 41/2569 เปิด​ให้​ยืนยัน​สิทธิ​ได้​ทั้ง​แอป​เป๋า​ตัง แอป​ทาง​รัฐ เว็บไซต์​โครงการ ตู้ ATM ของ​ธนาคาร​กรุง​ไทย และ​หน่วย​รับ​ลง​ทะเบียน​ห้า​ธนาคาร ส่วน​ประกาศ​เลข​ที่ 79/2569 บอก​ว่า​ผู้​ต้อง​แก้​ข้อมูล​ติดต่อ​หน่วย​งาน​เจ้าของ​ข้อมูล​หรือ​ศูนย์ One Stop Service ระดับ​อำเภอ​ได้

ช่อง​ทาง ลักษณะ
แอป​เป๋า​ตัง และ​แอป​ทาง​รัฐ ทำ​เอง​บน​มือ​ถือ
เว็บไซต์​โครงการ ทำ​เอง​บน​คอมพิวเตอร์​หรือ​มือ​ถือ
ตู้ ATM ธนาคาร​กรุง​ไทย ทำ​เอง​ที่​ตู้
หน่วย​รับ​ลง​ทะเบียน​ห้า​ธนาคาร มี​พนักงาน​ช่วย
One Stop Service ระดับ​อำเภอ มี​เจ้า​หน้าที่​ช่วย​แก้​ข้อมูล

ช่อง​ทาง​ทั้ง​ห้า​แบบ​รับ​งาน​เดียวกัน คน​ที่​ถนัด​มือ​ถือ​ทำ​จบ​ได้​เอง คน​ที่​ต้องการ​คน​ช่วย​ก็​มี​จุด​ให้​ไป​หา ท้าย​ประกาศ​เลข​ที่ 79/2569 ยัง​แยก​เบอร์​สอบถาม​ตาม​ประเภท​ปัญหา ปัญหา​การ​ลง​ทะเบียน​และ​บัตร​โทร​ศูนย์​ของ​กระทรวง​มหาดไทย​ที่ 1548 เรื่อง​คุณสมบัติ​และ​วงเงิน​ติดต่อ​สำนักงาน​เศรษฐกิจ​การ​คลัง และ​เรื่อง​การ​ใช้​บัตร​โทร​ศูนย์​ลูกค้า​สัมพันธ์ 0-2109-2345 ผู้​ใช้​จึง​รู้​ก่อน​โทร​ว่า​เรื่อง​แบบ​ไหน​ต้อง​คุย​กับ​ใคร ธุรกิจ​ที่​มี​หลาย​แผนก​ทำ​แบบ​เดียวกัน​ได้​บน​หน้า​ติดต่อ​เรา เกณฑ์​ทั้งหมด​ของ​โครงการ​นี้​และ​ผล​ต่อ​ร้าน​ค้า​ที่​รับ​สิทธิ์​อยู่​ในบท​กลุ่ม​ผู้​มี​ราย​ได้​น้อย​กับ​ร้าน​ธง​ฟ้า

ธุรกิจ​เล็ก​จะ​มี​หลาย​ช่อง​ทาง​แบบ​นี้​ได้​อย่างไร

ไม่​ต้อง​มี​ครบ​ห้า​แบบ ธุรกิจ​เล็ก​เริ่ม​จาก​สอง​ชั้น​ก็​พอ ชั้น​แรก​คือ​หน้า​เว็บ​หรือ​แอป​ที่​ผ่าน​เกณฑ์ WCAG ข้าง​บน ชั้น​ที่​สอง​คือ​ช่อง​ทาง​คนจริง​หนึ่ง​ช่อง​ทาง​ที่​ระบุ​เวลา​รับ​สาย​ชัดเจน และ​อยู่​ตำแหน่ง​เดิม​ทุก​หน้า ร้าน​ที่​มีหน้า​ร้าน​จริง​นับ​หน้า​ร้าน​เป็น​ช่อง​ทาง​ที่​มี​คน​ช่วย​ได้​อีก​หนึ่ง​ชั้น ถ้า​บอก​ไว้​บน​เว็บ​ว่า​ลูกค้า​มา​ทำ​รายการ​ที่​ร้าน​ได้

ส่วน​ธุรกิจ​ที่​อยาก​ช่วย​ลูกค้า​สูง​วัย​ใช้​มือ​ถือ​ตั้งแต่​พื้น​ฐาน เช่น ตั้ง​ขนาด​ตัว​อักษร​หรือ​จดจำ​ไอคอน ดู​วิธี​สอน​ที​ละ​ขั้น​ได้​ในบท​สอน​ผู้​สูง​อายุ​ใช้​สมา​ร์ท​โฟน และ​เรื่อง​ความ​ปลอดภัย​ของ​แอป​ธนาคาร​อยู่​ในคู่มือ​แอป​ธนาคาร​และ​พร้อม​เพย์​สำหรับ​ผู้​สูง​อายุ ทั้ง​สอง​บท​ต่อย​อด​จาก​เกณฑ์​หน้า​จอ​ใน​บท​นี้​ไป​ถึง​การ​ใช้​งาน​จริง​ของ​ลูกค้า​เจ้าของ​เครื่อง

ห้า​จุด​ที่​ตรวจ​ได้​ใน​สัปดาห์​นี้

  1. วัด​ขนาด​ปุ่ม​สำคัญ​บน​หน้า​ชำระ​เงิน​และ​หน้า​นัด​หมาย​ว่า​ถึง 24×24 CSS pixel หรือ​ยัง
  2. ขยาย​หน้า​เว็บ​ใน​เบราว์เซอร์​เป็น 200% แล้ว​ลอง​ทำ​รายการ​ให้​จบ
  3. เปิด​ห้า​หน้าที่​ลูกค้า​ใช้​บ่อย ดู​ว่า​ปุ่ม​ติดต่อ​พนักงาน​อยู่​ตำแหน่ง​เดิม​ทุก​หน้า​หรือ​ไม่
  4. ไล่​ขั้น​ตอน​สมัคร​สมาชิก​ว่า​มี​ช่อง​ไหน​ให้​กรอก​ข้อมูล​เดิม​ซ้ำ
  5. ตรวจ​ว่าการ​เข้า​สู่​ระบบ​มี​ทาง​เลือก​ที่​ไม่​ต้อง​จำ​รหัส​ผ่าน

ทีม​เล็ก​ที่​จ้าง​นัก​พัฒนา​เป็น​ครั้ง​คราว เริ่ม​จาก​ข้อ​ไหน​ก่อน​ดี

เริ่ม​จาก​ข้อ 3 เพราะ​แก้​ด้วย​การ​จัด​ตำแหน่ง​ปุ่ม​ใน​ธีม​เว็บไซต์​ได้​โดย​ไม่​ต้อง​เขียน​โค้ด​ใหม่ แล้ว​ตาม​ด้วย​ข้อ 2 ซึ่ง​ทดสอบ​ได้​ด้วย​เบราว์เซอร์​ธรรมดา ถ้า​เจอ​ว่า​เนื้อหา​ล้น​หรือ​ซ้อน​กัน​ตอน​ขยาย ค่อย​ส่ง​ให้​นัก​พัฒนา​แก้​เฉพาะ​หน้าที่​พัง ส่วน​ข้อ 4 และ 5 เกี่ยว​กับ​ระบบ​หลัง​บ้าน ควร​วาง​ไว้​ใน​รอบ​ปรับปรุง​เว็บ​ครั้ง​ถัด​ไป ทุก​จุด​ที่​แก้​แล้ว​ควร​จด​วัน​ที่​ไว้ เพื่อ​เทียบ​จำนวน​สาย​ที่​โทร​เข้า​มา​ถาม​วิธี​ใช้​งาน​ก่อน​และ​หลัง​แก้

สรุป

W3C ระบุ​ว่า​ผู้​สูง​อายุ​จำนวน​มาก​มี​การ​มอง​เห็น การ​เคลื่อนไหว​ของ​มือ การ​ได้ยิน และ​ความ​จำ​ระยะ​สั้น​ที่​ลด​ลง​ตาม​วัย และ​ความ​ต้องการ​เหล่า​นี้​ทับ​ซ้อน​กับ​คน​พิการ WCAG 2.2 ลง​วัน​ที่ 12 ธันวาคม 2024 จึง​เป็น​มาตรฐาน​ที่​ใช้ได้​ตรง​ที่สุด เกณฑ์​ที่​ควร​เริ่ม​คือ​คอ​นท​รา​สต์ 4.5:1 การ​ขยาย​ข้อความ 200% ปุ่ม​ขนาด​อย่าง​น้อย 24×24 CSS pixel หรือ 44×44 ใน​ระดับ AAA การ​ไม่​ให้​กรอก​ซ้ำ การ​ยืนยัน​ตัว​ตน​ที่​ไม่​ต้อง​จำ​รหัส และ​ช่อง​ทาง​ช่วย​เหลือ​ที่​อยู่​ลำดับ​เดิม​ทุก​หน้า​ตาม​เกณฑ์ 3.2.6 โครงการ​บัตร​สวัสดิการ​รอบ​ปี 2569 แสดง​ว่า​บริการ​เดียวกัน​เปิด​ได้​ทั้ง​ช่อง​ทาง​ทำ​เอง​และ​ช่อง​ทาง​ที่​มี​คน​ช่วย ธุรกิจ​เล็ก​เริ่ม​ได้​จาก​หน้า​เว็บ​ที่​ผ่าน​เกณฑ์​กับ​ช่อง​ทาง​คนจริง​หนึ่ง​ช่อง​ทาง

คำถามที่พบบ่อย (FAQ)

หน้า​แนวทาง​สำหรับ​ผู้​ใช้​สูง​วัย​ของ W3C ชี้​ไป​ที่​มาตรฐาน​การ​เข้า​ถึง​สากล​ที่​มี​อยู่ โดย​เฉพาะ WCAG ซึ่ง​ครอบคลุม​ผู้​สูง​อายุ​ที่​มี​ความ​ต้องการ​ด้าน​การ​เข้า​ถึง​จาก​วัย​ด้วย ฉบับ​ล่าสุด​คือ WCAG 2.2

เกณฑ์ 1.4.4 ระดับ AA ให้​ขยาย​ข้อความ​ได้​ถึง​สอง​เท่า​โดย​ไม่​ต้อง​ใช้​เครื่อง​มือ​ช่วย และ​เนื้อหา​หรือ​การ​ใช้​งาน​ต้อง​ไม่​เสีย

เกณฑ์ 2.2.1 ให้​เนื้อหา​ที่​ตั้ง​เวลา​ไว้​ต้อง​ให้​ผู้​ใช้​ปิด ปรับ หรือ​ขอ​ต่อ​เวลา​ได้ มี​ข้อ​ยกเว้น​บาง​กรณี เช่น เวลา​ที่​เป็น​ส่วน​จำเป็น​ของ​กิจ​กร​รม​แบบ​เรี​ยล​ไทม์ ทีม​พัฒนา​ควร​อ่าน​ข้อ​ยกเว้น​ทั้งหมด​ใน​เอกสาร WCAG ก่อน​สรุป​ว่า​หน้า​ไหน​เข้า​ข่าย

เกณฑ์ 3.2.6 นับ​แช​ตบ​อต​เป็น​กลไก​ช่วย​เหลือ​แบบ​หนึ่ง แยก​จาก​กลไก​ติดต่อ​คน ธุรกิจ​จึง​มี​แช​ตบ​อต​ได้ แต่​ลูกค้า​ที่​ต้องการ​คุย​กับ​คน​ควร​มี​ทาง​ไป​ถึง​พนักงาน และ​ทาง​นั้น​ต้อง​อยู่​ตำแหน่ง​เดิม​ทุก​หน้า

หน้า​แนวทาง​ของ W3C แนะนำ​ให้​ศึกษา​ผู้​ใช้​สูง​วัย​โดยตรง​ผ่าน​การนำ​ผู้​ใช้​จริง​เข้า​มา​ร่วม​ทดสอบ การ​ตรวจ​ตาม​เกณฑ์​บอก​ได้​ว่า​หน้า​ผ่าน​มาตรฐาน​หรือ​ไม่ แต่​การ​ทดสอบ​กับ​ผู้​ใช้​จริง​บอก​ได้​ว่า​ลูกค้า​ทำ​รายการ​จบ​หรือ​ไม่

PHYGITAL INSIGHT

ฟิจิ⁠ทัล​ให้​น้ำ​หนัก​กับ​รอย​ต่อ​ระหว่าง​หน้า​จอ​กับ​คน​มากกว่า​ตัว​หน้า​จอ​เพียง​อย่าง​เดียว ลูกค้า​สูง​วัย​ที่​ทำ​รายการ​เอง​ได้​ครึ่ง​ทาง​แล้ว​ต้อง​โทร​หา​ร้าน ต้องการ​ให้​คน​รับ​สาย​รู้​ว่า​ตัว​เอง​ค้าง​อยู่​ตรง​ไหน ถ้า​พนักงาน​ต้อง​ถาม​ข้อมูล​ใหม่​ทั้งหมด งาน​ที่​ทำ​ไว้​บน​หน้า​จอ​ก็​เสีย​เปล่า บริการ​คอล​เซ็นเตอร์​ของ​ฟิจิ⁠ทัล​ช่วย​วาง​บท​สนทนา​และ​ข้อมูล​ที่​พนักงาน​เห็น ให้​รับ​ช่วง​ต่อ​จาก​ขั้น​ตอน​ที่​ลูกค้า​ค้าง​อยู่​ได้​ทันที

ให้ PHYGITAL AGENCY ช่วยต่อยอดเรื่องนี้สู่ผลลัพธ์จริง

ลูกค้า​สูง​วัย​ที่​โทร​มาก​ลาง​ขั้น​ตอน ต้อง​เล่า​เรื่อง​ใหม่​ตั้งแต่​ต้น​หรือ​เปล่า

ลอง​ให้ PHYGITAL AGENCY เปิด​ขั้น​ตอน​บน​เว็บ​ของ​คุณ​เทียบ​กับ​บท​สนทนา​ของ​พนักงาน​รับ​สาย แล้ว​รับ​รายการ​จุด​ที่​ต้อง​แก้​ทั้ง​ฝั่ง​หน้า​จอ​และ​ฝั่ง​คน

PARANATH PANARATANA

WRITTEN BY

PARANATH PANARATANA

CHAIRMAN OF PHYGITAL AGENCY

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