เราต้องการให้ SSSTikTok.co.id ใช้งานได้สำหรับผู้ใช้ให้มากที่สุด รวมถึงผู้ที่ใช้คีย์บอร์ด โปรแกรมอ่านหน้าจอ การขยายข้อความ หรือการตั้งค่าอุปกรณ์ที่แตกต่างกัน
Accessibility ไม่ใช่เพียงหน้าของนโยบาย การทำงานจริงของเว็บไซต์ต้องรองรับคำกล่าวที่ระบุไว้ที่นี่ด้วย
เป้าหมายของเรา
เราพยายามใช้แนวทาง accessibility ที่ช่วยผู้ใช้ในด้าน:
- การอ่านเนื้อหา
- การเข้าใจ heading
- การใช้แบบฟอร์ม
- การนำทางเมนู
- การใช้งานตัวดาวน์โหลด
- และการเข้าใจข้อความ error
โครงสร้าง Heading
หน้าใช้โครงสร้าง heading ที่สม่ำเสมอเพื่อให้ผู้ใช้และเทคโนโลยีช่วยเหลือเข้าใจเนื้อหาได้ง่ายขึ้น
Heading ไม่ควรถูกใช้เพียงเพื่อกำหนดขนาดตัวอักษร
การนำทางด้วยคีย์บอร์ด
องค์ประกอบแบบโต้ตอบ เช่น:
- เมนู
- ปุ่ม
- แบบฟอร์ม
- Accordion
- FAQ
- และ dialog
ควรใช้งานได้ด้วยคีย์บอร์ด
Focus state ก็ควรมองเห็นได้ชัดเจน
แบบฟอร์มดาวน์โหลด
ช่อง URL และปุ่มดาวน์โหลดต้องมี label ที่เข้าใจได้
Error ไม่ควรถูกแสดงด้วยสีเพียงอย่างเดียว
ข้อความ error ควรอธิบายปัญหาด้วยข้อความ
ตัวอย่างที่ดีกว่า:
“ไม่รู้จักลิงก์ กรุณาคัดลอกลิงก์อีกครั้งผ่านเมนูแชร์ใน TikTok”
แทนที่จะเป็น:
“Error.”
คอนทราสต์และข้อความ
เราพยายามใช้ชุดสีที่ยังคงอ่านได้ชัดเจน
ขนาดข้อความควรสามารถขยายได้โดยไม่ทำให้ฟังก์ชันหลักของหน้าเสียหาย
รูปภาพและภาพหน้าจอ
รูปภาพที่ให้ข้อมูลควรมี alt text ที่เหมาะสม
รูปตกแต่งไม่จำเป็นต้องมีคำอธิบายยาวที่ไม่ช่วยผู้ใช้
สำหรับภาพหน้าจอคู่มือ alt text ควรอธิบายการกระทำที่เห็นในภาพ
ตัวอย่าง:
“เมนูแชร์ของ TikTok โดยเน้นตัวเลือกคัดลอกลิงก์”
วิดีโอและสื่อ
หากในอนาคตเว็บไซต์ใช้วิดีโอสอนที่ให้ข้อมูลสำคัญ ควรมี caption หรือข้อความทางเลือกเมื่อเป็นไปได้
Animation
Animation ไม่ควรรบกวนการทำงานของเว็บไซต์
หากเพิ่ม animation ตกแต่งขนาดใหญ่ ควรคำนึงถึงการตั้งค่าของผู้ใช้ เช่น reduced motion
Zoom และ Mobile
หน้าต้องยังใช้งานได้บนหน้าจอเล็กและเมื่อผู้ใช้ซูม
ตาราง ปุ่ม field และสื่อไม่ควรบังคับให้ผู้ใช้เลื่อนแนวนอนโดยไม่จำเป็นใน layout หลัก
FAQ
FAQ แบบ accordion ควรเปิดได้ด้วยคีย์บอร์ดและมีตัวบ่งชี้สถานะที่เทคโนโลยีช่วยเหลือสามารถรับรู้ได้
ภาษาของหน้า
ควรกำหนดภาษาเอกสารเป็นภาษาไทยใน HTML markup เพื่อให้โปรแกรมอ่านหน้าจอใช้การออกเสียงที่เหมาะสม
ปัญหาด้านการเข้าถึง
หากคุณพบส่วนของเว็บไซต์ที่ใช้งานยาก โปรดแจ้งเรา
ระบุ:
- URL ของหน้า
- ปัญหาที่พบ
- อุปกรณ์
- เบราว์เซอร์
- เทคโนโลยีช่วยเหลือหากเกี่ยวข้อง
- และขั้นตอนที่ทำให้เกิดปัญหา
การปรับปรุงอย่างต่อเนื่อง
Accessibility อาจต้องได้รับการปรับปรุงอย่างต่อเนื่องเมื่อมีการเพิ่มฟีเจอร์ใหม่
เราพยายามหลีกเลี่ยงคำกล่าวอย่าง “รองรับ WCAG 100%” เว้นแต่จะมีการตรวจสอบอย่างเป็นทางการจริง
ติดต่อด้านการเข้าถึง
ใช้หน้าติดต่อแล้วเลือกหมวด Accessibility
อัปเดตล่าสุด: [วันที่]