ค้นหาปัญหา accessibility ใน HTML
วาง HTML เพื่อหา alt text ที่หายไป ช่องกรอกที่ไม่มีป้ายชื่อ และปัญหา WCAG ที่พบบ่อยอื่น ๆ พร้อมวิธีแก้ในแต่ละข้อ
- ทำงานบนอุปกรณ์ของคุณ
- ไม่ต้องสมัครสมาชิก
- ใช้ออฟไลน์ได้หลังจากเคยเข้าชม

ตรวจเฉพาะ markup ไม่ทดสอบสีจาก CSS หรือลำดับโฟกัส HTML อยู่ในแท็บนี้
วิธีตรวจปัญหา accessibility ของหน้าเว็บ
- วาง HTML ของหน้าเว็บ หรือโหลดหน้าตัวอย่าง
- กรองรายการให้แสดงเฉพาะข้อผิดพลาดหรือคำเตือน
- แก้ปัญหาแต่ละข้อที่บรรทัดที่ระบุไว้
คำถาม
ตรวจอะไรบ้าง?
alt text ที่หายไป ช่องกรอกที่ไม่มีป้ายชื่อ ปุ่มและลิงก์ที่ว่างเปล่า ข้อความลิงก์ที่คลุมเครือ การข้ามลำดับหัวข้อ ตารางที่ไม่มีเซลล์หัวตาราง tabindex ที่เป็นค่าบวก การบล็อกการซูมบนมือถือ iframe ที่ไม่มี title คอนทราสต์ต่ำในสไตล์แบบ inline และวิดีโอที่ไม่มีคำบรรยาย
ทำไมผลลัพธ์ที่ไม่มีปัญหาถึงไม่ได้หมายความว่าผ่านทั้งหมด?
เครื่องมือนี้อ่านเฉพาะ markup เท่านั้น จึงมองไม่เห็นสีจาก stylesheet ลำดับโฟกัสบนหน้าจอ หรือสิ่งที่โปรแกรมอ่านหน้าจอ (screen reader) ประกาศออกมา ควรทดสอบด้วยคีย์บอร์ดและโปรแกรมอ่านหน้าจอด้วย
ระดับ WCAG หมายความว่าอย่างไร?
WCAG 2.2 มีสามระดับ A เป็นระดับขั้นต่ำ AA เป็นระดับที่มาตรฐานและกฎหมายด้านการเข้าถึงส่วนใหญ่อ้างถึง และ AAA เป็นระดับที่เข้มงวดที่สุด แต่ละปัญหาจะแสดงเกณฑ์ที่ถูกละเมิด
HTML ของฉันถูกส่งไปที่ไหนหรือไม่?
ไม่ เบราว์เซอร์ของคุณอ่าน HTML ในแท็บนี้เท่านั้น ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์
รีวิว
ยังไม่มีรีวิว มาเป็นคนแรกกันเลย

