ทำเว็บให้ทุกคนใช้งานได้ (Accessibility) ฉบับเริ่มต้น

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

1. ความต่างของสี#

ตัวอักษรกับพื้นหลังต้องต่างกันพอ (อัตราส่วนอย่างน้อย 4.5:1 สำหรับข้อความปกติ) ตัวเทาอ่อนบนพื้นขาวคือปัญหาที่พบบ่อยที่สุด

2. ขนาดตัวอักษรและระยะบรรทัด#

เนื้อหาอย่างน้อย 16px และระยะบรรทัดประมาณ 1.6 เท่า ช่วยให้อ่านยาว ๆ ได้สบายขึ้นมาก

3. ข้อความทางเลือกของรูป (alt)#

รูปที่สื่อความหมายต้องมีคำอธิบาย ส่วนรูปตกแต่งให้เว้นว่างไว้ เพื่อให้โปรแกรมอ่านหน้าจอข้ามได้

4. ใช้งานด้วยคีย์บอร์ดได้#

ลองกด Tab ไล่ทั้งหน้า ต้องเห็นว่ากำลังโฟกัสอยู่ตรงไหน และเข้าถึงทุกปุ่มได้โดยไม่ต้องใช้เมาส์

5. ปุ่มและลิงก์ต้องบอกว่าไปไหน#

"อ่านเพิ่มเติม" หลายอันในหน้าเดียวทำให้สับสน ควรเขียนให้ชัด เช่น "อ่านบทความเรื่องการเลือกโดเมน"

6. วิดีโอควรมีคำบรรยาย#

นอกจากช่วยผู้มีปัญหาการได้ยิน ยังช่วยคนที่ดูโดยไม่เปิดเสียง ซึ่งเป็นคนส่วนใหญ่

เริ่มจาก 6 ข้อนี้ก่อน แล้วตรวจซ้ำด้วยเครื่องมือฟรีอย่าง Lighthouse ในเบราว์เซอร์