เว็บที่เข้าถึงง่ายไม่ได้ช่วยแค่ผู้พิการ แต่ช่วยผู้ใช้ทุกคน ตั้งแต่คนที่ใช้มือถือกลางแดด ไปจนถึงผู้สูงอายุที่มองตัวหนังสือเล็กไม่ชัด
1. คอนทราสต์สีต้องถึง WCAG AA
ตัวอักษรปกติต้องมีคอนทราสต์อย่างน้อย 4.5:1 กับพื้นหลัง ตรวจง่าย ๆ ด้วยเครื่องมือใน DevTools ของเบราว์เซอร์
2. โฟกัสต้องมองเห็น
ผู้ใช้คีย์บอร์ดต้องรู้ว่าตอนนี้โฟกัสอยู่ตรงไหน อย่าใช้ outline: none โดยไม่มีอะไรทดแทน ให้ใช้ :focus-visible กำหนดเส้นขอบที่ชัดเจน
3. h1 หน้าละหนึ่งเดียว
โครงสร้างหัวข้อที่ถูกต้องช่วยให้โปรแกรมอ่านหน้าจอไล่เนื้อหาได้ และดีต่อ SEO ด้วย
4. alt text ที่สื่อความหมาย
รูปที่มีเนื้อหาต้องมี alt อธิบายว่ารูปสื่ออะไร ส่วนรูปตกแต่งให้ใช้ alt ว่างเพื่อให้โปรแกรมอ่านหน้าจอข้ามไป
5. เคารพ prefers-reduced-motion
ผู้ใช้บางคนเวียนหัวกับอนิเมชัน ใส่ media query ปิดอนิเมชันให้ผู้ที่ตั้งค่าลดการเคลื่อนไหวไว้
ใส่ความเห็น